個人学習 / ポートフォリオ作成
Rails + Next.js + AWS ECS + Terraformで成長を可視化するアプリを作ってみた
【サービスURL】 https://plusoneup.net ※9:00〜18:00の間で稼働しています。 ・ポートフォリオの概要 目標(Goal)に対して、それを達成するための小目標(Small Goal)を日々こなすことで、目標達成に近づきながらも成長の可視化ができるアプリケーションを作成しました。 目標(Goal)や小目標(Small Goal)を達成すると経験値(Exp)が付与される仕組みとなっています。 ・「なぜこのテーマで作ろうと思ったのか」 仕事や日々の研鑽を重ねていくのと同時に、それが数字として可視化できたら面白いなと思いこのポートフォリオを開発しました。やるべきことを記録しそれを達成すると経験値が貯まっていく、RPGゲームのようなものを作ればもっと日々が楽しくなると感じています。 ・「他のサービスとの差別化ポイント」 他のタスク管理サービスとの違いは、完了したGoalに応じてEXPが付与されある程度EXPが貯まるとRankが上がります。Rankが一定のレベルを超えるとごほうびルーレットを回すことができるようになります。 ・「苦労したところ」 ルーレットをどう表現するか、EXPがどのように増えていくか、が開発をしていく上で難しかった箇所でした。 ルーレットでは12個のセグメントを均等に配置し、それがスムーズに回転するかを実装するのに苦労しました。ルーレットが回り終わった際に、ユーザーがどの枠で止まったか一目で分かるよう、矢印は常に画面上部に固定しました。回転が毎回同じ場所でピタリと止まるのではなく、自然に枠に収まる印象になるよう、当たり判定の範囲を前後5度に設定しました。これらの工夫で、滑らかで見やすいルーレット体験を実現しました。