Week 1: 基礎を理解する（入門）
↓
Week 2: ツールを使い込む（実践）
↓
Week 3: オリジナル作品を作る（応用）
↓
Week 4: 収益化・案件獲得（実戦）
作るもの：シンプルな自己紹介ページ
Cursorを開いて、以下のプロンプトを入力：
以下の要件で自己紹介ページを作ってください：
- HTML/CSS/JavaScriptで1ファイル
- ダークモードのモダンなデザイン
- 名前、経歴、スキル一覧を表示
- スクロールアニメーション付き
- レスポンシブ対応
学ぶこと：
効果的なプロンプトの型を覚える：
【型】
1. 何を作るか（概要）
2. 技術スタック（HTML/CSS/JS等）
3. デザインの方向性（参考サイト等）
4. 必要な機能（箇条書き）
5. 制約事項（レスポンシブ、文字数等）
作るもの：BMI計算ツール
プロンプト：
身長と体重を入力するとBMIを計算するツールを作ってください。
- 入力フォーム（身長cm、体重kg）
- 計算結果の表示（BMI値、肥満度の判定）
- 結果をビジュアルで表示（ゲージやグラフ）
- レスポンシブ対応
- /shared/style.css を使用（Asoventure Toolsのデザイン）
AIが出したコードでエラーが出たら：
効果的な修正依頼：
「以下のエラーが出ています。
【エラーメッセージ】Console: Uncaught TypeError: Cannot read properties of null
【やりたいこと】ボタンクリックで計算結果を表示
【現状】ボタンを押しても反応なし
最小限の修正でお願いします」
ポイント：これでポートフォリオの1つが完成します。
作るもの：架空のサービスのLP
プロンプト例：
架空のコーヒーサブスクリプションサービス「Bean Box」のLPを作ってください。
- ヒーローセクション（キャッチコピー + CTAボタン）
- 特徴セクション（3カラム）
- 料金プラン（3プラン比較表）
- お客様の声（3つ）
- FAQ（5つ）
- フッター
- デザインは洗練されたモダンスタイル
- カラー: ブラウン系（#8B4513）
作るもの：ToDoアプリ（ローカルストレージ保存）
必要な機能：
- タスクの追加・編集・削除
- 完了/未完了の切り替え
- カテゴリ分け
- フィルター機能
- ローカルストレージで保存
- ドラッグ&ドロップで並び替え
| サービス | 相場 | 難易度 |
|---|---|---|
| LP制作 | 3〜8万円 | ⭐⭐ |
| ツール制作 | 2〜5万円 | ⭐⭐ |
| Webアプリ | 5〜15万円 | ⭐⭐⭐ |
出品テンプレート：
【AIバイブコーディングでWebアプリ開発します】
✅ 80種類以上のツール開発実績
✅ 最短1日で納品可能
✅ レスポンシブ対応込み
| リソース | 内容 | 料金 |
|---|---|---|
| Cursor公式ドキュメント | 基本的な使い方 | 無料 |
| YouTube「Cursor チュートリアル」 | 動画で学ぶ | 無料 |
| Asoventure Tools ソースコード | 実際のツールのコード | 無料 |
| Week | 目標 | 成果物 |
|---|---|---|
| 1 | 基礎理解 | 自己紹介ページ |
| 2 | ツール制作 | BMI計算ツール |
| 3 | 応用作品 | LP + ToDoアプリ |
| 4 | 収益化 | Coconala出品 |
4週間で「AIでアプリを作って稼ぐ」スキルが身につきます。
独学が難しい場合は、マンツーマンレッスンもご用意しています。
現役エンジニアが直接アドバイスします。
💡 自分で作れるようになりたい方 / 副業でAI開発を始めたい方
無料で相談する 🚀SHARE THIS ARTICLE
就活支援・便利ツール・診断まで幅広くサポート