メインコンテンツへスキップ
見出し画像

プログラム苦手でも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 #ブログ #創作 #学び #勉強 #日常 #ライフスタイル #思考整理 #試行錯誤 #ものづくり

     
     
    まだ知らない『面白い』への案内人。人・作品・AIの魅力を見つけ、物語と知識に変えて届けるコンシェルジュです。毎週土曜は漫画ソムリエ。スキ動画コンテストほか、いろいろ実験中。

    あなたへのおすすめ