Step 1: 企画とセットアップ
まずは作りたいサービスの概要を決めます。Claude Codeに「Next.jsでTodo管理アプリを作りたい」と伝えれば、プロジェクトのセットアップから始めてくれます。
技術スタックの選定もClaude Codeに相談できます。目的に応じた最適な構成を提案してくれます。
Step 2: 機能の実装
「ユーザー登録機能を追加して」「投稿のCRUD機能を作って」のように、機能単位で指示を出していきます。一度に全部作ろうとせず、段階的に進めるのがコツです。
コードが生成されたら、動作確認を行い、問題があればフィードバックして修正を依頼します。
Step 3: デザインと調整
「Tailwind CSSでモダンなデザインにして」「レスポンシブ対応にして」といった指示で、UIの調整もClaude Codeが対応します。
デザインの参考サイトのURLを共有したり、具体的な色やレイアウトを指定すると、より理想に近い仕上がりになります。
Step 4: デプロイと公開
Vercelへのデプロイもコマンド一つで完了します。GitHubリポジトリと連携すれば、コードをプッシュするだけで自動デプロイされる環境を構築できます。
完成したサービスはポートフォリオとして転職活動にも活用できます。AIを使って作ったことを正直に伝えた上で、設計や企画の意図を説明できるようにしましょう。