Day 22 - 12/22
TaxFlow - 投資家・副業ワーカーのための確定申告サポートアプリ
HonoCloudflare PagesTypeScriptReactTailwindCSSVite
GenSparkClaude

概要
概要
TaxFlowは、株式投資やFX、暗号資産取引をしている方、副業をしている会社員の方向けの確定申告サポートアプリです。複雑な税務処理をシンプルなステップで管理でき、AIアシスタント「佐藤さん」がいつでも疑問に答えてくれます。
こんな悩みを解決します
- 「株の利益があるけど確定申告が必要かわからない」
- 「FXや暗号資産の税金計算が複雑すぎる」
- 「ふるさと納税や医療費控除の手続きが面倒」
- 「確定申告の期限までに何を準備すればいいかわからない」
主な機能
- パーソナル診断: あなたの働き方と投資状況から、必要な申告項目を自動判定
- 進捗管理ダッシュボード: 確定申告の準備状況を一目で把握
- AIアシスタント佐藤さん: 税務の疑問にいつでも回答
- 投資収益管理: 株式・FX・暗号資産の損益を一元管理
- 控除入力サポート: ふるさと納税・医療費・iDeCoなどの控除を簡単入力
- スケジュール管理: 申告期限までのタスクをロードマップで表示
使い方
1. 最初の診断で働き方と投資状況を入力(約1分)
2. 自動生成されたタスクに沿って書類を準備
3. 投資収益や控除情報を入力
4. わからないことは佐藤さんに質問
5. 確定申告書作成の準備完了!
リンク
制作時間
12時間
学んだこと・振り返り
技術的な学び
- Hono + Cloudflare Pages: 軽量で高速なエッジランタイムでのフルスタック開発を体験
- Swiss Minimalデザイン: 赤アクセント(#E53935)と白黒ベースの統一感あるデザインシステムの構築
- PWA対応: manifest.jsonやapple-touch-iconなど、モバイル対応の設定方法
AIとの協働で発見したこと
- デザインの方向性を明確に伝えると、全画面で一貫性のあるUIが生成される
- 「Swiss Minimal」のような具体的なキーワードがあると、AIとの認識合わせがスムーズ
- 画面のスクリーンショットを共有しながらフィードバックすると、細かい修正も的確に対応してくれる
次に活かしたいこと
- 実際の確定申告データとの連携(e-Taxとの接続など)
- より詳細な税務シミュレーション機能の追加
- ユーザーフィードバックを集めて、来年の確定申告シーズンに向けて改善したい
メインAIツールの評価
GenSpark
⭐⭐⭐⭐⭐
良かった点
- 複雑なUI/UXの要件を正確に理解し、Swiss Minimalデザインを一貫して適用してくれた - 画像生成機能でファビコン、OGP画像、アバターなどを一括で作成できた - デプロイまでワンストップで対応してくれるので、開発に集中できた - 日本語での税務用語や確定申告の文脈を正確に理解してくれた
改善してほしい点
生成した画像のURLが一時的なものだったため、永続化のためにダウンロードして再配置する作業が必要だった
総合コメント
確定申告という専門的なドメインのアプリでしたが、税務の知識を踏まえた適切な機能提案をしてくれました。特にデザインシステム(Swiss Minimal)を決めてからは、全画面で統一感のあるUIを作成でき、プロダクトとしての完成度が上がりました。コーディングだけでなく、画像生成やデプロイまで一貫してサポートしてくれるのがGenSparkの強みだと感じました。
公開日: 2025/12/22