今回公開した「漫画ガイドページ」は、構成案の作成からHTML/CSSの生成、紹介文のライティングにいたるまで、最新の生成AIを活用して制作しました。「実際にどうやってAIで作ったのか？」「どんなメリットや課題があったのか？」その裏側と具体的なプロセスをレポートします。
1. 漫画ガイド制作でAIに任せた4つのステップ
企画段階からデザインのコード出しまで、AIとの対話を通してスピーディーに形にしていきました。
① サイト構成とおすすめ作品の選定
「読者が作品を選びやすいカテゴリー分け」「各ジャンルの代表作のピックアップ」をAIとディスカッションしながら決定。迷いがちなサイト設計をわずか数十分で固めることができました。
② 読者の心を掴むキャッチコピー・解説文の生成
作品ごとの見どころやおすすめポイントを、短く分かりやすい文章で生成。ネタバレを避けつつ、思わず読みたくなるフックのある言い回しをAIが提案してくれます。
③ レスポンシブ対応のHTML/CSSコード作成
スマートフォンやタブレットで見ても崩れないナビゲーションバー（Bootstrapのカスタマイズ）や、見やすい見出しデザインのCSSコードもAIに指示してゼロから書き出しました。
2. AIでWebページを作って実感したメリットと注意点
実際に手を動かして見えてきた、AI制作の強みと人の手による調整のポイントです。
圧倒的なスピードと試行錯誤のしやすさ
「見出しのデザインを変えたい」「メニューをスマホで折りたたまず横並びにしたい」といった細かなCSSの調整も、指示を出すだけで数秒で修正コードが返ってくるため、制作時間を大幅に短縮できました。
最後は「人間の熱量とチェック」が不可欠
作品ごとの細かなニュアンスやレイアウトの微調整は、やはり人の目で確認して仕上げる必要があります。AIを「優秀な制作アシスタント」として使いこなすことが成功の鍵でした。
3. 完成した漫画ガイドをぜひご覧ください！
AIの技術と漫画へのこだわりを詰め込んで完成したページがこちらです。気になる作品探しにぜひ役立ててみてください。
