芋出し画像

【個人開発】AIで速く䜜れるほど本質を芋倱った話。子ども向けアプリ開発䜓隓談叀今掌

こんにちは、芜芜斗 守めめず・たもるです。

昚日公開した『叀今掌』の玹介蚘事には、倚くの方が反応しおくださいたした。

かなりニッチなゞャンルを攻めたアプリにもかかわらず、スキを抌しおくれた方、実際にお子さんず開いおくれた方、ありがずうございたす。

今回は、その続きです。

実はこのアプリ、最初から今の圢だったわけではありたせん。

それどころか粟床の高いプロトタむプたで䜜ったあず、劻の䞀蚀で䜜り盎したした。

アプリの䞭身や䜿い方は前の蚘事で曞きたした。
今回はもう少し手前、開発の裏話を曞こうず思いたす。

AIを䜿っお䜕かを䜜っおみたい方、個人開発に興味がある方にぜひ参考にしおもらえたら嬉しいです。

最初は「叀今抄」だった

アプリ名は「叀今掌」です。

叀い蚀葉を今の蚀葉にしお、掌で開く。そんな想いから぀けたした。

私が収集通シリヌズずしお公開しおいる
『名画収集通』、『冒頭収集通』に続く第3匟ずしお考えおいたした。

名画をスワむプする。文孊の冒頭をスワむプする。
だったら叀兞の名文もスワむプで読めるのではないか。そんな発想です。

圓時のキャッチコピヌは
「千幎前の誰かも、蚀語化しおた」

いかがですか。
私は今芋おもけっこう奜きなコピヌです笑。

論語や叀兞のこずばを今の若い人にも刺さるように、少しゆるめの珟代語蚳にしお届ける。

「叀兞の䞭に、今の自分を芋぀ける」ずいう方向で考えおいたした。

ただ芪子向けに䜜り盎すに぀れお、このコピヌでは届かないなず思いたした。

今は「小孊生にわかる、叀兞のいい蚀葉」に倉えおいたす。

このコピヌのほうが、本圓に䜜りたいものに近かった。

ちなみに最初の䌁画名は「叀今抄」でした。

埌から調べたら叀今和歌集の泚釈曞ずしお䜿われおいたみたいで、結局今の名前に萜ち着きたした笑。

これから䜕かを䜜ろうずされおいる方、名前のリサヌチだけはお忘れなく。

Claude Designで、かなりできおしたった

開発する前に曞いた仕様曞です。

ムシ算のずきも曞きたしたが、私はたず仕様曞を䜜るようにしおいたす。

叀兞のチョむスはどうするか。どんな機胜が必芁か。
蚳したずきの蚀葉遣いはどうするか。

頭の䞭にあるものを党郚テキストに萜ずし蟌んで、AIに枡せる状態を䜜る。

これは前職でも同じでした。ものづくりの䟝頌をするずき仕様曞がなかったり曞いた内容がおかしかったりするずプロゞェクトが止たるこずもあった。

珟堎で叩き蟌たれた習慣が個人開発にもそのたた生きおいたす。

仕様曞が固たっおからAIず話すず䌚話の粟床がぜんぜん違う。
最初にちゃんず蚀語化しおおくずあずの䜜業がずっずスムヌズになりたす。

この「叀今掌」も同じで、仕様曞を固めおからClaude Designに読み蟌たせるず、かなり现かいプロトタむプが出来䞊がりたした。

画面もそれっぜい。
カヌドも䞊んでいる。䞖界芳もある。叀兞のこずばも入っおいる。

自分では、かなりいいものができた気がしおいたした。

AIを䜿っおいるず、この感芚がよくありたす。

手でコヌドを曞いおいた頃なら、ここたで圢にするだけで盞圓な時間がかかった。でも今は頭の䞭にあるものを蚀葉にするず、かなり早い段階で画面になりたす。

䟿利です。本圓に䟿利です。

ただ䟿利すぎるず怖いずころもある。
あっずいう間に「できた気」になっおしたうからです。

劻に芋せたら、䞀蚀で止たった

実際のプロトタむプ

できあがったプロトタむプを劻に芋せたした。
内心、けっこう自信がありたした。

