React + TypeScriptで動的画像を生成する。Satori、Sharp、Canvasの使い分け
WebアプリでOGP画像やSNSカードを動的生成するとき、クライアントとサーバーでは構成が変わります。React 19 + TypeScriptを前提に、SatoriでSVGを作り、ブラウザではCanvas、サーバーではSharpでPNGへ変換する流れを見ていきます。
Blog
Programming posts
古いReactをAIで書き換えてもリファクタリングにはならない。先に依存関係と副作用を分ける
面接で8年前のReact ClassコンポーネントをAIでリファクタリングする課題が出された。見られていたのは新しい構文へ書き換える速さではなく、依存関係や副作用をどう見つけ、どう分けるかだった。
JavaScriptのthisは「どこで定義したか」より「どう呼んだか」で決まる
JavaScriptのthisが何を指すのか。通常の関数、メソッド、call・apply・bind、new、アロー関数ごとの違いと、strict mode・ES Modulesで挙動が変わる点を、呼び出し方から読み解く。
2026年現在の日本語文字化け入門：UTF-8時代のUnicodeと文字問題
2026年現在の日本語の文字問題を、初級エンジニア向けに実例から解説します。UTF-8とUnicodeの関係、U+2015、正規化、絵文字、異体字、外字、今も残るShift_JIS・CP932との互換性まで扱います。
2026年現在も無料で読めるITエンジニア向け技術書
2026年8月時点で、著者・出版社・公式プロジェクトが合法的に全文または実質的な全文を無料公開しているITエンジニア向け技術書を、更新状況や日本語版の有無とあわせて紹介します。