# はじめに どうも大森と申します。 僕は普段AIを駆使して一人でアプリだったりウェブサイトだったりを作っています。 今回は2025年の2月22日に猫の日の特設イベントとして、 猫版のMBTI診断サイトを作ったお話をしていきます。 そのMBTI診断サイトは猫の日22日、23日、24日の合算で1.5万人ぐらいの人に使われました。 どのようにしてこれを作ろうと思ったのかとか、 その企画の思いつき方とか、 実際にAIを駆使してどういう風に作ったのかとか、 反省点、改善点などをお話ししていこうと思います。 よろしくお願いします。 # どういうサイトか まずそのウェブサイトが一体どういうものなのかということについての 簡単なお話なんですけれども MBTI診断ってご存知ですかね。 性格を16タイプに、16種類に分類するやつで 結構そのZ世代と呼ばれる若い人たちを中心に流行っていて 今ちょっと一周回って ちょっとダサいみたいな感じに思われてたりもするみたいな雰囲気があるんですけれども その診断ネットワークはENTP 討論者と呼ばれるものなんですけど ENTPこの4つのアルファベットがそれぞれ 2つあるんですね。例えば頭文字がEなのか Fなのか。これがその機質 内向的とか外向的とか みたいなそういうものが絡んでるんですけどその4つのアルファベットの並びで16種類に 性格を分けましょうという診断です。 これを ネコ的に文字って CATSだととてもネコっぽい診断。一方 DOGE 同時だと犬っぽい性格だよねっていうことに 振り分ける16タイプには振り分けて じゃあ CATSタイプの人はとてもネコっぽいからとても一番ネコっぽい猫の品種 アメリカンブルーブルーですよあなたはみたいな感じで 診断をするというものです 実際のその診断 結果のどういう猫種が当てはまるかとか 診断基準とかはAIといろいろ相談しながら 駆使して作りました なのでそういう診断ある程度の信憑性がありその診断っていうのは AI以前では僕は多分作れなかったので作れなかったというか 専門家にお願いするとかそれこそ自分でいっぱい調べるとかで 数ヶ月単位のプロジェクトだったと思うんですけれども今回この ネコ版 MBTI診断は大体3日4日で作ったのでこれぐらいの 速度感と品質で作れたのは AIのおかげだなぁと思っています # どうして作ったのか、AIとの協業 そもそもなんで、猫の日に猫型診断のサイトを作ろうかと思ったのかというと、 去年の猫の日、2月22日にも何かちょっとプロダクトを出したいなと思って頑張っていて、 それが猫をテーマにしたSNS、猫のねという風に名前を付けたんですけれども、 それでした。結果、去年は僕の開発力も、開発経験も全くなくて、一発目だったので、 1ヶ月ぐらい遅れてかな。不安定、不完全だったので、そのまま追加開発できずに、 休眠というちょっと悔しい思いをしたので、今回の今年の猫の日にはちゃんとプロダクトを出すぞと思っていました。 今年こそ猫のね、SNSをモバイルアプリ向けに作ってリリースするぞと思っていたんですけれども、 1月末、2月頭ぐらいに別の企画、ハッカソンと言われる、 AI関連するサービスとかアプリを作って発表しようコンペティションみたいなやつがあって、 それに向けたものを作っていたので、開発期間が結構ないということになりました。 それもAIに相談していて、じゃあ猫をテーマにしたSNSアプリを猫の日、2月22日を越して、 例えば3月頭とか2月末とかになってもそれを作ったほうがいいのか、 もう一旦猫の日にはリリースできないぞと諦めて、 もっと別の小さな簡単に作れる、早く作れるものを猫の日に合わせて出したほうがいいか、 どっちがいいでしょうかねということを、チャットGPT4.5にそのとき相談していました。 すると、絶対に2月22日に何かを出したほうがいいと、 時期は遅らせないほうがいいと言われて、そっかなるほどと思って、 じゃあ何を作ろうかなということを考えていたときに、 チャットGPTにいろいろアイデア出しをさせたんですね。 どういうのが考えられますかみたいなときに、診断サイトは作る手間があんまり実はないからいいんじゃないかみたいなのがあって、 そこでMBTI診断と掛け合わせようと僕が思ったんだと思います。 AIに自分のアイデアの発火になるような提案をいっぱいさせて、 自分で考えるというような流れにした気がしています。 って考えていて、MBTI診断、16タイプ診断、診断結果があるんですよ。討論者とか調律とかよくわかんない、あるんですけど、 それを根っこにしたら確かに面白いかも。MBTI試断ちょうど流行ってるし。 そのときにMBTI診断って調べたら、数日前にヤフーニュースでMBTI試断流行ってるぞみたいなのの記事も出ていたので、 めちゃめちゃちょうどいいじゃん。ってなると、4つの指標は何だろうとかって考えていきました。 僕の中で単純にワクワクして、楽しそうだ、面白そうだと思ってワクワクしたので、 どういう指標だったらいいかなというか、どういうコンセプトだったらいいかなということをAIといっぱい話していきました。 そうする中で、猫型か犬型かというふうに分けていく。一番猫っぽいとCATSという。犬っぽいとDOGE。 DOGE、ドージって言われるんですけど、もともと日本の犬なんですけど、海外でめちゃめちゃミームになっている。 DOGEっていうドヤ顔した犬の写真があって、イーロンマスクが仮想通貨でDOGEコインっていう、 DOGEの犬を元ネタにしたやつを出してたり、すごい海外人気があるんですね。 DOGE、すごくいい。CATSと反対にするときに、最初に人間にするか犬にするかと思ったんですけど、 DOGEにすると最後のSがかぶっちゃうと。かぶってたらどっちがどっちか分からないので、かぶらない4文字で、 人間もしくは犬っぽいものって考えてて同時に落ち着きました。 結果すごいそれは、もともと決まってたパズルのピースが埋まったみたいな感じの気持ち良さがあるんですけれども。 診断のクイズの内容とかも決めてきました。 それと並行してウェブサイトの方も作っていっていて、 ウェブサイトを作る方もAIと相談しながらやってるんですけど、 同時に並列に走らせているというか、 同期的、非同期的にウェブサイトも作るし、それと並行して占いの内容も考えるみたいな、 めちゃめちゃマルチタスクをしていました。 AIを診断を作るときにも使ったんですけど、診断結果のビジュアルを作るときにもめちゃめちゃ有効活用できたなと思っています。 以上の話を継ぎます。 # Google「Whisk」での画像生成 ネコ型MBTI診断サイトを作るときに、診断結果のビジュアル、 あなたは〜タイプですよ、で、イメージビジュアルというのを出すのがいいだろうなと思っていて、 その本家MBTI診断でも出てくるんですよ。 あなたは討論者、討論している人っぽい画像というのが出てきて、 それがなるべく品質が高く、診断結果、あなたはこうですと言われて、 ちょっと嬉しいようなものにする必要があるなと考えていたときに、 ちょうどその企画を考える数日前に、 GoogleがWISCという画像生成AIサービスを出したんですね。 もともとGoogleが作っている画像生成の技術が結構高くて、 品質が良いものが作れるんですけど、 従来はプロンプトとか呪文と呼ばれるような、 AIに画像生成させるためにどういう画像を作ってくださいっていうのを、 A単語、A文の区切りとかで命令する、 あとはこういう絵柄とかポーズとかのやつを作ってくださいって指定するみたいな、 ある意味専門芸というか職人芸というか、 画像生成AIを使うための知識とか知見を学ぶ必要があったんですけど、 Googleが出したWISCというものは、 もっと普通に一般の方に画像生成AIを使ってもらえるようにっていうコンセプトで作られたと思うんですけど、 とても簡単だったんですね。 モデルと背景とテイストを選べる。 それが文字、従来で文字、A単語でも指定したのでもいいし、 画像を与えたのでもいいと。 多分内部的には画像そのまま使うとあまり良くないから、 画像を渡します。 例えば僕の自撮り画像をこれをモデルにしてくださいってWISCに投げると、 それをプロンプトに置き換えてくれるんですね。 マンみたいな黒髪みたいな、そういう絵部に置き換えると。 なのでユーザーとしては、こういう画像のテイストで、 背景はともかくこういう画像のものを作ってください。 渡すとそれをいい感じにミックスしてポンって出してくれるんですね。 それがめちゃめちゃ使いやすいというか、 画像生成ラインとかそういうことを考えなくても使えるっていうのがすごく良かったんですけど、 それを使ってMBT外診断のビジュアルっていうのがポリゴン調というか、 フラットなんですけど多角形でポリゴン調に人物とかが描かれているっていうようなイラストを使っているんですね。 なのでポリゴン調で猫を描こうって思いました。 ブランディングの話なんですけど、診断されて嬉しいなって思う。 おそらくMBTI診断自体が女性とか10代、20代、30代のあたりに一番親和性が高いんですけど、 猫好きそうな層もそこもかぶってそうだ。 じゃあ猫型のMBTI診断ってギャグなんですけど、 ギャグですよって分かりすぎると判断されて楽しくないというか、 ギャグなのに、それナンセンス的なのが好きなんですけど、 診断されて嬉しいっていうのと、こんな診断サイトを私は知っている、見つけた、 それを友達に紹介するときに診断サイトがおしゃれだったり面白いとかだと紹介しやすいじゃないですか。 私こんな良いもの見つけたよっていう風に。 なんであえて黒とゴールドっていう格調高そうな雰囲気にしようっていうのがあったので、 画像生成に戻ってきてポリゴン調、猫とあとはシックな感じっていうのに加えて、 16タイプの猫が同じティーストである必要があるんですね、画像が。 結果的には背面が暗いポリゴン、床面もポリゴン、その床に猫が座ってるっていう。 座ってる猫がいろいろロシアンブルーだったり、ペルシャ猫だったりみたいな感じで違うんですけど、 そこもかなりとはいえWISC、Googleの画像生成AIを使いこなす、どうしたら一貫性のある画像を出すって結構実は難しくて、 その辺はすごく工夫しましたね。 結果的に16種類、同じテイスト、同じとこが作ったねっていうのが出せるようになりました。 最後にもう1回、本県のMBTI診断でも4つのグループに分かれるんですね。 グループでこの人たちは情熱的な人、冷静的な人みたいなのがあるんですけれども、 それを取り入れようと思って、床面の色が緑だったり赤だったり青だったりで、 その猫のグループを分けるみたいな感じで有効活用できました。 これはまた別のノウハウとして話せればいいなと思っています。 # 得たもの・良かったこと というような感じで、その占いの内容というのと、 診断結果の画像というものをAI駆使して、 いろいろ考えてきました。 でも、その時にChatGPT4.5だったり、 Twitter、X社が作っているGlockの3かな、 っていうのだったり、 あとはGoogleのGeminiだったり、 いろいろなAIに聞きながら、 得意・不得意があるので、 最終的に、一番Glockの3が良かったですね。 その診断のロジックもだし、 思考過程もすごい良い製品として。 ただし、ユーザーに見える側のテキストは、 ChatGPTの4.5が一番EQが高いとされているんですね。 EQというのは、IQ、知能指数の心版というか、 共感指数みたいに言うんですけど、 自然な文章を書く力が一番強いので、 それにしたいということで、 結構、一口にAIに相談して出ました。 と言いつつも、その裏には、 どのAIにどういうふうに言って、 AIが出してきたものが本当に正しいのかどうか、 みたいなことを、いろいろちゃんと考える、 みたいなことをしていました。 すごい一番やられたなと思ったのが、 そのGlockに4つのアルファベットですね。 CATSなのか、POGEなのかっていうことを渡して、 それぞれの16タイプのネコを出してもらうと。 それをグルーピングするって時に、 16を4つずつなんですけど、 1つのグループに4個入るべきなんですけど、 嘘ついてて、かぶってたりしたのかな。 同じ属性を別のグループに同時に入れてたりして、 グループ脇結ってる、みたいなこと。 色とか言ってる内容変えなきゃいけない、みたいな感じで、 ハルシメーションと言われる、 AIが嘘をつくっていうことに振り回されたりはしました。 なんですけれども、 中身の方はAIで駆使して作れましたと。 ウェブサイトの方も、 Next.jsっていうプログラミングの技術を使ってるんですけど、 これも去年の猫の日から1年色々試行錯誤してきて、 AIの専門も上がったし、自分の開発力も上がったので、 ある程度苦なく作れました。 AIに任せるとこは任せて、 大体こんな感じにしようと思ってます。 こういうような構造にしようと思ってます。 ボンって投げて作ってもらって、 僕はもともとウェブデザインの方が強かったので、 実際にちょっとずつデザインを調節する。 ここは文字がもうちょっと大きい方がいいな、 ここの隙間あった方がいいな、みたいなことを調節すると。 あとはアニメーション、ここはふわっと出た方がいい、 みたいなことはAIに聞く、 カショカショで。 僕が主にやったのは、 プログラミングでいうと全体の式と、 あとは細かいデザインの調整をやりました。 ここまでできて、 本当に4日、3日、めちゃめちゃ短い時間で、 かなりいいものが作れました。 結果、1.5万人ぐらいが3日、4日で使ってくれたっていうのと、 ちゃんとTwitterにもこういうの使えました、みたいなのが めちゃめちゃ上がってたんですよ。 特にその3、4日間は調べると、 数分前か数十秒前に誰かが呟いているような感じがして、 すごい、いっぱいみんなに使われてるっていうような、 そこがまず一つ成功でした。 不思議なのが、 誰かのインフルエンサーがこういう面白いのがあるぞ、みたいな、 何百何千リツイート、みたいな感じで流行ったわけじゃなくて、 そういうビッグネームは別に多分リアクションしてないんだけれども、 多分あれですよね、 使った人が友達に教えるっていうような口コミと、 SNSで呟いて、 それを見たフォロワーさんがぶつけるっていう、 バズとは違う方向の緩やかな、 でも持続性がある、 残り日みたいな感じの広がり方をして、 それは結構、僕の中で、 こういうやり方もあるんだっていう、 また日になりました。 ディストピアとSNSを作った時には、 1.5万リツイート、 3日で5万人がダウンロードした、 本当にバズの力でグーって見て、 一方バズの力だけなので、 持続性はないみたいな話があったんですけど、 バズを習わなくても、 ちゃんと人がお勧めする、 高品質なものを作れば、 じわじわと広がっていくんだな、 というふうに思いました。 なので、ここまでの話でいうと、 AIを使って開発する、 プログラミングをする方法が、 より学べたっていうのと、 AIを使って、 プロダクトの肝となるような、 診断内容とか、 そういうのを考えることができたっていうのと、 人生がAIを使って、 柔軟にできるようになった。 じわじわ広がるという、 マーケティングの仕方についても分かった。 この4つの良いことが、 この猫型MBAI診断でありました。 次に最後に、 これ失敗だったなとか、 これ今後の課題だなってことを話します。 # 失敗したことと改善点 はい、この猫型MVTAシーンはここまでではすごい良かったね、大成功だね、みたいな話だなと思いつつ 失敗だ、失敗だというか、次に繋げなきゃっていうのがあって まずめちゃめちゃでかい1個は、ランディング先がなかった、ランディングっていうのは着陸みたいな話なんですけど 診断しましたは面白かった、友達に勧める、SNSでつぶやくまではあったと なんだけど、そこから、じゃあ例えばお金が落ちるとか、あとはフォロワーが増えるみたいな動線が全くできなくて、できなくてというか ピークの時にしていなくて、で、やろうやろうみたいな感じで色々試行錯誤したけど 別に、あの、全然効果はなく、結果1年ももう勝てない、別にフォロワーも増えてない、みたいな感じ 工業としては失敗、みたいな感じになりました 実際どういう施策をしたかというと、診断結果ページにSNSでシェアしようみたいなボタンをつけた 診断結果をまとめた画像みたいなのを作ると 私こうだったよっていうのをインスタグラムに貼れるようにっていう風に作った それ使ってたのかな、みたいなこととか 物事を出そうと思って、診断結果画像をストラップみたいな感じにして すずりっていう画像を指定したら、なんだろうな、買われた分だけ作って売られます その分、原価は高いから、1個売って1000円くらいだけどね、みたいなのがあったので すずりでストラップみたいなのを作って、それぞれの診断結果に合わせたページに貼る ここから買えますよ、みたいな感じで貼るっていうのをしたんですけど 全く売れなかったですね、全く売れなく むしろそれのせいで商売機が見えたから、いつかはなくなったのか この3日4日が伸びた後、なだらかに下がるのではなくガクッと下がるっていうような これはマイナスな施策をした気がするなっていう失敗ですね あと僕のTwitterもフッターとかに載せたんですけど、別に多分増えず それはこの診断サイトがいいと思ったから その作った人関係ないよねって確かに思うよなっていうような失敗ですね あとはDiscordチャットアプリ、チャットサービスなんですけど 公式グループ、猫診断公式グループみたいなのを作ってみて ここで猫診断好きだった人が話すみたいなのを作ってみようという風に Discordのサーバーを作ってリンクを貼ってしたんですけど 一人が私の母と一人はちょっと顔を出して 一人しかいないっていうのを抜けていった人だけだったんで 恥ずかしいと思ってリンクを消したんですけど、これも失敗でしたね これも年までやろうかなと思ったんですけど やるんだったらそのユーザー層、ターゲット層的に LINEのオープンチャットとかの方が良かったのかなと思いつつ まずなんでそのDiscordを作ったかというと 顧客にできないというか面白かったって人に またこういうの新しいの作りましたよとか猫のSNS作りましたよとか 猫診断バージョンアップしましたよっていうのを伝えられない それどっかで囲っときたいっていうのがあって作ったんですけど 全然ダメだって思って 今思うと猫診断用のTwitterのアカウントを作るが もうベストだったと思います 入るハードルも高くないし ちゃんと情報は伝えられるしっていうような その辺めっちゃ失敗だったな 工学学びになったなと思ってます なんで結果色々試作をしたが裏目ったり 別に何も繋がらなかったりして 作った面白がられたらどうするっていう工業として 必要な部分ができなかったなっていうのが反省ですね 一つ良かったのはアンケートをGoogleホームで簡単に作って この診断結果どうでしたかっていうのと あと最後に猫のSNSを作ろうと思ってるんだけど どういう感触ですかみたいな こういうのを作ろうと思ってるんですけど 面白そうですかみたいなのを書いて 22弱かなに回答してもらいました そこでもらった意見とか 単純に楽しかったですとか すごいかっこよかったですみたいな感じを もらうだけでも心の栄養になるというか それはすごくいいな 逆にそういう人の心言葉っていうのが 案外大事なんだなっていう風な学びを得ましたね この猫型MBTI診断に関して 僕はすごく愛着があるのと ポテンシャルがすごくまだあると思っているので そういうランディング先かな あとはその相性を見れる友達と いい相性なのかどうか 相性表もね追加作ったな っていうのとあと海外受けもあるんじゃないかなと思っていて っていうのはMBTI診断は日本で流行っているが 診断系のサイトって少なからず需要があると っていうのと同時 キャッツが同時かっていうのは 結構英語圏の人の方が 面白がってくれるんじゃないかなと思っています なのでちょっと落ち着いたら これの英語展開もしてみようかな みたいなことを欲し淡々と思っています # おわりに 今回は、2025年2月22日の猫の日に向けて開発・リリースした猫型MBTや診断のサイトを作っているときに思ったこととか、 得たハウツーとか、改善点みたいなことをお話ししました。 今はまた別で、SNSアプリディストピアのリメイクを作っていたりします。 AIを使っていっぱい相談したり、AIに開発させたり、みたいなことで、 今まで一人じゃできなかった量と品質と範囲をなるべく一人でできるようになるために色々試行錯誤しています。 僕は元々エンジニアじゃなかったので、エンジニアじゃない方でもアプリとかサービスを作る楽しさというのが、 いっぱい教えて伝えられたらいいなと思っているので、 見ている方が、これを聞いている方がエンジニアじゃなくても、 こういうのができるのかも、みたいなことを思っていただきたいなと思って、 いろいろ情報を発信していきますので、 よろしければフォロー的な話だったり、いいね的な話だったり、 Twitterとかもチェックしていただけると嬉しいです。 いいねもらえるとすごく嬉しいなと思って、 いろいろ話すぞって思えるので、案外嬉しいです。 ということで今回はこの辺にします。 また次回聞いていただければ幸いです。 ご視聴ありがとうございました。