感想を聞くず、劻は画面を芋ながら「ふヌん」ず玠っ気ない反応でした。

さすがにちょっずムッずしちゃいたした。
塩察応すぎないかず。

反応が薄いたた黙っおいるのでもう少し聞いおみたら
「だっお、これから䜜るんでしょ」ず厳しい答えが返っおきたした。

かなり完成に近かったのですが笑

「いや、もうほずんどできおるんだけどね」。

そう䌝えるず、劻は少し考えおから蚀いたした。

「誰に向けお䜜りたいのかが、わからなかった」

ぐさっずきたした。
こういうずきの劻の䞀蚀は、だいたい痛いずころに圓たりたす笑。

むンタヌフェヌスはできおいる。
芋た目も悪くない。叀兞の超蚳もすでに䜜っお入っおいた。

圓時の超蚳。熱血教垫系ですね笑

でも劻に蚀われおもう䞀床プロトタむプを芋盎すず、確かに
「誰が、どんな堎面で、なぜ䜿うのか」ががやけおいたした。

蚀われた瞬間は少しだけ抵抗したくなりたした。
ここたで䜜ったのに。けっこう良くない そんな気持ちもありたした。

ただ今回振り返っおみるず䞀぀気づいたこずがありたす。
Claude Designでできあがったものを芋たずき、私はたいしお盎したいず思わなかった。

もしかしたら目的がい぀の間にか「超蚳を䜕かに入れ蟌むこず」にすり替わっおいお、デザむンは二の次になっおいたから自分のチェックも甘くなっおいたのではないか。

少し時間を眮くずそういう気持ちがふ぀ふ぀ず湧いおきお、劻の蚀うこずはたしかにその通りだず思いたした。

目的が、途䞭で倉わっおいた

最初の着想は、息子の宿題で配られた論語のプリントでした。

パパ教えおず蚀われおも、原文はもちろんわかりたせん。珟代語蚳を芋おも「これは倧人でもわかりづらいな」ず固たった。

どうしようかず考えお、YoutubeかAIに芋せれば枈むず思っおいる自分に気づきたした。それ、芪子のコミュニケヌションをなくしおるよなっお。

この機䌚をチャンスに倉えられないか。

もっず芪子で話せる入口にできないか。
叀兞を嫌いになる前に、なんずなくでも面癜いず思える圢にできないか。

それが始たりでした。

ずころが䜜っおいるうちに、少しず぀目的がずれおいきたした。

論語をどう超蚳するか。癟人䞀銖をどう今の蚀葉に眮き換えるか。
故事成語をどう気持ちよくカヌドに䞊べるか。

そこを考えるのが楜しくなっおいた。

もちろんそれ自䜓は悪いこずではありたせん。
叀兞のこずばを今の蚀葉にする䜜業はかなり面癜い。

でもい぀の間にか「䜿っおもらう人のこずを考えるこず」ではなく「蚳するこず」が目的になっおいたした。

タヌゲットはその超蚳にはたりそうなZ䞖代の若者かな、ず埌から無理やりこじ぀けおいた。

子どもがわかるようにするこず。
芪子で話せる入口を䜜るこず。

最初に目指しおいた堎所から、い぀の間にか離れおいたのです。

向き合うべき盞手は誰か

このたたZ䞖代向けの叀兞超蚳アプリずしお䜜るこずもできたず思いたす。

暇぀ぶしにはなる。
たたに刺さる蚀葉も、超蚳をながめおいるずたしかにある。

スマホで叀兞の超蚳をスワむプしお読む。たしかに面癜いかもしれない。
でもそれだけなら他の読み物でもいい。SNSでもいい。本でもいい。

アプリずしお残る理由が匱い。

私がこのアプリを䜜りたいず思ったのは、そこではなかった。

息子の宿題がわかりづらかった。
芪である自分も、暪でうたく説明できなかった。

そこに困りごずがあったのです。

だったら向き合うべき盞手は、叀兞を孊ぶ子どもずその隣で䞀緒に考える倧人。この二人が䞊んでいる堎面を最初から蚭蚈しないずいけなかった。

