どうも、マイペース男です。

今回はですね、

AIを使って、アニメの公式サイトを作ってみよう！

という話です。

しかも、ただ1ページだけのLPを作るという話ではありません。

TOPページがあって、NEWSがあって、STORYがあって、CHARACTERがあって、MOVIE、MUSIC、WORLD、GOODS……みたいな、

「本当に存在するアニメの公式サイトっぽいもの」

を作ります。

僕は今回、架空TVアニメ

『群青ノイズ / GUNJO NOISE』

という作品を作って、その公式サイトを実際に公開してみました。

完成したものはこちらです。

もちろん架空のアニメなので、作品そのものも、キャラクターも、街も、音楽も全部AIを使いながら作っています。

ただ、このやり方は架空アニメだけじゃなくて、実際に自主制作アニメを作っている人にも使えます。

漫画、ゲーム、映画、音楽プロジェクト、架空ブランドなどにも応用できると思います。

今回はまず、

「AIを使えば、ここまでアニメ公式サイトを作れるよ」

というところから紹介していきます。

⸻

AIでサイトを作るなら、コードを書くのが一番大変？

「AIでWebサイトを作る」

と聞くと、

HTMLとかCSSとかJavaScriptとか、

なんか難しそうなコードを書くところが一番大変そうに見えるじゃないですか。

でも、今回やってみて分かりました。

そこじゃなかったです。

そもそも今はAIがコードを書いてくれるので、僕自身はほとんどコードを書いていません。

じゃあ何に時間がかかったのか。

一番大変だったのは、

「何を、どの順番で作ればいいのか」

を決めることでした。

僕自身、本格的なアニメ公式サイトなんて今まで作ったことがありません。

以前、架空アニメや恋愛リアリティ番組っぽい1ページLPを作ったことはあったんですけど、今回はちゃんとハンバーガーメニューがあって、いろんなページへ移動できるサイトを作りたかった。

だから最初は、

「アニメの公式サイトって何ページあるんだ？」

というところから始まりました。

そこからChatGPT、僕は普段チャッピーって呼んでるんですけど、チャッピーと相談しながら、

タイトルを考える。

あらすじを作る。

キャラクターを決める。

世界観を決める。

ページ構成を考える。

参考画像を作る。

スマホ版のモックを作る。

PC版のモックを作る。

そこから実際のサイト素材を作る。

みたいなことを一つずつやっていきました。

⸻

結局、最初の完成まで7時間くらいかかりました

これ、結論から言うと、

一旦サイトとして完成させるまで7時間くらいかかりました。

さらにそのあと、

キャラクターボイスを作ったり、

オープニングテーマを作ったり、

ティザー映像を作ったり、

90秒のアニメOPを作ったり、

細かい部分まで凝り始めたので、

トータルでは10時間くらい触っていたと思います。

でも、これはAIが遅かったわけじゃありません。

僕が、

「次は何を作ればいいんだ？」

「この画像先に作った方がいい？」

「もう実装していい？」

「スマホ版どうしよう？」

みたいなことを一個ずつ試しながら進めていたからです。

つまり、

制作そのものより、制作手順を作るのに時間がかかった。

という感じです。

⸻

そして、めちゃくちゃ遠回りしました

AIは、一個一個の作業自体はものすごく速いです。

でも、順番を間違えると普通に事故ります。

今回もいろいろありました。

背景だけ欲しいのに人物が入る。

文字なしで欲しいのに謎の文字が入る。

同じキャラクターなのに、ページごとに顔が変わる。

先にSTORY画像を大量に作って、あとから設定が変わって作り直す。

小さい画像を大きく表示したら画質が荒い。

PCではかっこいいのに、iPhoneだと崩れる。

GOODSの商品画像と商品名が合っていない。

そして極めつけは、

OP映像の主要5人のうち、1人が途中から謎のメガネ女子に変わる。

……みたいな事件まで起きました（笑）

AIは優秀なんですけど、

「正解はこれです」

という基準を最初に固定しておかないと、途中で勝手に違う方向へ行くことがあります。

ここがかなり重要でした。

⸻

大事だったのは「プロンプト」より「順番」

今回かなり遠回りした結果、最終的に分かったことがあります。

それは、

「AIにサイトを作らせる最強プロンプト」を探すより、AIに何をどの順番で判断させるかを決める方が重要

ということです。

たとえば今回なら、

最初に参考画像を作る。

↓

その画像を分析する。

↓

サイト全体のデザインルールを固定する。

↓

キャラクターを固定する。

↓

世界観を固定する。

↓

必要な素材を洗い出す。

↓

最低限の素材が揃ったら一旦サイトを実装する。

↓

足りない素材だけ追加する。

↓

PCとスマホを確認する。

↓

最後にQAする。

この順番です。

僕の制作では、

Reference → Design Lock → Character → World → Asset Plan → Build → Refine → QA

という流れに整理しました。

この順番を決めてから、一気に制作が安定しました。

⸻

