本文へスキップ
開発事例 / Webアプリ

Shima Banana - SNSバナー&4コマ漫画 AIジェネレーター

100種類の画風×AIでSNSバナー・4コマ漫画を完全自動生成

公開中

Google Gemini 3 Proを活用し、4コマ漫画やSNSバナーを全自動で生成するWebアプリ。プロンプト作成からシナリオ生成、画像生成まですべてAIが自動で行うため、デザインスキル不要でプロ級のSNSコンテンツを作成可能。100種類の画風×8種類の構成パターン×事業部バリエーションで120万通り以上の組み合わせに対応。

この作品の要点
困っていたことSNS用の漫画コンテンツ制作には絵心とデザインスキルが必要。
やったことAIがシナリオ生成から画像生成まで全自動で処理。
起きたこと手作業で数時間かかるコンテンツ制作を1分に短縮。
もくじ

どこでつまずいたか

01SNS用の漫画コンテンツ制作には絵心とデザインスキルが必要

02毎日の投稿コンテンツ作成に多大な時間がかかる

どう解いたか

01AIがシナリオ生成から画像生成まで全自動で処理

02120万通り以上の組み合わせで毎日違うコンテンツを1クリック生成

03事業部ごとのカスタマイズで業種に最適化されたコンテンツ作成

マンガでわかる

Shima Banana - SNSバナー&4コマ漫画 AIジェネレーターのしくみを4コマ漫画で説明した図

できあがったもの

できあがった画面

Shima Banana - SNSバナー&4コマ漫画 AIジェネレーター の画面 1
Shima Banana - SNSバナー&4コマ漫画 AIジェネレーター の画面 2
Shima Banana - SNSバナー&4コマ漫画 AIジェネレーター の画面 3
Shima Banana - SNSバナー&4コマ漫画 AIジェネレーター の画面 4
Shima Banana - SNSバナー&4コマ漫画 AIジェネレーター の画面 5

結果

01手作業で数時間かかるコンテンツ制作を1分に短縮
02デザイナー不要で高品質なSNSコンテンツを継続的に量産可能
03デフォルメ機能で著作権リスクなく商用利用可能に

この作品でできること

  • 100種類の画風(ジブリ風、水彩画、サイバーパンク等)から選択可能
  • 4コマ漫画のシナリオ→プロンプト→画像生成まで完全自動化
  • 4種類のアスペクト比対応(1:1, 4:5, 9:16, 16:9)
  • SNS投稿文(Facebook/X)の自動生成機能
  • デフォルメ機能による著作権対策と商用利用サポート
  • クラウドギャラリーでマルチデバイス対応

どう作ったか

担当と道具

担当企画・UI設計・フルスタック開発・AI機能実装
使った技術React 18・TypeScript・Vite・Tailwind CSS・Radix UI・Supabase・Google Gemini API・Vercel

この作品のきほん

種類Webアプリ
いまの状態公開中
規模担当4領域 / 技術8種類
公開先shima-banana.nextcode.ltd

相談する

おなじものが作れます

同じ仕組みを、あなたの商品でも作れます。

この事例をシェアする

同じ課題を持っている人に届くかもしれません。

この作品の開発記録・お客様の声

作っているときに考えていたこと、詰まったところをそのまま書いています。