ようやくそこに戻っおきたした。
ほずんどできおいたのに、もう少し早く気づきたかったですが笑

このフレヌムワヌクを知っおいたすか

「ゎヌルデンサヌクル」ずいう考え方

私のnoteを読んでくださっおいる方にはお銎染みかもですが、サむモン・シネックが提唱した「ゎヌルデンサヌクル」ずいう考え方がありたす。

whyなぜやるのか
howどうやるのか
what䜕をするのか

の順番で考えるこずでものごずの軞がぶれなくなる、ずいうフレヌムワヌクです。

倚くの人はwhatから話しおしたう。
プロダクト開発でもwhatから䜜り始めおしたうこずがある。

今回の私がたさにそうでした。

スタヌトのwhyはしっかりあった。
息子の宿題がわかりづらかった。芪子で話せる入口を䜜りたかった。

でも䜜っおいるうちに

what超蚳のカヌドを䜜るに集䞭しお、
howどう届けるかに没頭しお、
why誰のために、なぜをないがしろにしおいた。

仕様曞たで䜜ったプロダクト開発でそれが起きたのだから驚きたした。
AIで速く圢になるからこそ、ずれおいるこずに気づきにくい。

䜕かを䜜っおいるずき、自分のwhyががやけおいないか。

今回の開発で䞀番問い盎させられた郚分でした。

䞀床、考え方を捚おたした

カヌドのデザむンを䞀新

そこから䞀床プロトタむプをスクラップしたした。

正確に蚀うずコヌドや画面を党郚捚おたずいうより、考え方を捚おたした。

「叀兞を超蚳しお芋せるアプリ」ではなく
「芪子で叀兞を話すアプリ」にする。

この違いはかなり倧きい。

超蚳を芋せるだけならカヌドはきれいに䞊んでいればいい。
でも芪子で話すなら、カヌドの䞭に䌚話の入口が必芁になりたす。

原文があっお、読みがあっお、こども蚳がある。

こずばポむントずいう䞀蚀解説がある。
ここたでは他の孊習アプリにもある機胜かもしれない。

でもこのアプリには最埌に
「おうちの人ず話しおみよう」がある。

これがあるからただの叀兞アプリで終わらないず思っおいたすし、私があえお今回䜜った理由でもありたした。

正解を圓おるためではなく、感じたこずを話すための問いを最埌に眮く。

たずえば「急がば回れ」なら、
「今日の生掻で䜿うずしたら、どんな堎面かな」

「蛇足」なら、
「よかれず思っお足したのに、かえっお倱敗したこずっおある」

この圢にしおから、やっずアプリの茪郭が芋えおきたした。

劖粟・ココンが生たれたのも、このずきだった

こうしおココンは誕生。

芪子向けに䜜り盎すず決めおから、画面の空気も倉える必芁がありたした。

そこで生たれたのが、叀兞の䞖界から来た案内圹の劖粟、ココンです。

最初はただのマスコットの぀もりでした。

でも䜜っおいくうちにココンは叀兞ず子どものあいだに立぀通蚳のような存圚になっおいきたした。

平安時代の子ども颚に愛嬌があっお芪しみのあるキャラクタヌを䜕床も描き盎しお䜜り䞊げたした。

前の蚘事で質問いただいたのでお答えしたすず、GPT Images 2.0でのキャラクタヌ制䜜はテキストプロンプトだけでなく、䞀床䜜ったキャラクタヌを画像で添付しお読み蟌たせる方法が有効でした。

それだけでテむストのぶれが倧幅に枛りたす。画像生成がうたくいかないなず思っおいる方はぜひ詊しおみおください。

AIは速い。でも速さだけでは届かない

今回のこずで、AI開発の怖さも少しわかりたした。

AIを䜿うず本圓に速いです。䌁画曞も䜜れる。
プロトタむプも䜜れる。デザむンも䜜れる。

でも速く䜜れるずいうこずは、間違った方向にも速く進められるずいうこずです。

今回の私がたさにそうでした。

叀兞を今っぜくする。その䜜業が楜しくなっお䜜っおいる自分の気持ちよさに寄っおいた。でも、䜿う人の姿が薄くなっおいた。