『群青ノイズ』ではここまで作りました

今回の『群青ノイズ』では、

TOP、NEWS、STORY、CHARACTER、MOVIE、MUSIC、WORLD、GOODS、SPECIAL、ON AIR、STAFF / CASTまで作っています。

さらに僕の場合は、

キャラクター素材、

街や駅、橋、電波塔などの世界観素材、

全12話のSTORY画像、

グッズ画像、

オープニングテーマ、

エンディングテーマ、

キャラクターボイス、

ティザーPV、

90秒のオープニングムービー、

なども作りました。

画像素材だけでも、最終的には50枚前後作ったと思います。

しかも全部、Google Driveに整理して残しました。

こうしておくと、

ChatGPTで作っていた続きをClaudeに任せるとか、

別のAIに素材を読ませるとか、

OPムービーを作るときに同じ素材を再利用するとか、

かなりやりやすくなります。

実際、今回の90秒OPも、サイト制作で作った大量の画像素材をClaudeに読ませて、

「この素材を使ってアニメのオープニングを作って」

とお願いして作りました。

5分くらいで作ったAI音楽も、Claude側で90秒のTVアニメサイズに編集して、映像に合わせて使っています。

これがめちゃくちゃ面白い。

サイトを作るために作った素材が、そのまま次のコンテンツ制作にも使えるんですよね。

⸻

でも毎回7時間、10時間かけるのは大変

ここで思いました。

「この一連の流れ、最初から全部AIに渡せるようにしたら、もっと早く作れるんじゃない？」

と。

そこで今回、自分が遠回りした工程を全部整理して、

AI ANIME SITE AUTOPILOT

という制作パッケージにまとめました。

そして、作っただけだと意味がないので、

僕自身でもう一度、このパッケージを使ってゼロから試してみました。

結果、

約25分でサイトが完成しました。

最初は7時間くらいかかっていたものが、約25分です。

使った画像はこれだけ。

もちろん、僕の環境で試した結果なので、使うモデルやサービス、混雑状況などによって時間は変わると思います。

ただ、

「毎回人間が次の工程を考える」

必要がほぼなくなったのが大きかったです。

僕が試したときは、GPT-6.1 Solのエージェント系環境に素材を渡して動かしました。

そのときの表示では、5時間側の利用枠も約10％程度、週間側も約1％程度の消費で済んでいました。

これも利用状況や仕様変更で変わると思いますが、少なくとも僕のテストでは、思っていたよりかなり軽かったです。

⸻

用意するものは、基本3つだけ

一番簡単な方法なら、かなりシンプルです。

まず、自分が作りたい作品のイメージ画像を用意します。

僕がおすすめしているのは、

キービジュアル＋PC版モック＋スマホ版モック

くらい。

つまり画像1〜3枚程度です。

たとえば、

「少年ジャンプで連載していそうなバトルアニメの公式サイトを作りたい」

みたいな感じでAIに相談して、

まずキービジュアルを作ってもらう。

そのあと、

「このアニメのPC公式サイトを開いたらどんな画面になる？」

「iPhoneで見たらどんな感じ？」

とモック画像を作ってもらう。

そこまでできたら、

その画像と、

今回の商品に入っている本編ガイドPDF、

そしてMASTER_AGENT_PROMPT

をAIに渡します。

これだけです。

AI側では、

Reference分析、

Design Lock、

サイトマップ、

Character Bible、

World Bible、

Asset List、

などを順番に作って、その後実装へ進むようにしています。

環境によってできること・できないことはありますが、できる範囲は自走して、外部ツールが必要な部分はTODOや生成プロンプトとして残すようにしています。

⸻

Google Driveを使うとさらに便利

これは必須ではないです。

一つのチャットの中だけでも作れます。

ただ、僕はGoogle Driveと連携して、

作品専用フォルダを作って、

できたキャラクター画像、

世界観素材、

動画、

音楽、

サイトZIP、

仕様書、

全部そこへ保存するようにしました。

これが結構便利でした。

途中から別のChatGPTチャットへ引き継ぐ。

Claudeに素材を使わせる。

別のエージェントに作業させる。

そういうときに、

「このGoogle Driveフォルダを見て」

で話が通じやすいんですよね。

長く作品を育てたいなら、このやり方はおすすめです。

⸻

Agentを使いたくない人向けの方法も入れました

とはいえ、

「WorkとかCodexとかエージェントを長時間使いたくない」

「クレジット消費が気になる」

という人もいると思います。

その場合は、僕が実際に最初にやった工程を、

通常のChatで一個ずつ進められる形にもしてあります。

ANALYZE、SITE MAP、CHARACTER BIBLE、WORLD BIBLE、ASSET MASTER LIST、BUILD、REFINE、FINAL QAという順番で進めます。

正直、こっちの方が時間はかかります。

僕だったら、対応している環境があるなら自動ルートを使います。

ただ、

「一工程ずつ自分で確認したい」

「途中でモデルを切り替えたい」

