はじめに
こんにちは！！ Watanabe Jin (@Sicut_study)です！
2024年が始ろうとしています (2ヶ月経ちましたが、当時は12月25日です)
 |
| カレンダーも残り5日になっていた |
毎年この時期になると「2024年は〇〇をやるぞ」と闘志を燃やしている方も多いかと思います
 |
| 来年の目標をリストアップ |
2024年にやることをリストアップしているときふと思いました。
普段からLaprasで可視化される自分の技術力をみながらニヤニヤしている私にとって、この目標も可視化すれば今年こそはやりきれるのではないか？
 |
| 毎日数値が上がっていないか欠かさずチェック |
今回は目標管理ツールを作って、来年の自分が目標を達成できる手助けをするアプリを作成していきます。
 |
問題点を考える
アプリストアを覗くと多くの目標管理ツールが乱立しており、世はまさに目標管理アプリ戦国時代。
今回作ろうとしている目標管理ツールを使う理由を作らないとユーザー価値のあるアプリにならないのは明らかです
まずは、目標を達成できなくなる原因や既存アプリの欠点を洗い出します。
 |
| まずは既存の欠点を洗い出す |
ある程度今回の方向性が決まってきました。
1. シンプルに達成状況を可視化をする
2. 毎日アプリをみる工夫をいれる
多くのアプリが差別化を測るために余計な機能をいれています。しかし、私がLaprasを使うときにはあまり他の機能は使わずシンプルに数字だけをみるというところから色々機能はいれないことを決めました
そして、私の習慣となっている毎日数値をみてニヤニヤするというのを他の人にも体験してもらうべく、アプリを毎日使いたくなるような仕組みを入れたいと考えました。
差別化を考える
そう決まれば、まずは 「毎日使ってもらう工夫」 について考えることに。
6分ほど熟考した結果、以下のアイデアが生まれました
例えば、 「Youtubeを100本投稿する」 という目標を立てたときに、Youtube100本投稿する主人公の物語が目標達成する期日まで毎日アプリに表示されます
アプリには常に結末も表示されています。
「Youtube100本投稿を達成した主人公は有名配信者としてて名をとどろかせて、テレビなどにも出演していまでは愛されるタレントになりました。おわり」
結末を常に表示することで 掲げた目標を達成したときの未来 がみえるような工夫がされています。
結末に関してはより没入感をもってもらうために更に工夫をしています
進捗ごとに結末が変わっていくので、 「やらないとまずい」 というのを感じることができます。
物語型目標管理ツールYour Story
目標を可視化するツール
物語の主人公になりきって理想の未来を描きましょう
機能の紹介
1. 目標可視化
 |
| 目標の進捗がひと目でわかる |
シンプルでひと目でわかりやすいデザインを意識しました
目標量に対してどれくらい終わっているか、どれくらいのペースでやればよいか、残り日数などが表示されています。
2. 目標登録/解除
 |
| 目標を登録/解除可能 |
目標の登録と解除が可能です
解除ができる理由としては毎日物語が更新されてしまうため、解除することで物語の更新を止められるように機能をいれています
3. 今日の物語
毎日更新される今日の物語が表示されています
 |
| 魔法の本をを見つけた模様 |
4. 結末
常に表示されるようになっています。毎日進捗に応じて更新がされており、ペースが遅いとバットエンド、普通ならニュートラルエンド、早いとハッピーエンドになります
 |
5. 過去の物語
いままで読んできた物語をまとめて読めるようになっています
 |
| プロンプトにカイゼン余地あり |
6. ユーザー情報登録
このアプリでは物語の没入感が大切になるのでユーザー情報登録が可能です
 |
| まだ項目は少ないです |
自分の情報をいれることで物語生成時に情報が渡されるため、より自分だけの物語を読むことが可能になっています。
これは会社の同僚との1on1での壁内で生まれたアイデアです。アイデアの壁打ちは本当に大事です
技術スタック
開発期間 : 14時間
開発人数 : 1人
フロントエンド : React, TypeScript
バックエンド : Firebase
API : ChatGPT API
ライブラリ : Tailwind, react-modal, react-hook-form, tremor
私は必要な知識がでてきたときに新しいインプットを入れるという手法をとっているためこの機会に初めて 「ChatGPT API」 を試すことができました
手軽に使えるため個人開発で価値を出す可能性が広がると感じました
プロンプトに関しては知見やテクニックも必要になっており、全然ブラッシュアップできていないので今回の反省になっています
今後やりたいこと
ChatGPTで物語を生成していますが、これを実際の作家さんが書いた物語に変更して使うこともでるので、そこでの可能性がないかを模索しています
作家さんの書いた物語を使うときにエンディングが変わる仕組みをどうやっていれるかに悩んでいます
開発で思ったこと
なぜそのアプリを自分が作らないといけないのか
ここをしっかり考えて作ることがとても大切だなと感じました
来年の目標はこのアプリで達成できるのかお楽しみに！！！
私は今回このアプリをモック版を自分が使える程度で開発を終えてしまいましたが、もし本当に作って世の中に価値を届けたいと感じた方がいらっしゃいましたら@Sicut_studyまでご連絡いただければと思います。
アイデアは世の中に同じことを考えている人が誰かはいると思ったほうがよいです。しかし、カタチにできるかは別なので、最速でカタチにして価値を出すというのが大切になります。やはりReactはすぐに作れるので良いフレームワークだなと毎度感じます。
おわりに
今回は個人開発の第15弾として「物語型目標管理ツールYourStory」を紹介しました。1ヶ月ごとに新しいオリジナルアプリを作成していますので、次回もお楽しみに！
ここまで読んでいただけた方はいいねとストックよろしくお願いします。
@Sicut_study をフォローいただけるととてもうれしく思います。
今週もプログラミング頑張りましょう！
2024年個人開発
おすすめ記事
About Me
Webエンジニア転身して1年間本気で勉強
転職ドラフトで高額オファーを複数獲得
そこでの経験からアウトプットやマインドセットの発信に強みがある
エンジニアをやりながら、起業に挑戦中
アイデア作りやパブリックスピーキングを得意としてる
■ Twitter
https://twitter.com/Sicut_study
■ Instagram
https://www.instagram.com/himariajin
■ Youtube
https://www.youtube.com/channel/UCBFrGAJhPuuaoLwUIHBILsA
■ TikTok
https://www.tiktok.com/@sicut_study
■ プログラミングコーチングJISOU
https://projisou.jp
■ 登壇依頼などご依頼はこちらから
himaria.jin.watanabe@gmail.com
参考