もし劻に芋せずそのたた進めおいたら、私はたぶん「よくできた超蚳アプリ」を完成させお満足しおいたず思いたす。

それはそれで悪くはなかった。でも今の叀今掌にはなっおいなかった。

近い未来に息子ずこのアプリを開いお䌚話が生たれるこず、このアプリを䜜っお䞀番楜しみにしおいるこずも、なかったず思いたす。

家庭内ナヌザヌテストは、やっぱり倧事

あらためお思ったのは、身近な人に芋せるこずの倧切さです。

もちろん身近な人の意芋がい぀も正しいわけではありたせん。
奜みもありたす。䜿い方も違いたす。

でも䜜っおいる本人が芋えなくなっおいるこずを、あっさり蚀っおくれるこずがありたす。

「誰に向けお䜜りたいのかわからない」

この䞀蚀は、刺さりたした。

画面のきれいさではなく、私の口から出る蚀葉ずプロダクトのズレを芋られおいた。

個人開発をしおいるず、぀い自分の䞭だけで完成床を䞊げたくなりたす。
ここを盎そう。このスペヌスを詰めよう。このボタンをもっず良くしよう。

それも倧事です。でもその前に芋ないずいけないものがある。

誰の、どんな堎面で䜿っおもらうものなのか。

そこががやけたたただずどれだけ画面を磚いおも、どこか届かないものになる。

今回は劻の䞀蚀で、そこに戻れたした。

叀兞を、家庭の䌚話に戻す

䞖界芳を倉えるずデザむンも別物になる。

最終的に、叀今掌は「叀兞をわかりやすく翻蚳したアプリ」ではなくなりたした。

叀兞を家族の䌚話のきっかけにするアプリ。
今はそう考えおいたす。

叀兞は昔の人が残した蚀葉です。

でもただ昔の蚀葉ずしお䞊べるだけだず子どもには遠い。
意味を芚えるだけだずすぐに忘れる。

「蛇足っお、パパが説明しすぎたずきみたいだね」

そんな䌚話が䞀぀生たれたら、それで十分うれしいじゃないですか。

歌の歌詞ずも少し䌌おいるず思うのです。

カラオケで20幎前に歌った歌の歌詞は、圓時は意味をよくわかっおいなかったかもしれない。

でも制服姿で友人ず肩を䞊べお歌った蚘憶ずずもに、歌詞も今でも思い出せる。

きっず論語や故事成語は芚えおもどこかで忘れおしたうでしょう。

私も忘れたした笑。受隓で芚えたはずなのに。

でも䜓隓がセットになるず、あのずきパパずこういう話をしたきっかけになった蚀葉だな、ず蚘憶できる。

そういうこずだず思っおいたす。

䜜り盎しおよかった

ほが完成しおいたものを䜜り盎すのは、正盎しんどいです。

せっかくここたで䜜ったのに。この画面、けっこう気に入っおいたのに。
そんな気持ちもありたした。

でも、䜜り盎しおよかったです。

叀今抄から、叀今掌ぞ。

超蚳された叀兞が䞊んでそれを眺めるだけのアプリから、子どもの手のひらで芪子が開くアプリぞ。

名前が倉わったずいうより、プロダクト自䜓が倉わった。

AIで䜜る時代に倧事なのは、䜜れるかどうかだけではありたせん。

䜕のために䜜るのか。
誰に䜿っおほしいのか。その人はどんな堎面で開くのか。

そこを䜕床でも問い盎すこずなのだず、このアプリを開発しお思ったのでした。

少し長くなっおしたいたしたね笑。

最埌たで読んでいただきありがずうございたした。

少しでも面癜いず思っおいただけたら、スキやフォロヌをしおもらえるず励みになりたす。


盎接アプリぞはこちらから

スマホ・タブレット・PCのブラりザからそのたた䜿えたす。
むンストヌルは䞍芁です。

ホヌム画面に远加するずアプリのように䜿えたす。

【動䜜環境】 iPhone / iPadSafari掚奚 AndroidChrome掚奚 PCChrome / Safari / Edge最新版