という人にはこっちの方が合っていると思います。

⸻

こんな人にはかなり面白いと思います

自分でアニメや漫画を作っている人はもちろん、

「架空の作品を作るのが好き」

という人にもかなり面白いです。

Web制作の練習にもなります。

むしろ逆に、

先に公式サイトを作ってから、作品そのものを作り始める

というのもアリなんじゃないかなと思っています。

僕自身、『群青ノイズ』のサイトを作っていたら、

「これ、本当にアニメにしたいな」

って思いましたからね（笑）

サイトが存在すると、急に作品が現実に存在している感じが出るんですよ。

キャラクターがいて、

ストーリーがあって、

音楽があって、

グッズがあって、

オープニング映像まである。

ここまで来ると、架空作品なのに妙に愛着が湧いてきます。

⸻

今回の商品に入っているもの

購入後のZIPは、「どれ使えばいいの？」にならないよう、かなりシンプルにしました。

• 00_START_HERE.pdf 最初に読む2ページだけの簡単ガイド

• 01_MAIN_GUIDE.pdf 制作の考え方と全体フロー

• 02_MASTER_AGENT_PROMPT.txt AIに自走してもらうためのメインプロンプト

• 03_MANUAL_CHAT_PROMPT_PACK.txt 通常Chatで一工程ずつ作る人向け

• 04_FINAL_QA_CHECKLIST.txt PC・スマホ・リンク・画像・音声・動画などの最終確認用

• Templates AIが制作状況や素材を管理するときに使えるテンプレート

余計な編集用データなどは入れず、

購入した人が迷わず使えること

を優先しました。

⸻

購入前に準備しておきたいもの

今回の制作システムは、ChatGPTを使ってアニメ公式サイトを制作することを基本に設計しています。

僕自身もChatGPTを使って制作・検証しました。

おすすめの環境

① ChatGPT Plus（推奨）

月額20ドルの有料プランです。日本円ではおおむね月3,000円前後が目安ですが、実際の請求金額は為替や契約方法によって変わります。

画像生成やファイルの読み込み、高性能モデルなどを活用できるため、今回のような制作にはPlus以上のプランをおすすめしています。

特に、ChatGPT Workのようなエージェント機能を利用できる環境なら、制作工程をまとめて任せやすくなります。

無料プランでも一部の工程は試せますが、利用制限があるため、今回の自動制作フローを快適に進めたい方には有料プランを推奨します。

※利用できるモデルや機能、使用量の上限は、プランや時期によって変わります。購入前にご自身のChatGPTで利用可能な機能をご確認ください。

② Cloudflareアカウント（サイト公開用）

完成したWebサイトをインターネット上に公開するために使用します。

Cloudflare Pagesには無料プランがあり、今回のような静的Webサイトであれば、基本的に無料で公開を始められます。

公式サイト：https://dash.cloudflare.com/

③ 作りたい作品の参考画像1〜3枚

作品のキービジュアル、PC版モック、スマホ版モックなどです。

これらの画像はChatGPTの画像生成機能などを利用して用意できます。

なお、音楽・動画・キャラクターボイスの追加制作には、SunoやElevenLabsなどの別サービスを使用する場合があります。これらは基本のサイト制作には必須ではありません。

⸻

購入前に知っておいてほしいこと

この商品は、

「画像1枚入れれば、どんな環境でも100％完全自動で完璧なサイトが完成する」

という魔法の商品ではありません。

AIの機能や利用できるツールは、サービス、プラン、時期によって変わります。

途中で、

「この画像を生成していいですか？」

「このファイルを保存していいですか？」

のような確認が入る場合もあります。

また、画像生成や音楽生成など、使っている環境で実行できない工程は、生成用プロンプトやTODOとして残る場合があります。

そして、第三者のアニメ作品をそのままコピーするためではなく、

自分のオリジナル作品、または使用許可のある素材

で使ってください。

最終公開前には、人間側でも文章、画像、リンク、権利、動作を確認することをおすすめします。

ーーー

発売記念価格について

今回、初めて公開する制作システムということで、

発売から7日間限定で、通常1,980円のところ1,480円　

で販売します。

僕自身、『群青ノイズ』の公式サイトを最初に作ったときは、試行錯誤しながら7〜10時間くらいかかりました。

でも、その制作工程を整理して今回のパッケージを作り、改めて自分で試したところ、僕の環境では約25分でサイトの形まで作ることができました。

まずは実際に使ってもらって、購入者の方の作品例や感想も見てみたいので、最初の7日間だけリリース記念価格にしています。

8日目からは通常価格1,980円に変更予定です。

※今後、制作事例や追加テンプレート、解説などを増やした場合は、内容に合わせて価格を見直す可能性があります。 

⸻

ここまでが無料です

ここまで読んで、

「自分の作品でも、こういう公式サイトを作ってみたい」

と思った方は、この先から実際に使う制作パッケージをダウンロードできます。

ここから先は有料部分です。

⸻

【ここから有料】