【v0】自分好みのAIキャラが褒めてくれるタスク管理アプリ作ってみた【AI丸投げ】

久しぶりのアプリの紹介記事です。
以前に作ったアプリとかはこちらのマガジンにまとめてあります。
無限に遊べるゲームブックとか、好きキャラ同士で会話させてニヤニヤするチャットアプリなど作っているのでよかったらみてね！
　

前に何かの記事かXのpostで、生成AIでアプリを作ってみようとする時、ノープランの人はだいたいタスク管理アプリを作る、みたいのを読んだことがあるのですが、私もそれに漏れず、最初の頃からタスク管理アプリを作ってみようとしたりしていました。

ただ私の場合はキャラクターが補助してくれるタイプのが作りたくて、そっちをメインに試していました。
いろいろな執事キャラが選べるやつとか。

ですが、やはり応援したり補助してくれるキャラは自分好みにしたいじゃないですか！！
執事でもメイドでも俺様でもツンデレでも、悪魔とか猫とか、その人の好みが色々あるよね！
ってことで、またAPIを使って自分好みのAIキャラが作れるタスク管理アプリにしてみました！
実際に使えるかは置いておいて（置くのが早い）、こんな感じのをつくってみたよー！の紹介記事になります。

■ アプリはこちらから！
　

画像をクリックするとアプリのページに飛びます。
ブラウザで使うタイプのアプリになります。

■ アプリを使う前の準備
　

こちらのアプリはAIを使ってチャット内容を自動生成します。
そのためAIのAPIキーが必要になります。
対応しているのが、GeminiかOpenAI、Grokになります。

Geminiなら無料の枠がありますので、そちらを取得するのをおすすめします
Googleアカウントを持っていれば、サインインした状態でこちらのサイトからAPIキーを取得出来ます。

右側の方にある「APIキーを作成」ボタンを押してください。
そうするとAPIキーが下の方に表示されますので、それをコピーしてください。
こちらは公共の場に載せたり、人に教えたりしないようにしましょう。

こちらのアプリではサーバーなどに保存はせず、ローカルのブラウザのみに保存されるので記入しても大丈夫です。

無料枠なので使用制限がありますが、今回紹介するアプリなら、ひたすらたくさんAIキャラとチャットをするとかでなければ、問題なく遊べると思います。

■ 設定してみよう！
　

基本はタスク管理アプリなので、そんなに複雑なことは出来ないのですが、AIキャラを使うための設定が少し必要です。

リンクに飛ぶとこんな感じのページになります。

上がタスクが入るところ、下がAIキャラと話すところです。
まずは右上の設定ボタンを押してください。
そうするとこんな感じの設定画面になります。

1枚目がAPIキーの入力欄になります。
前述したGeminiのAPIキーをコピペしてください（GPTやGrokも使えるので使ってみたい方はそちらでも！）
そして2枚目の画像がAIキャラの設定画面になります。　

・キャラの名前
・性格や口調、その他設定
・キャラクター画像
・呼び方
・あなたの性別

が設定することができます。

・キャラの口調や性格を設定する

今回テスト用に設定したキャラ。
簡易に作ってみましたが、例として。

こんな感じで設定のところに全部書いてください。
///はデレるときに使ってきたのですが、解釈違いだったので禁止しました。
何度でも書き換えられるので、実際話してみて調節してみてください。
セリフ例をいれると口調の制御がしやすくておすすめです（ただそれを口癖みたいに言いやすくなる）

・ キャラアイコンを設定する

ローカルにあるイラストをアップロードして、キャラのアイコンを設定できます。
記事の最後におまけで、使うことのできるフリーアイコンを配布しているのでよかったら試しに使ってみてくださいね！

・ 呼ばれ方と性別を決める

キャラになんと呼ばれたいかと、自分の性別を入れてください。
キャラの反応が設定に合わせたものになります。

・設定を保存

1番下に保存するボタンがあるので、そちらを押してください。
保存したら左上の戻るボタンで最初の画面に戻ります。

