見出し画像

【入力補助機能付き】自由に設定して遊べるキャラチャットアプリ作ってみた【nano-bananaでスチルも】


雑談でキャラチャット最近すごいよねー!って話をしていただけのはずなのですが、作れたら楽しそうだな~と思ってしまったんですよね・・・。

今たくさんAIキャラとのチャットアプリとかあるので、わざわざ作らなくても⋯なんですけど、作る過程もとても楽しかったです!
せっかくなので遊んでほしいな~と思うので紹介しますね。

もともとこういうチャットアプリ的なものを作ったことがあるのですが、こちらはどちらかというとキャラ同士が話すのを眺める感じ。

今回のは、キャラと1対1で話すのに特化したものにしてみました。

チャット画面はこんな感じ(PC版)
背景の色も変えられるよ

■ アプリはこちらから

バナーをクリックでアプリに飛ぶよ

Canvas機能を使っているので、Googleアカウントがあれば遊ぶことが出来ます。
課金していなくても無料枠内で遊べるので試してみてくださいね。

追記:2026/06/09
アプリに新しい機能を追加しています。
詳しくはこちらの記事を読んでね。



■ このアプリで出来ること

自分で設定したキャラクターとチャットを楽しむことがメインのアプリです。
そのためにイラストや設定を用意する必要がありますが、このアプリ内ですべて用意することが出来るのが特徴です。

基本的には「キャラの設定」と「チャット画面」で構成されていて、大切なのはキャラの設定ですね!
それは普通のチャットアプリとかと同じなのですが、今回は「AIに設定を作ってもらう」機能が付いているのでお手軽に遊べるのが特徴です!
さらにnano-bananaを使ってスチル生成なども出来るよ!

続きで少し詳しく説明しますね。
説明の画像は、私の趣味ですべて男性になっていますが、もちろん女の子や人外みたいなキャラでも遊べます!

■ チャットを遊ぶ前に設定をしよう!

・自分の設定

まずは自分の設定をします。

名前やなんと呼ばれたいか、また外見やキャラクターとしての設定を記入してください。
アイコンは設定してもしなくても構いません。
手持ちの画像をアップロードすることも出来ます。
またAI生成をすることもできます。
外見の欄を参考にするので、髪色や目の色服装などを入れてください。
背景が欲しい方は生成の時だけでも入れておくと反映されます。

ちなみに、相手キャラクターのアイコンを画像生成する場合、ここでアップロードした画像のテイストに寄せるようになっています。
また逆も同じように設定されています。
(フラットな絵ならフラットな絵に、セミリアルならセミリアルに、など)

・キャラクターの設定


次はメインの作業、キャラクターの設定を入力します。

この設定がキャラクターに反映されます。
自分の好みをぶつけましょう!!

こちらは顔のアイコンの設定画面です。
手持ちの画像をアップロードすることも出来ますし、この場でAIに生成してもらうこともできます。
AIは上記のキャラクター設定から外見を見て画像を作ってくれます。
活用してみてくださいね!!



さらに、チャット内でキャラクターは感情で表情を変えることが出来ます。
その際に使う表情差分もこちらで作ることが出来ます。

こちらで何も入力せずにそのまま作ると、かなり表情豊かな感じになります。
キャラクターの性格に合わせたい、などの時には変化のさせ方のところを使ってみてください。
例のように入れるより

喜:目だけ柔らかく微笑む
怒:目をそらして横を向く

のように、具体的にどんな表情かを書いたほうが成功率があがります。

またサムネイルが出る顔□の部分をクリックすると、手持ちの画像をアップすることも出来ます。

・世界観の設定


次に世界観の設定です。
チャットする際にどんなシチュエーションで遊びたいかを設定します。

禁止事項を使うと、キャラや世界観の破綻を制御することが出来るので、活用してみてください

地の文の表示のオンオフは、チャットの時に行動の描写やナレーションのようなものを表示するかしないか、です。
こちらもお好みで設定してください。

・設定入力補助AIもあるよ!


ここまで見て「この欄全部埋めるの?」と思った方も多いかと思います。
納得行くまでこだわるのも楽しいですが、手軽に遊びたい、そんなにガッツリ設定考えられない、というのもありますよね。

なので、今回は設定入力補助AIを付けています。

使い方はとても簡単です。

キャラクター設定画面の1番上部にあるこの「AI開始」ボタンを押してみてください。
するとウィンドウが開くので、そこにどんなキャラでどんな展開がいいか、を簡単に書いてみてください。
(簡単じゃなくても!こだわりのポイントを書いてみてね)

今回テストとしてこんな感じで入れてみました。

会社の上司の男性。
黒い髪にメガネ。スーツが似合う長身。
淡々としている雰囲気だが、ユーザーを気にかけてさりげなく手を貸してくれようとしている。ユーザーが大失敗をしてしまったところからスタート

入れたら生成ボタンを押してしばらく待ってね!
そして生成されたのがこちら

こんな感じでギッチリ設定を埋めてくれます。
もちろん手軽に書き換え出来るので、名前とか外見、その他設定など、気になるところを書き換えられます。
ベースとして使うことが出来るので、とっても簡単に世界観を作ることが出来ますよ!
また、どんなことを書けばいいのかわからない⋯という人は1度AIが作ったものを見るとわかりやすいかもしれません。

自キャラとキャラクターの外見はつくられないので、別途設定してくださいね。

・ 保存機能

保存は「クラウド機能」と「ローカル保存」があります。
Canvasは再読み込みが入ると、初期化されるのでこまめな保存をおすすめします!

