はじめに
iOS向けにリリースされている「Your Time」という、人生の残り時間を可視化するアプリがあります。
私は普段AndroidやPCも利用するため、「デバイスを問わず、ホーム画面からサクッと確認できるWeb版（PWA）があれば便利では？」と考え、最新の技術スタックとAIツールを用いてデモアプリを開発しました。
開発動機
- ブラウザやAndroid端末から利用したかった
- PWA化: 無料で、かつスマホのホーム画面に置いてアプリのように使いたかった
- Antigravityの技術検証がしたかった
使用ツール
| IDE | デプロイ |
|---|---|
| Antigravity | AWS Amplify |
技術スタック
- Next.js 15
- TypeScript
- UI系:Tailwind CSS, Lucide React
- PWA:next-pwa
- Infrastructure: AWS Amplify (今後 Vercel / Firebase へ移行予定)
Antigravityによる爆速開発
今回、プロンプトに「Your Timeというアプリをモデルに、寿命から残された時間を可視化するツールを作って」と指示したところ、短時間でベースが完成しました。
良かった点
- 実装したい要件を日本語で伝えるだけで、UIコンポーネントまで一気に生成される
- 無料プランでも十分実用的
注意点・工夫した点
- 日本語化: デフォルトでは英語ベースなので、日本語でレスポンスを返すよう初期設定が必要です（参考記事は後述）
- UIの微調整: AIが生成したそのままでは細かいマージンや色味が気になったため、最後はCSSを手動で調整しました
自分の「時間」を意識することの重要性
時間は有限です。
私個人の考えですが、可視化したデータ等を見て意識していないと無限に存在しているかのように錯覚をして、際限なく使用してしまう傾向にあるのではと感じました。
こういったツールを用いて自分の残された時間で何ができるか、どう社会貢献できるかなど考えるきっかけが増えればと考えています。
最後に
Your Timeのようなアプリがあったらいいなと思い、調べて存在して無ければ作ろうかと考えておりました。
2025年5月にリリースされたようでしたので、私と同じ考えを持った方が居て嬉しくなりました。
今後自分自身の使いやすいようにアプリは必要に応じて改修予定です。
AWS Amplifyにてサイトをデプロイしましたが、無料期間を過ぎる前に他のサービス(Vercel or Firebase)でデプロイし直す見込みです。
公開URL
参考記事