■ キャラと一緒にタスク管理してみる
　

次はタスクを追加して管理してみましょう！
タスク一覧のところの「タスク追加」ボタンを押すとこんな感じになります。

タスクのタイトルと、もし必要ならば詳細を記入してください。
詳細もキャラクターは見てくれます。
期限がある場合はそれも選んで追加します。
追加するとこんな感じになります。

この「質問や相談をどうぞ」のところから話しかけることができます。
雑談もできますし、タスクについて相談することも出来ます。

「優先順位をつけたい」と話しかけてみました。
そうすると、タスクの内容や期限の有無などをみたキャラが、優先順位をつけるのを手伝ってくれます。
その他、片付け方とか気分が上がらないとかそういう話もできます。

またタスクを終わらせて、チェックをいれると自動的にキャラがそれを把握して、コメントをしてくれます！

タスクをすべてこなすと大喜びしてくれました。
こんな感じで、終わったタスクや残っているタスクも把握してくれるので、進めていくのも楽しくなります！
反応してくれそうなネタタスクを入れておいても面白いです。

こんな感じでタスク関係なく、ただ可愛がるのも楽しいですよ！
私は今回猫ちゃんにしましたが、イケメン男子とかセクシーなお姉様にしてよしよししてもらうとかも出来ます！
ぜひ自分好みのキャラクターを作って、楽しく一緒にタスクをこなしていきましょう！

■ スマホのホーム画面にリンクを貼る

　
いちいちブラウザアプリからこのアプリのページに飛ぶのは結構面倒くさいですよね。
現在手元にAndroidしかないのですが、ホーム画面に直接アプリに飛ぶショートカットを作ることが出来たので共有しますね。
iPhoneでのやり方など分かり次第追記します。

・ AndroidのChromeの場合

Chromeの場合、右上に　⋮　のマークがあると思いますので、それをクリックしてメニューを出します。
その中に「ホーム画面に追加」という項目があるのでそれを押してみてください。
するとそこからウィジェットとしてこのアプリのページへのショートカットが作れると思います。

私の使っているホームアプリはデフォルトではないのですが、それだとアイコンのデザインも変えられるのでキャラクターのイラストのアイコンにしてみました。
（デフォルトアプリでも出来るのかな?）
こんな感じ。

このアイコンから直接タスクアプリに飛べるようになるので便利！！

■ おまけのアイコン配布
　

キャラクターの画像として使えるフリーアイコンをpixivにて配布しています！
よかったらお試しに使ってみてくださいね！
使う際はキャプションの注意事項を読んでからご利用ください！

前回作ったのと今回作った分があるので、よかったら見てみてね！

■ 今回作ってみて
　

今回も今までと同じように作ってみたのですが、今回は前回難航して最終的に諦めたgrokのAPIのを使えるようにするのは全く引っかかることなくスルッと出来たんですよね……
その代わり、前回全く引っかからなかったキャラの画像を設定するところがなかなかうまくいきませんでした。
最初に頼んだ時にどんなふうにAIが作るか、でかなり変わってきそうです。
ちゃんと具体的に（専門用語を使って）頼めたらこんなことにもならなさそう……。
未だにcodeはミリしら状態でAI任せなので、せめてプロンプトはちゃんと出来るようにしないとですね。
いつも思いついたままに頼んでしまう……。
それでも思ったように作ってくれるので、AIすごいです！！

■ こっちもよかったらみてね！
　

冒頭でも書いたのですが、以前に作ったアプリの宣伝も！

これ以外にもGPTsを使ったゲーム的なやつを作ったりしてるので、よかったら遊んでみてね！

■よかったらハート、感想ください！
　

いつもハートや応援ありがとうございます！
今回もよかったら反応を頂けたら励みになります！

特に遊んでみた感想や、使いづらい、分かりづらいところなど教えてもらえたら嬉しいです。
よろしくお願いします！