iPhone Duo対応でレスポンシブ設計を見直す。端末ではなく「available space」でレイアウトを決める
iPhone Duoでは、閉じた外画面、開いた内画面、Split ViewでSafariに与えられる領域が変わる。Duo上のWeb表示、確定している解像度、検証方法を確認し、deviceではなくavailable spaceを基準にしたレスポンシブ設計を考える。
Blog
Web Engineering posts
React + TypeScriptで動的画像を生成する。Satori、Sharp、Canvasの使い分け
WebアプリでOGP画像やSNSカードを動的生成するとき、クライアントとサーバーでは構成が変わります。React 19 + TypeScriptを前提に、SatoriでSVGを作り、ブラウザではCanvas、サーバーではSharpでPNGへ変換する流れを見ていきます。
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との互換性まで扱います。