Shindan Roadmap Workbench

課題・制作の目的

学習記録の入力から自己点検・次の改善行動までを、ローカル完結のアプリにまとめること。

担当範囲

要件整理 / 情報設計 / UI設計 / 実装

技術スタック

• Next.js 16
• TypeScript
• App Router
• Tailwind CSS v4
• localStorage
• useSyncExternalStore
• Vercel
• Rule-based Evaluation
• Prompt Generation

実装内容

中小企業診断士の学習内容を、目的別の入力テンプレートで整理できるワークベンチとして制作しました。入力内容はルールベースで自己点検され、スコア、弱点カテゴリ、不足項目、改善提案、次アクションとして返されます。保存した履歴は再利用でき、科目別件数や不足項目の傾向分析にも使えます。ロードマップと曜日別テンプレートも備え、学習行動を整理しやすい構成です。

• Next.js App Router / TypeScript / Tailwind CSS による 5 画面構成のフロントエンドを実装
• 4 種類の入力テンプレートに対するルールベース評価ロジックと ChatGPT 用プロンプト生成を実装
• localStorage 永続化、履歴再利用、傾向分析、Vercel 向けデプロイ設定を整備

確認できる成果

学習記録を残すだけで終わらせず、次に何を直すかまでつながる自己点検フローを 1 つのアプリに整理しました。

確認対象は以下の公開サイト・デモ・ソースコードと記載した実装範囲です。売上・問い合わせ数・工数削減率の測定値は掲載していません。外部デモは公開状況によって利用できない場合があります。

関連サービス

• MVP・新規Webサービス開発 →