Day 22 - 12/22

TaxFlow - 投資家・副業ワーカーのための確定申告サポートアプリ

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

概要

概要


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