概要
最近、気づいたら預金が寂しくなっていることはありませんか。
動画配信に音楽、仕事のツールにストレージなどつい契約しすぎて、何にいくら払っているのかさっぱり分かりません。
このような悩みを解決するために、サブスクリプション管理サービスとして サブスク管理人 を作りました。
プロダクト紹介
主な機能
サブスク管理人は、つい忘れがちなサブスクリプションを管理するための機能を提供します。
| 機能 | 内容 |
|---|---|
| ダッシュボード | 毎月の支払合計額、登録件数、今月の更新件数を一目で把握 |
| サブスク詳細管理 | サービス名、カテゴリ、金額、課金サイクルを設定 |
| トライアル管理 | 無料トライアルの終了日を登録し、期限切れ間近のサービスをアラート表示 |
| ソート | 金額順や次回更新日順での並び替えに対応 |
| 入力サポート | よく使われるサービスはプリセットから選択できるように |
| レスポンシブ対応 | スマホからもPCからもサブスク状況を確認 |
今後の展望
UXを向上させるため、以下のブラッシュアップを計画しています。
- 支払い忘れを防ぐためのプッシュ通知機能
- より直感的で迷わないUIデザインへのブラッシュアップ
開発過程
かかった時間は約16時間
開発開始からリリースまで約16時間で形にすることができました。
AIに設計・コーディングを任せ、自分は判断と微調整に注力しました。
使い慣れた技術とAIのサポートを組み合わせることで、アイデアからローンチまでの時間を短縮しました。
使用技術
リリース速度と個人の運用コスト最小化を両立するため、以下のスタックを選定しました。
| 分類 | 項目 |
|---|---|
| フロントエンド | HTML / CSS / JavaScript（jQuery） |
| バックエンド | Laravel（PHP 8.4） |
| データベース | MySQL |
| インフラ | Cloudflare / Conoha VPS / AlmaLinux 10 / Nginx |
| AI 開発ツール | Claude Code / Gemini |
| その他 | GitHub / Ansible |
フロントエンドにはモダンなSPAフレームワークを採用せず、スピードを最優先して jQuery を選択。インフラはAWS等のマネージドサービスを避け、VPSにAlmaLinux 10 を自前で構築し、お財布に優しい月額数千円の運用としています。
技術記事（連載予定）
開発過程の詳細については技術記事を順次公開していく予定です。
※現在は未公開となります。
- 【サブスク管理人】ローカル開発環境のセットアップ
- 【サブスク管理人】デザインシステムとUI実装
- 【サブスク管理人】データベースの設計
- 【サブスク管理人】APIの設計と開発
- 【サブスク管理人】サーバー構築とデプロイ
- 【サブスク管理人】データ解析基盤の構築
終わりに
自分の悩みを解決するツールを、AIの力を借りながら短期間で形にする過程は良い経験になりました。
同じようにサブスクの管理に困っている方がいれば、ぜひ一度使ってみてください。開発方法に興味がある方は、今後公開する技術記事もあわせてチェックしていただけると嬉しいです。