見出し画像

プログラム苦手でもOK|Gemini Canvasでワンピース風キャラ生成アプリを1時間で作った実録

ゴゴゴゴゴ……ではなく、
今回は──

ドンッ!!


前回、
Gemini Canvasで「ジョジョ風スタンド生成アプリ」を作りました。

そのとき、ふと思ったんです。

これ、世界観を差し替えたら
ほかの作品でもいけるんじゃないか?

そこで今回は実験。

ジョジョ風アプリのコードをそのまま流用して、
ワンピース版キャラ生成アプリを1時間で作る

というチャレンジをしてみました。

結論から言うと──
想像以上に“あっさり”できてしまった。


今回やったことはシンプル


やったことは、ほぼこれだけです。

  1. ジョジョ風アプリのコードをコピー

  2. Geminiに世界観を差し替える指示を出す

  3. 微調整しながら完成度を上げる


まず、ジョジョアプリのコードをコピーした
コピーの手順は以下の通り。

コピー手順は簡単


次にGeminiに投げた指示は、これ。

ワンピース風のトレーディングカード生成アプリを作ります。
下記のジョジョ風トレカ生成ソースをもとにしてください。
   
〈以下、ジョジョアプリのコード〉 

             

正直、
これだけです。


初回から80点。正直、引いた


出てきたものを見て、思わず声が出ました。

……ちょっと、これすごすぎない?😳

【画像:V1 タイトル画面】

ワンピース感⚓️🏴‍☠️が出てる!


タイトル画面から、
ちゃんと“ワンピース感”がある。

【画像:V1 メイン画面】

雰囲気は良い!
でも、モノガタリ・モノガタリって😅


レア度演出や全体の雰囲気も、
すでにそれっぽい。

前回のジョジョアプリでは、
初回の完成度は体感60点くらい。

でも今回は、
初回で80点くらいの手応えがありました。

理由はシンプルで、

  • UI構成

  • レア度演出

  • 生成フロー

このあたりは
すでにジョジョアプリで完成していたから。

やったのは、
「世界観と言葉」を差し替えただけ。

この時点で、
再利用×バイブコーディングの強さを実感しました。


とはいえ、気になる点もあった


V1時点で気になったのは、主にこの3つ。

  • レーダーチャートが出ていない

  • 悪魔の実の能力説明が弱い

  • キャラが「海賊前提」になっている

ワンピースの世界で、
これはちょっと物足りない🤔

そこで、
ひとつ大きな設計変更を入れました。


能力の前に「立場」を選ばせる


ワンピースで一番大事なのは、
能力そのものよりも――

どこに属しているか

同じ力でも、

  • 海賊

  • 海軍

  • 革命軍

どれを選ぶかで、
正義もセリフも、物語の意味も変わります。

なので今回は、

能力生成の前に、
海賊/海軍/革命軍を選ばせる

という設計に変更しました。

【画像:V3 メイン画面】

海軍が選べる!
セリフがワンピースっぽくない😥


これを入れただけで、

  • 能力説明

  • セリフ

  • キャラの思想

が、一気に“物語っぽく”なった。


細かい調整で一気に完成度を上げる


そこからは細かい詰め。

  • 悪魔の実の名前は
    4文字・2文字繰り返し縛り

  • 海軍コートの違和感を修正
    → 以前作った自作キャラ
    「ナオユキ中将」を参考画像として入力

【画像:ナオユキ中将】

ナオユキ中将の再登場!
試行と対話の繰り返し…


こうした微調整を対話ベースで続けて、
最終的に完成したのが V11

ワンピースの世界観をイメージしたデザイン
ボタンの説明とかもワンピースの世界観に合わせた


ここまでで、
トータル1時間

コードを直接いじった時間は、
ゼロです。


最終的にできたもの


完成したアプリがこちら👇
ぜひ遊んでみてください😊

※課金の都合により、
サービスは途中で終了する可能性があります。


今回やって分かったこと


今回の制作で、
はっきり分かったことがあります。

  • 1から作るより

  • 「完成した型」を持っている方が圧倒的に強い

  • 世界観は、差し替えられる

  • 分岐を入れるだけで、物語が生まれる


これからの開発で重要なのは、

  • コードを書く力以上に

  • 構成を考える力

  • 世界観を言語化する力

  • 選択肢を設計する力

なのかもしれません。

もしここまで読んだなら、
もう準備はできています。

次は、
あなたの番です。


お知らせ・おまけ


Threadsで、
生成したキャラや感想を教えてもらえると嬉しいです🙂‍↕️

◾️Threads

自己分析から
ワンピース風キャラを作りたい方はこちら👇

※本記事は、生成AIの技術検証を目的とした
個人の実験(ファンコンテンツ)です。
集英社の公式とは一切関係ありません。


最後までお読みいただき、ありがとうございました。
スキ、フォロー、コメントなんでもいただけると励みになります🙂‍↕️

以下のサイトマップにもぜひお立ち寄りください!
サイトマップは☝️画像から

#GPTsつくってみた #創作記録 #生成AI #ChatGPT #AI #アプリ開発 #プロトタイピング #バイブコーディング #世界観設計 #UI設計 #ゲーム的発想 #ファンコンテンツ #note #ブログ #創作 #学び #勉強 #日常 #ライフスタイル #思考整理 #試行錯誤 #ものづくり

いいなと思ったら応援しよう!

ナオユキ|物語と知識のコンシェルジュ もしこの記事が少しでも役に立ったり、楽しんでいただけたりしたら、チップをいただけるととても嬉しいです! いただいたチップは、今後のより良いコンテンツ制作のための書籍代📚とnote購入🗒️、他の方へのチップ代💰に使わせていただきます。 いつも応援ありがとうございます!