すべての記事
mixed contents 対応を促進する CSP ディレクティブ
CSPのUpgrade-Insecure-RequestとBlock-All-Mixed-Contentディレクティブを使用して、HTTPS移行時のmixed contents問題を解決する方法を解説します。
2016 年を振り返る
ブログとポッドキャストの移行、HTTP/2やService WorkerなどのWeb技術に関する記事や発表、Erlangの学習など、2016年の技術的な活動を振り返る。
HTTP の新しいステータスコード 103 Early Hints
HTTPステータスコード103 Early Hintsの仕組みと、HTTP/2 Pushの最適化における利点について解説します。
Foreign Fetch による Micro Service Workers
Foreign Fetch による Micro Service Workers の仕組みと、クロスオリジンリクエストのオフライン対応における利点と課題について解説します。
Link rel=serviceworker ヘッダによる API やアセットの Offline 対応
Service WorkerをHTMLタグやHTTPヘッダで登録する方法を解説。APIやアセットのオフライン対応を実現する技術を紹介。
Node v7 で入った WHATWG URL 実装について
Node.js v7.0.0で導入されたWHATWG URL実装について、既存のurlモジュールとの違いやAPIの使い方を解説。
Web 標準化のフィードバックサイクルを円滑にする Origin Trials について
Web標準化におけるVender Prefixの問題点と、新たなフィードバック収集手法であるOrigin Trialsの仕組みと利点について解説します。
「Socket.IO は必要か?」または「WebSocket は通るのか?」問題について 2016 年版
2016年時点でのWebSocket接続問題とSocket.IOの必要性について、ブラウザ対応やミドルボックス問題を解説。
Fetch での Stream を用いたプログレス取得とキャンセル
Fetch での Stream を用いたプログレス取得とキャンセル Intro WHATWG が定義する Fetch API は、出たばかりの仕様では、途中でのキャンセルや、プログレスイベントの取得が含まれていなかった。 しかし、後の更新で fetch 結果の Response Body が WHA
Cache-Control の Immutable 拡張によるリロード時のキャッシュ最適化
Cache-ControlのImmutable拡張について解説。リロード時の不要なキャッシュ検証を防ぎ、Webパフォーマンスを最適化する方法を説明。
Intersection Observer を用いた要素出現検出の最適化
Intersection Observer APIを使った要素の交差検出の最適化方法について、従来の方法との比較と実装を解説。
リンクのへの rel=noopener 付与による Tabnabbing 対策
target=_blankリンクにおけるTabnabbing攻撃の解説と、rel=noopener属性を使用した効果的な対策方法について説明します。
Passive Event Listeners によるスクロールの改善
Passive Event Listenersによるスクロールの詰まり(Scroll Junk)の解決策と、その仕様、実装方法について解説します。
中級者向け Service Worker Tutorial
中級者向けのService Workerチュートリアル。claim()、controllerchange、updatefoundなどの高度な概念とデバッグ方法を解説。
Stale-While-Revalidate ヘッダによるブラウザキャッシュの非同期更新
Stale-While-Revalidateヘッダによるブラウザキャッシュの非同期更新について解説。従来のキャッシュ問題を解決する新しいHTTP仕様。
Public Key Pinning for HTTP(HPKP) 対応と report-uri.io でのレポート収集
HTTP Public Key Pinning (HPKP) の導入方法と report-uri.io を使ったセキュリティレポート収集について解説します。