AI Skill Map Generator の概要と技術スタック
「AI Skill Map Generator」は、若手 Web エンジニアの初めての転職を想定した、スキルマップ＆キャリアコーチングツールです。面接やポートフォリオ提出の場で、「自分が何を考えてこのプロダクトを作ったか」を説明しやすいように設計しています。
AI が職務経歴を分析し、スキルを言語化
30日/90日の具体的な学習計画を自動作成
求人票との相性とギャップを可視化
このプロジェクトでは、企画・設計・実装のすべてを一人で担当しています。
企画・設計
ユーザーストーリーと画面遷移の設計
フロントエンド
Next.js + TypeScript での UI 実装
バックエンド
Supabase / OpenAI を利用した API 設計
テスト
ロジック設計とテストコードの作成
デザイン
UI 調整・モバイル対応・UX 改善
このアプリは現状ポートフォリオ用として無料で公開していますが、「実際に売るとしたらどう課金するか？」も docs/monetization.md に整理しています。ここでは、その内容をざっくり UI としてまとめています。
ポートフォリオ用として、すべての機能を無料で体験できるモードです。本番運用時には回数制限を掛ける想定です。
無料
転職活動の 1〜3 ヶ月間、本気で走り切る人向けの有料プランを想定しています（このリポジトリではまだ実装していません）。
月額 980〜1,500円 想定
面接やカジュアル面談の場で、「このアプリを通して、自分がどう考え、どう設計・実装したか」を説明するための解説ページとして用意しています。実際の画面をお見せしながら、技術的な深掘りや設計の意図についてお話しできればと思っています。
「ここが分かりづらかった」「こういう機能が欲しい」などのフィードバックがあれば、ぜひ教えてください。実務でも使えるプロダクトに近づけていきたいと考えています。