本文へ移動
Coffee Break Again AIと育てる、サイト制作の研究室

SPECIMEN 02 / 物語から学ぶメディア

解説メディアのホームページ制作事例|PicoRouteで物語と図解をつなぐ

運営・編集:CBA編集部 / 監修者について
公開: / 更新:

制作:Coffee Break Again / 使用した道具:Astro

PicoRouteを見る →
PicoRouteのトップページ
公開サイトの画面 / 2026年9月28日

解説サイトの制作では、最初に知りたいことを絞る

PicoRouteでは、Webやインターネットの仕組みを、キャラクターや物語、図を使って説明します。初めて読む人が最初から細かな仕様を覚えることを求めず、身近な疑問から入れるようにしています。

専門分野のブログを作るときも、まず初心者が口にする疑問を書き出してみてください。専門家が大切だと思う順番と、初めて読む人が知りたい順番は違うことがあります。

ホームページの説明は、物語と詳しい解説で役割を分ける

物語の途中にすべての説明を入れると、場面が進まなくなります。そこで、読み物で生まれた疑問を、詳しいガイドで確かめるつながりを作ります。

PicoRouteの改善では、入口の物語の説明を減らし、専門的な内容を解説へ分ける見直しを行っています。読みやすくなったかどうかは、表示の確認と、読者の反応の確認を分けて扱います。

入口の物語を短くした改善ノート →

AIに解説サイトを作ってもらう指示の例

初心者向けの説明では、専門語を隠すだけでなく、何が起きているのかを順に伝えます。例え話を使う場合も、実際の仕組みとの違いが分かるようにします。

[テーマ]を初めて調べる人向けのページ構成を考えてください。
最初の疑問:[例:Webページはどう届くの?]
入口では身近な一つの疑問だけを扱ってください。
仕組みの説明は、起きる順番で整理してください。
詳しい仕様は別の解説ページに分け、読みたくなった場所にリンクを置いてください。
例え話が実際の仕組みと違うところも説明してください。

自分のサイトを修正するなら、説明を足す前に順番を見直す

一つの記事へ知識を詰め込む前に、「ここで読者が次に知りたくなることは何か」を確認します。今は不要な説明なら、別のページへ分ける方法もあります。

詳しい人だけが読む内容と、最初の一歩の内容をつなぐ。その案内を作ることも、解説メディアの制作です。