React + TypeScriptで動的画像を生成する。Satori、Sharp、Canvasの使い分け
WebアプリでOGP画像やSNSカードを動的生成するとき、クライアントとサーバーでは構成が変わります。React 19 + TypeScriptを前提に、SatoriでSVGを作り、ブラウザではCanvas、サーバーではSharpでPNGへ変換する流れを見ていきます。
Blog
Web Engineering posts
Hide My Emailは@icloud.comのまま。Appleがドメイン変更を撤回してくれてよかった
私はWebサービスや開発ツールの登録先ごとにHide My Emailを使い分けています。Appleは一度private.icloud.comへの変更を発表しましたが、2026年8月24日に方針を見直し、icloud.comを維持すると発表しました。もし専用ドメイン化されていたら代替サービスへの移行を考えていた理由を書きます。
変更したのに反映されない。Webのキャッシュトラブルをどこから調べるか
CSSやAPI、DNSレコードを変更したのに古い状態が見えるとき、ブラウザ、Service Worker、CDN、クライアントデータキャッシュ、Redis、DNSのどこを確認するか。キャッシュを全部消す前に、古い値を返している層を切り分ける。
Webのキャッシュはどこにある？ ブラウザからDBまで、置き場所と目的で全体像を見る
Webのキャッシュをブラウザ、DNS、CDN、アプリケーション、DB、OS・ストレージのスコープで見る。何を保持し、APIリクエストやレイテンシ、Origin・DB負荷の何を減らしているのかを、リクエスト経路から考える。
2026年現在の日本語文字化け入門：UTF-8時代のUnicodeと文字問題
2026年現在の日本語の文字問題を、初級エンジニア向けに実例から解説します。UTF-8とUnicodeの関係、U+2015、正規化、絵文字、異体字、外字、今も残るShift_JIS・CP932との互換性まで扱います。
AIのWeb検索はWeb全体を読んでいない。現代の検索エンジンをAI目線で見る
ChatGPT、Gemini、ClaudeなどのWeb検索を、Google・Bing・Braveの検索インデックスとretrievalの観点から考えます。AIの回答差や情報の見落としがなぜ起こるのかを、検索基盤から見ていきます。