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

Guide

創作サイトの作り方|作品・人物・世界観の入口を小さく作る

小説・漫画・イラストを見せる創作サイトの作り方。手元の作品や設定から公開する内容を選び、代表作、人物、世界観へ進める最小構成を考えます。

創作サイトの作り方は、見せられる作品と設定の整理から

小説の原稿、人物の設定、描きためた絵。手元に素材が多いほど、どれも載せたくなります。まずは「初めて来た人に見せられるもの」を選びましょう。制作中のメモを全部並べると、読む前に結末が分かったり、決まっていない設定が公式な説明に見えたりします。

たとえば、短編小説が一作、主人公の絵が一枚、非公開の結末メモがある場合を考えます。以下は構成を考えるための例です。

狭い画面では、表の中を左右に動かして読めます。

手元の素材最初のサイトでの扱い
公開できる短編小説代表作に選び、短い紹介と「読む」リンクを置く
主人公の絵と紹介文作品紹介に添える。初見で必要な性格や立場だけ載せる
結末につながる設定手元に残す。公開する場合は読了後の案内として分ける
まだ変更しそうなメモ公開用の素材から外し、決まってから紹介する

今は作品を読むための入口を決めます。作る道具やサーバーの選択まで含めた流れは、初心者向けのホームページの作り方へ進んでください。

作品サイトのトップには、最初に読んでほしい一作を置く

サイトに初めて来た人は、作者がどの作品を大切にしているかを知りません。新作順の一覧だけで迷いそうなら、「初めての方へ」と一作を選びます。最新作に限らず、その作品だけで読める短編や、作風が伝わる一枚から案内してかまいません。

あらすじで結末まで説明する必要はありません。読む人が雰囲気を選べる紹介を用意し、本文へ進むリンクを近くに置きます。作品数が増えたときの並べ方は、作品一覧ページの設計で詳しく扱います。

人物紹介と世界観は、作品を読むために必要な分から

主人公の名前や立場が分かれば読み始められるなら、最初は作品紹介の中に短く添えるだけでも十分です。人物ごとの紹介を何ページも用意してからでなければ公開できない、ということはありません。

一方、人物が多い連作なら「この人は誰だった?」と戻れる紹介ページが助けになります。分けるかどうかは設定の量だけでなく、読者が別の場面でも読み返すかで考えてみてください。

世界観も、最初に知ると読みやすい前提から載せます。舞台の歴史や秘密を詳しく知るページは、必要な場所から案内します。人物の項目はキャラクター紹介ページの作り方、公開範囲は世界観とネタバレの分け方を参考にしてください。

創作サイトの最小構成を、ホーム・作品・作者でつなぐ

初回は「ここが何のサイトか」「作品をどこで読めるか」「誰が運営しているか」が伝わる形を作ります。情報が少なければ、一ページの中で区切ってもかまいません。まだ本文がない人物一覧や年表は、公開するページに加えず手元の予定に残します。

  1. ホームから代表作へ作者名やサイトの紹介に続けて、一作への入口を見せます。
  2. 作品紹介から本文へ短い概要を読んだ人が、そのまま小説・漫画・絵を見られるリンクを置きます。
  3. 作者の案内へ活動名、何を作っているか、連絡方法を、自分が公開できる範囲でまとめます。

できたら、作品を知らない人になったつもりでホームから開きます。紹介を読んで作品に進めるか。長い設定を読まなくても楽しみ始められるか。実際にスマホでたどって確かめましょう。

まず紙やメモに、代表作の名前と短い紹介、その作品を読む場所を書いてみてください。この三つが決まれば、最初に見せたい画面をAIや制作者へ伝えられます。

創作サイトの作り方で迷いやすいこと

作品が一つだけでも創作サイトを作れますか?

一つから始められます。作品の概要、試し読みや閲覧先、作者の案内があれば、初めての人が作品へ進めます。作品数に合わせて、必要になった段階で一覧ページを足しましょう。

人物紹介と世界観のページは最初から必要ですか?

作品を読み始めるために必要なら用意します。短い紹介で足りるうちは作品ページ内に置けます。情報が増えたら分け、読了前に読める説明とネタバレを含む説明を区別します。

小説や漫画の本文も自分のサイトへ移す必要がありますか?

必要ありません。投稿先を使い続けるなら、自分のサイトには作品の概要と、読み始めるページへのリンクを置けます。どこで読めるかをリンクの近くに書き、実際に移動できるか確認します。