クラウド機能はgoogleアカウントに紐づいていて、PCで遊んだ内容をスマホでも遊ぶことが出来ます。ただし、画像は保存されないので、読み込むたびに新しくアップロードすることが必要です。

ローカル(フルバックアップ)保存は「json」形式でダウンロードされます。こちらは画像の情報も一緒に保存されているので、読み込めば画像がある状態に戻ります。

クラウド機能は自動で上書きをしていく感じなのと、アプリのバージョンが変わると引き継がないようなので、きちんと残しておきたい時はローカル保存をするのをお勧めします!

■ チャットしてみよう


すべて設定が終わったら、いよいよチャットで遊べます!
【チャット】タブを押すと、最初の導入が生成されます。
その後自分の番になるので、会話を続けていきましょう。

・ セリフ入力欄

セリフに書いたものが自分が発言したものとして吹き出しに入ります。
地の文、行動はセリフの下に表示されている小さめの文字です。
相手のキャラクターはこれを踏まえて行動しますので、色々試してみてください。

チャット画面はこんな感じ
高藤のセリフなどは私が入力したもの

あと、地味な機能ですが、キャラのアイコンを押すと大きめに表示されるよ!

・ やり直しボタン

やり直すボタンもあるよ

また、少し見にくいですが、自キャラのセリフの下に「やり直す」ボタンがあります。
それを押すと、そのセリフはなかったことになり、やり直す事ができます。
そのセリフ以降のログは消えて、戻せなくなるので気をつけてね。

・ 色変え・履歴削除機能

チャット画面の右上にこんな感じのアイコンがあると思います。

パレットのマークは、チャット画面の色を切り替える事ができます。
白、黒、クリーム色から選べるので、チャットの雰囲気や見やすさで切り替えてみてください。

またゴミ箱のマークはチャット履歴をすべて削除します。
新たに始めたいときなどに使ってください。

・ スチル機能

スチルは現在のチャットのログを元に1枚のイラストを作ります。

キャラと自分のアイコンが参照されて
スチルに反映されます

また【世界観タブ】でこちらの設定をオフにすると

自分視点になるよ

自分視点のスチルになります。
お好みで切り替えてね!
チャットスタートしても、設定に戻るボタンで切り替えられるよ。

スチルの履歴は残らないため、ここで保存しないと消えてしまいますので、注意してください!
具体的な指定とかは出来ないので、おまけ程度に考えてもらえれば!と思います。

あとは自由にチャットを楽しんでくださいね!!

アプリはこちらから

バナークリックでアプリに飛ぶよ


■ 注意事項

こちらのアプリはGoogleのCanvas機能を使っています。
CanvasのAI機能は、無料(課金範囲内)で遊べるのですが、そのかわりに需要が高まったときに制限がかかったり、急にモデルが変わったりします。
これは私の方でも対応できるものではなく、すべてGoogle次第……となります。
それを踏まえて遊んでもらえたら、と思います。
よろしくお願いします!

需要があればAPIキーを自分で入力するものを作るのもありかな?と思うのですが、なにせnano-bananaの生成がまぁまぁするので、需要あるかな?
もっと上位のモデルを選べるやつとか作ってみたい。

■ キャラ顔絵作成の補助アプリ紹介


ここからは今回のアプリ自体ではなく、キャラの顔絵を作る際に使えそうな私のアプリやGPTsを紹介しますね。
チャットアプリ内でも作ることが出来ますが、もっとこだわりたい、他で作ってみたい方向け。

・気軽にキャラクターイラストが作れるアプリ

使い方やアプリリンクは上記の記事からどうぞ!
例で使っている自キャラの顔のイラストはこちらのアプリを使いました。
(相手キャラのイラストはチャットアプリ内の生成)

用途違いますけど、アスペクト比がかえられるようになったので、こういうのも手軽につくれるので楽しいです(今回のバナー用に作ってました)

かわいい


・キャラクターの表情を変えることが出来るアプリ

バナーをクリックでアプリに飛ぶよ

こんな感じで、通常時のイラストをアップロードして、性格と「どんな表情にしたいか」を書きます。
喜怒哀楽、とかでいれるより、どんな表情をしているかを具体的に書いたほうがいい感じになりますので試してみてね。

・ キャライラストをGPTsで作る

こちらはGPTsを使ったキャラ生成が出来ます。
ただキャラクターの特徴を順に聞き出してくれるだけのアプリですが、必要事項を聞いてくれるのでやりやすいかな~と思います。
GPTのImage2なのもあって、プロンプトの効きもよいのでおすすめです。

上の上司のアイコンですが、こちらのGPTsでつくるとこんな感じになります(もちろん絵柄も指示すれば色々かえられます。これはアニメ絵)

このへんは好みかなーと

チャットのアイコンにするなら

ポーズ:バストアップ、正面向き
背景:一色塗り(もしくは作りたいシーンに合わせたもの)

あたりがいいかな?と思いますが、ここも好みで色々やってみてください。

ついでに今まで作ったアプリとかGeminiで遊んだ記録はこちらにあるので、よかったら見てみてね~!


■ よかったらスキや感想聞かせてね

以上、かなり長くなってしまいましたが、チャットアプリの紹介でした!
勢いで作ったものになるので、上手く動かない、ここを改善してほしいなどありましたらぜひ教えて頂けると嬉しいです。

いつもスキやサポートなどもありがとうございます!
次のアプリや活動の励みにさせていただいています。
これからもよろしくお願いします。

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

日向 楽しんで頂けたらサポートを頂けたら励みになります。 頂いたサポートは活動費に使わせていただきます。