すべての記事
Private Relay と IP Blindness による Fingerprint 対策
iOS 15のPrivate RelayとIP Blindness技術が、IPアドレスを隠すことでブラウザフィンガープリンティングを防止する仕組みについて解説します。
mouseover 中に表示される DOM のデバッグ
Chrome DevToolsでmouseover中に表示されるDOM要素をデバッグする方法を紹介。Chrome 123の新機能や従来のテクニックを解説。
Cross Origin iframe からの alert/confirm/prompt 呼び出しの無効化
Chrome M92以降、Cross Origin iframeからのalert/confirm/prompt呼び出しが無効化されるセキュリティ変更について解説。影響と背景を説明。
本サイトの AMP 提供の停止とここまでの振り返り
筆者がAMPの提供を停止した理由と、AMPの歴史、動機、普及の背景、そしてWebパフォーマンスの非機能要件についての考察を振り返ります。
Non AMP SXG による Prefetch 対応と AMP 提供の停止
サイトのNon AMP SXG対応とAMP提供停止についての技術的実装と移行プロセスを解説。
Public Suffix List の用途と今起こっている問題について
Public Suffix List (PSL) の仕組みと、現在発生しているメンテナンス上の問題について解説します。
Cache-Control: must-understand ディレクティブとは何か
HTTP Cache-Control の新ディレクティブ「must-understand」の仕様と、新しいステータスコードのキャッシュ問題を解決する役割について解説します。
Structured Field Values による Header Field の構造化
HTTPヘッダーの値を構造化するRFC 8941「Structured Field Values」の仕様と実装について解説。JSONとの比較も含む。
2020 年をふりかえる
2020年の個人ブログ・ポッドキャスト・技術書執筆などの活動を振り返り、コロナ禍でのアウトプットの変化や自宅環境の整備について考察しています。
CSS Layout API で Masonry Layout
CSS Layout API を使用した Masonry Layout の実装方法と仕様について解説。Firefox での実装状況やデモを紹介。
Web 技術の調査方法
Webプラットフォームの新しいAPIや仕様を調査する方法を解説。Chrome Platform Statusやblink-devの活用、Explainerの読み方を説明。
WebCodecs と WebTransport でビデオチャット
WebCodecsとWebTransportを活用した柔軟なビデオチャット実装方法を解説。WebRTCの代替としての可能性を探る。
Webbundle によるサブリソース取得の最適化
WebBundleを用いたサブリソース(JS, CSS, 画像など)の取得を最適化する方法について、仕様と実装を解説します。