Http on たかおの解説

DNS-Prefetch と Preconnect を適切に配置して外部アセットロードを高速化する

Wed, 15 Apr 2026 00:00:00 +0900

はじめに

Webページが外部のリソース（フォント、スクリプト、画像、API）を読み込むには、ネットワーク接続が必要です。DNS解決、TCPハンドシェイク、TLSネゴシエーションのオーバーヘッドは、合計で数百ミリ秒に達します。dns-prefetch と preconnect は、これらの処理を事前に実行するようブラウザに指示するリソースヒントです。

CORS（オリジン間リソース共有）エラーのメカニズムと適切なサーバー応答

Mon, 15 Dec 2025 00:00:00 +0900

はじめに

CORS（Cross-Origin Resource Sharing） は、ブラウザが異なるオリジン間のリソースアクセスを制御するセキュリティ機構です。https://app.example.com から https://api.example.org へのリクエストは、デフォルトで 同一オリジンポリシー によりブロックされます。CORS は HTTP ヘッダーを通じてこの制限を安全に緩和します。本記事では CORS の全体像、プリフライトリクエストの仕組み、そしてエラーの解決策を解説します。

セキュアクッキー設定：Web開発者完全ガイド

Mon, 09 Dec 2024 00:00:00 +0900

クッキーは、Webにおいて最も頻繁に誤設定されるセキュリティコントロールの1つです。たった1つの属性が欠けているだけで、セッションハイジャック、CSRF、クロスサイト情報漏洩のリスクが生じます。モダンブラウザはデフォルト設定を厳格化していますが、各属性を理解し適切に組み合わせて多層防御を実現することが不可欠です。