Claude × 教育サイト制作ガイド

Claudeで「学校の授業系・学習解説系Webサイト」を
つくるために知っておきたいこと

このノートは、Claudeに学習サイトの制作を依頼する側の視点と、依頼を受け取るClaude側の視点の両方から、 「どんな情報があれば精度高く作れるか」「どう頼めば生成AI特有のミスを減らせるか」を整理したものです。 チャットで少しずつイメージを固めていくやり方とは別に、最初にまとまった設計図として使ってください。

🗂 このノートの読み方

普段のチャットでの相談は「対話しながら少しずつ具体化する」やり方ですが、 教育サイトのように事実の正確さ・対象学年への適合・構成の一貫性が問われる制作物では、 最初にまとめて条件を渡すほうが手戻りが少なく仕上がります。01→04の順に読むと、 「何を決めるか」から「どう文章にして渡すか」まで一直線に理解できます。

TOC章立て

WHYなぜ「事前設計」が重要なのか

学習解説サイトは、雑談用のブログやポートフォリオサイトと違い、内容が正しいこと自体が価値になります。 デザインの好みは後からいくらでも直せますが、「対象学年に対して説明が難しすぎる」「計算例の答えが間違っている」 「単元の順序が学習指導要領と噛み合っていない」といった問題は、土台の情報が最初から欠けていることが原因で起こりがちです。

💬 チャットで少しずつ詰める場合

向いているのは、デザインの雰囲気やUIの細部など「見て初めて良し悪しが分かるもの」。試行錯誤の回数がそのまま質になる。

📋 事前にまとめて渡す場合

向いているのは、事実確認が必要な内容・学年別の適切さ・複数ページ間の一貫性など「後から直すと手戻りが大きいもの」。

💡 このガイドの立場 教育サイトは両方が必要です。「内容の正しさ・構成」は事前設計で固め、「見た目や細かな言い回し」はチャットで仕上げる、 という役割分担が最も効率的、というのがこのノートの結論です。
🍎 専門教科でも、専門外の教科でも

学校の先生や塾の先生が教材を作るのは、必ずしも自分の専門教科とは限りません。 このノートで紹介する手順は、専門教科・専門外教科のどちらにも同じ骨格で使えます。 Chapter 01では専門外教科のときに特に意識したい準備を、Chapter 03では専門外教科のときに 追加したいAI対策の指示を、それぞれ具体的に取り上げています。