Webのしくみを、わかりやすく

サイトを理解して、
改善につなげる。

分かりやすく、速く、使いやすいサイトを作る考え方を探りましょう。身近な例と実践的な説明から、各部分のつながりを学べます。

20 ガイド · 9 言語

ガイドを探す

セキュリティ19 分で読めます

セキュリティヘッダーのチェック方法:足りないHTTPヘッダーを見つけて直す

セキュリティヘッダーは、サーバーがレスポンスと一緒に送るブラウザへの指示で、ページがどこからリソースを読み込めるか、HTTPSを必須にするか、どのサイトがページをフレームに埋め込めるかといったことを決めます。自分でヘッダーを確認する方法、各ヘッダーの役割、安全な初期値、強制する前に一つずつ試せる導入の順番をまとめます。

ガイドを読む
AIへの対応15 分で読めます

llms.txtとは?書き方と、期待できること・できないこと

llms.txtは、サイトで特に役立つページをAIエージェントに案内するMarkdownファイルの非公式な提案です。クロールやインデックスを制御するものではなく、Google検索はこのファイルを無視します。2026年10月時点で、OpenAI、Anthropic、Perplexityも、サイトのランキングや引用のために読んでいるとは説明していません。それでも、ドキュメントの多いサイトにとっては手間の少ない有用な索引になります。

ガイドを読む
セキュリティ13 分で読めます

CSP(Content-Security-Policy)の設定例:nonce・ハッシュ・strict-dynamicで厳格なポリシーを作る

Content-Security-Policyは、ページ上で実行してよいスクリプトをブラウザーに伝えるヘッダーです。そのまま使える3つの設定例、ポリシーを厳格にする仕組み(nonce、ハッシュ、strict-dynamic)、default-srcではカバーされないディレクティブ、違反レポートの受け取り方、そしてReport-Onlyモードから始める段階的な導入手順をまとめました。

ガイドを読む
セキュリティ10 分で読めます

HSTSプリロードとは?プリロードリストの登録要件とリスク、ヘッダーと登録状況の確認方法

HSTSプリロードリストに載ると、ドメインがブラウザに組み込まれ、初回の訪問からすべてのサブドメインでHTTPSが使われます。登録はフォーム1つですが、削除には数か月かかります。正確な登録要件、ほぼ後戻りできない判断になるリスク、max-ageを段階的に延ばす計画、ヘッダーと登録状況を確かめるコマンドをまとめました。

ガイドを読む
セキュリティ18 分で読めます

DMARCのquarantine・reject移行ガイド:正規メールを失わずにp=noneから強化する手順

監視だけのDMARCレコードからquarantine、rejectへ進めるための実践手順です。レポートから何が分かるか、自社ドメインで送信しているサービスをどう洗い出すか、緩和アライメントで足りるのはどんな場合か、pctが段階導入に使えなくなった理由とその代わり、サブドメインの扱い、そして正規メールが失敗したときの戻し方までを順に説明します。

ガイドを読む

SITELEMETRY

学んだことを実践へ。

Sitelemetryでサイトの構造、設定、技術的な手掛かりを探りましょう。