はじめに：「何を作ればいいか分からない」を解決
こんにちは、イケハヤです。
Vibe Coding（バイブコーディング）を始めたものの、「何を作ればいいか分からない」という声をよく聞きます。
今回は、初心者から中級者まで楽しめる28のアイデアを、実際に使えるプロンプト（指示文）付きで紹介します。
コピペして、そのまま使ってください。
きっと、あなたにぴったりのプロジェクトが見つかるはずです。
🔗 個人ブランディング系（超簡単）
まずは誰でも簡単に作れて、すぐに使える個人ブランディング系から。
1. リンクまとめサイト（Litlink風）
【指示文例】
“`
Litlinkのようなリンクまとめサイトを作って。
プロフィール画像、名前、自己紹介文、SNSリンクボタンを縦に並べるレイアウト。
Instagram、Twitter、YouTube、TikTokのボタンを用意。
ボタンはグラデーション背景でおしゃれに。
レスポンシブ対応も必須。
“`
おすすめ理由：すぐに実用できて、SNSのプロフィールに貼れます。
2. デジタル名刺サイト
【指示文例】
“`
デジタル名刺サイトを作って。
QRコードでアクセスできるスマホ最適化ページ。
名前、職業、電話番号、メールアドレス、会社名を表示。
連絡先をワンタップでコピーできる機能も追加。
シンプルで洗練されたデザインで。
“`
おすすめ理由：営業や交流会で実際に使えて話のネタにもなります。
3. ポートフォリオサイト
【指示文例】
“`
ポートフォリオサイトを作って。
ヘッダーに名前とキャッチコピー、プロフィール写真。
スキル一覧（プログレスバー付き）、作品ギャラリー（画像+説明）、
お問い合わせフォーム（名前、メール、メッセージ）を含める。
モダンでプロフェッショナルなデザインで。
“`
おすすめ理由：転職活動や案件獲得に使えます。
🎮 エンタメ系（楽しく作れる）
作っていて楽しい、遊んでも楽しいエンタメ系アプリ。
4. じゃんけんゲーム
【指示文例】
“`
じゃんけんゲームを作って。
ユーザーがグー、チョキ、パーのボタンを選択。
コンピューターがランダムで手を出して勝敗判定。
勝ち、負け、あいこの回数をカウント表示。
勝った時は「やったー！」、負けた時は「残念！」のメッセージ表示。
手のアニメーションも追加して。
“`
おすすめ理由：プログラミングの基本（条件分岐、ランダム）が学べます。
💡 API不要：ゲームロジックは純粋JavaScriptで実現可能。
5. おみくじアプリ
【指示文例】
“`
おみくじアプリを作って。
「おみくじを引く」ボタンを押すと大吉、中吉、小吉、末吉、凶をランダム表示。
それぞれに運勢のメッセージ（今日の恋愛運、仕事運、金運）も表示。
結果をTwitterでシェアできるボタンも追加。
和風のデザインで、アニメーション付きで結果を表示して。
“`
おすすめ理由：友達に見せて盛り上がれます。
💡 API不要：運勢メッセージは事前に用意したデータからランダム選択。
6. 診断メーカー風アプリ
【指示文例】
“`
「あなたのプログラマー適性診断」アプリを作って。
名前を入力すると、その人の特徴を診断結果として表示。
「論理的思考力95%」「集中力82%」みたいな感じで複数項目。
診断結果はランダムだけど、名前が同じなら常に同じ結果にして。
結果をSNSでシェアできる機能も追加。
“`
おすすめ理由：バズりやすく、多くの人に使ってもらえます。
🚀 AI連携でさらに面白く：OpenAI APIで名前からパーソナリティを分析し、よりリアルな診断結果を生成可能。
7. ビンゴゲーム
【指示文例】
“`
ビンゴゲームを作って。
5×5のビンゴカードを自動生成（中央はFREE）。
「次の数字」ボタンで1-75の数字をランダム表示。
出た数字をクリックでマーク、リーチやビンゴを自動判定。
ビンゴになったら「BINGO!」のアニメーション表示。
複数人で遊べるよう、カードリセット機能も追加。
“`
おすすめ理由：パーティーやイベントで使えます。
💡 API不要：ビンゴロジックは配列操作と数学的判定で実現。
💼 ビジネス・実用系（収益化しやすい）
実際に役立つツール系。これらは有料化も狙えます。
8. QRコード生成ツール
【指示文例】
“`
QRコード生成ツールを作って。
テキストエリアにURL、テキスト、電話番号などを入力。
「QRコード生成」ボタンでQRコードを表示。
生成したQRコードをPNG形式でダウンロードできる機能。
履歴機能で過去に生成したQRコードも確認可能。
シンプルで使いやすいUI/UXで。
“`
おすすめ理由：ビジネスでの需要が高く、広告収入も期待できます。
💡 API不要：JavaScriptのQRコードライブラリ（qrcode.jsなど）を使うので、外部APIは必要ありません。
9. カラーパレット生成ツール
【指示文例】
“`
カラーパレット生成ツールを作って。
「ランダム生成」ボタンで5色のパレットを生成。
各色の16進数コードとRGB値を表示。
色をクリックでコードをクリップボードにコピー。
「気に入ったパレットを保存」機能と「パレット履歴」表示。
デザイナー向けのおしゃれなインターフェース。
“`
おすすめ理由：デザイナーやクリエイターに需要があります。
💡 API不要：純粋JavaScriptで色の組み合わせを生成できるので、外部APIは不要です。
10. 文字数カウンター
【指示文例】
“`
文字数カウンターを作って。
テキストエリアに文字を入力すると、リアルタイムで文字数を表示。
Twitter（140文字）、Instagram（2200文字）の制限も表示。
文字数、単語数、段落数をそれぞれカウント。
制限を超えたら赤字で警告表示。
入力履歴の保存機能も追加。
“`
おすすめ理由：SNS運用者やライターに重宝されます。
💡 API不要：文字数カウントはJavaScriptの基本機能で実現できます。
11. タイマー・ストップウォッチ
【指示文例】
“`
ポモドーロタイマーを作って。
25分の作業時間と5分の休憩時間を交互に繰り返し。
大きな数字で残り時間を表示、開始・停止・リセットボタン。
時間が来たら音と通知でお知らせ。
何セット完了したかのカウンター表示。
背景色でモード（作業中/休憩中）が分かるように。
“`
おすすめ理由：生産性向上ツールとして多くの人に使われます。
💡 API不要：タイマー機能はJavaScriptのsetIntervalで実現できます。
📝 情報管理系（日常で使える）
毎日の生活で実際に使えるアプリたち。
12. ToDoリスト
【指示文例】
“`
ToDoリストアプリを作って。
タスクを入力して追加、チェックボックスで完了マーク。
完了したタスクは薄いグレーで表示。
タスクの削除、編集機能も追加。
「今日」「明日」「今週」のカテゴリ分け。
ローカルストレージで保存して、再訪問時に復元。
“`
おすすめ理由：プログラミングの基本が全て学べます。
💡 API不要：データ保存はブラウザのローカルストレージを使用。
13. 家計簿アプリ
【指示文例】
“`
シンプルな家計簿アプリを作って。
収入・支出を入力（金額、カテゴリ、メモ）。
カテゴリは「食費」「交通費」「娯楽」など設定可能。
月ごとの合計表示と、カテゴリ別の円グラフ。
過去の履歴一覧表示と検索機能。
データはローカルストレージに保存。
“`
おすすめ理由：実用性が高く、データ処理の練習になります。
💡 API不要：計算機能はブラウザ内で完結。グラフ表示はChart.jsなどのライブラリで実現。
14. 日記アプリ
【指示文例】
“`
日記アプリを作って。
日付を選択して、その日の日記を入力・保存。
過去の日記を日付で検索・閲覧可能。
「今日の気分」を5段階で記録（絵文字で表示）。
文字数カウンター付きのテキストエリア。
カレンダー表示で、日記を書いた日をマーク表示。
“`
おすすめ理由：継続して使うアプリの設計が学べます。
💡 API不要：日記データはブラウザのローカルストレージで管理できます。
15. パスワード強度チェッカー
【指示文例】
“`
パスワード強度チェッカーを作って。
パスワードを入力すると、リアルタイムで強度を判定。
「弱い」「普通」「強い」「非常に強い」の4段階評価。
文字数、大文字小文字、数字、記号の使用状況を表示。
改善提案（「数字を追加してください」など）も表示。
ランダムパスワード生成機能も追加。
“`
おすすめ理由：セキュリティ意識の高いユーザーに喜ばれます。
💡 API不要：パスワード強度判定は正規表現や文字数チェックで実現。
🎨 クリエイティブ系（見栄えが良い）
視覚的に美しく、ポートフォリオに映えるアプリ。
16. グラデーション生成ツール
【指示文例】
“`
CSS グラデーション生成ツールを作って。
2色を選択してグラデーションをプレビュー表示。
角度も調整可能（0度から360度のスライダー）。
生成されたCSSコードを表示・コピー機能。
「ランダムグラデーション」ボタンで美しい組み合わせを提案。
過去に作ったグラデーションの保存機能も追加。
“`
おすすめ理由：ウェブデザイナーに需要があり、見た目も美しいです。
💡 API不要：CSSグラデーションはブラウザ標準機能です。
17. ロゴメーカー
【指示文例】
“`
シンプルなロゴメーカーを作って。
テキストを入力、フォント選択（5種類程度）。
文字色、背景色、文字サイズを調整可能。
アイコン（丸、四角、星など）を文字の横に配置オプション。
完成したロゴをPNG形式でダウンロード。
プレビューをリアルタイムで表示。
“`
おすすめ理由：個人事業主やスタートアップに需要があります。
🚀 簡単AI連携：ロゴ改善の提案にOpenAI APIを使うことも可能ですが、基本機能はAPI不要。
18. アイコンジェネレーター
【指示文例】
“`
アイコンジェネレーターを作って。
1-2文字のテキストまたは絵文字を入力。
背景色と文字色を選択、円形・角丸四角形・正方形を選択。
サイズ調整（32px, 64px, 128px, 256px）。
生成したアイコンをPNG形式でダウンロード。
ランダム色組み合わせ提案機能も追加。
“`
おすすめ理由：アプリ開発者やブロガーに重宝されます。
💡 API不要：このアプリはHTMLのCanvasとJavaScriptだけで作れるので、外部APIは必要ありません。
📊 データ・計算系（実用的）
計算や変換などの実用的な機能。
19. BMI計算機
【指示文例】
“`
BMI計算機を作って。
身長（cm）と体重（kg）を入力してBMI値を計算。
結果を「痩せ型」「標準」「肥満」で分類表示。
BMI値に応じた健康アドバイスも表示。
過去の記録をグラフで表示（日付別）。
目標体重を設定して、必要な減量・増量を計算。
“`
おすすめ理由：健康意識の高い人に長期利用されます。
💡 API不要：BMI計算は簡単な数学公式。グラフはChart.jsで実現。
20. 単位変換ツール
【指示文例】
“`
単位変換ツールを作って。
長さ（m, cm, inch, feet）、重さ（kg, g, pound）、温度（℃, ℉）。
数値を入力すると、リアルタイムで他の単位に変換表示。
よく使う変換をお気に入り登録機能。
履歴表示で過去の変換を確認。
タブで単位カテゴリを切り替え。
“`
おすすめ理由：国際的に需要があり、SEOでも上位を狙えます。
💡 API不要：単位変換は数学的な計算のみ。
21. 割り勘計算機
【指示文例】
“`
割り勘計算機を作って。
総額と人数を入力して、一人当たりの金額を計算。
端数処理（切り上げ・切り下げ・四捨五入）を選択可能。
チップ（5%, 10%, 15%, 20%）の追加計算。
「幹事が多めに払う」オプションで調整機能。
計算結果をLINEやメールで共有する機能。
“`
おすすめ理由：飲み会や旅行で頻繁に使われます。
💡 API不要：割り勘計算は簡単な算数。LINEシェアはURLスキームで実現。
🌐 コミュニティ系（バズりやすい）
人とのつながりを生むソーシャル系アプリ。
22. 匿名掲示板
【指示文例】
“`
シンプルな匿名掲示板を作って。
投稿機能（タイトル、本文、匿名ニックネーム）。
投稿一覧表示（新しい順、人気順で並び替え）。
各投稿へのいいね機能とコメント機能。
不適切投稿の報告機能。
投稿時間の表示（相対時間で「3時間前」など）。
“`
おすすめ理由：コミュニティが育てば大きく成長する可能性があります。
🚀 データベース必要：本格運用にはFirebaseやSupabaseでデータ保存。簡単版はローカルストレージでもOK。
23. 投票アプリ
【指示文例】
“`
投票アプリを作って。
質問と選択肢（最大10個）を設定して投票を作成。
誰でも投票に参加可能、結果をリアルタイム表示。
投票結果を円グラフと棒グラフで可視化。
投票URLを共有して他の人を招待。
投票期限設定と、期限後の結果固定機能。
“`
おすすめ理由：グループの意思決定に使われ、シェアされやすいです。
🚀 データベース必要：投票データの保存にFirebase Firestoreなどが必要。リアルタイム更新も可能。
24. レビューサイト
【指示文例】
“`
商品レビューサイトを作って。
商品名、画像URL、説明を登録。
5段階の星評価とコメントでレビュー投稿。
レビュー一覧表示、平均評価の計算・表示。
レビューの検索機能（商品名、評価で絞り込み）。
「役に立った」ボタンでレビューの有用性を評価。
“`
おすすめ理由：アフィリエイトと組み合わせて収益化できます。
🚀 データベース必要：レビューデータの管理にデータベースが必要。商品情報取得にAmazon APIも有効。
🎯 特定用途系（ニッチ需要）
特定の場面で大活躍するアプリたち。
25. 席替えツール
【指示文例】
“`
席替えツールを作って。
生徒の名前リストを入力（CSV対応）。
教室のレイアウト（4×6、5×7など）を設定。
「席替え実行」でランダムに座席配置。
特定の生徒を隣に座らせない設定も可能。
配置結果を印刷用PDFでダウンロード。
“`
おすすめ理由：先生に喜ばれ、教育関係者に広まりやすいです。
💡 API不要：ランダム配置アルゴリズムとPDF生成ライブラリで実現可能。
26. 抽選アプリ
【指示文例】
“`
抽選アプリを作って。
参加者リストを入力（手動入力・CSV対応）。
当選者数を設定して「抽選開始」ボタン。
ルーレット風のアニメーション付きで当選者発表。
抽選結果の履歴保存と、結果シェア機能。
重複当選の禁止オプション。
“`
おすすめ理由：イベントや景品抽選で実用的です。
💡 API不要：ランダム抽選アルゴリズムとアニメーションで実現。
27. 献立提案アプリ
【指示文例】
“`
献立提案アプリを作って。
料理データベース（和食、洋食、中華など30品程度）。
「今日の献立」ボタンでランダムに3品（主菜、副菜、汁物）提案。
嫌いな食材を設定して、それを含む料理は除外。
提案された献立の材料リストを自動生成。
献立履歴を保存して、同じ献立の重複を避ける。
“`
おすすめ理由：主婦層に喜ばれ、料理サイトとの連携も可能です。
🚀 AI連携がおすすめ：ランダム提案に加え、OpenAI APIで「冷蔵庫の材料で作れる料理」提案も可能。
28. 読書記録アプリ
【指示文例】
“`
読書記録アプリを作って。
本の情報（タイトル、著者、ジャンル、ページ数）を登録。
読書状況（未読、読書中、読了）を管理。
各本に感想・メモを記録、5段階評価機能。
読書統計（月別読了冊数、ジャンル別統計）をグラフ表示。
「次に読みたい本」ウィッシュリスト機能も追加。
“`
おすすめ理由：読書家コミュニティで重宝され、長期利用されます。
🚀 API連携が便利：本の情報取得にはGoogle Books APIや楽天ブックスAPIが有効。手動入力でも十分使えます。
💡 レベル別おすすめガイド
🌟 超初心者（最初の1-3個）
1. リンクまとめサイト – すぐ使える
2. じゃんけんゲーム – 基本を学べる
3. おみくじアプリ – 楽しく作れる
⭐ 初心者（慣れてきたら）
4. QRコード生成ツール – 実用的
5. 文字数カウンター – シンプル
6. ToDoリスト – 定番アプリ
🚀 中級者（収益化を狙うなら）
7. 家計簿アプリ – データ処理学習
8. 投票アプリ – ソーシャル機能
9. レビューサイト – アフィリエイト連携
🎯 成功のコツ
1. 小さく始めて、段階的に機能追加
最初は基本機能だけ実装。
動いたら少しずつ機能を追加していきましょう。
2. まず自分が使いたいものを選ぶ
自分が実際に使うアプリなら、改善点も見つけやすく、モチベーションも続きます。
3. 完璧を求めず、60点で公開
完璧を待たず、基本機能が動いたら公開。
ユーザーフィードバックで改善していきましょう。
4. 実際の需要を考える
自分や友人が本当に使いそうなものを選ぶと、継続して開発する意欲が湧きます。
5. API使用の判断基準
記事中で示した通り、多くのアプリは外部APIなしで作れます：
💡 API不要で始められる：
– 計算系（BMI、単位変換、割り勘）
– ゲーム系（じゃんけん、ビンゴ）
– ツール系（QRコード、文字数カウンター）
– 管理系（Todo、日記、家計簿）
🚀 APIがあると便利：
– 診断アプリ（OpenAI APIでより自然な結果）
– 献立提案（レシピ情報の自動取得）
– 読書記録（書籍情報の自動取得）
最初はAPI不要のアプリから始めて、慣れてからAPI連携に挑戦することをおすすめします。
まとめ：今すぐ始めよう
28のアイデアを紹介しました。
どれも実際に使える、価値のあるアプリばかりです。
重要なのは、今すぐ始めること。
完璧なアイデアを探すより、とりあえず1つ作ってみる。
そこから学び、次のアプリへ。
気になったアイデアがあったら、指示文をコピペしてAIに投げてみてください。
きっと、思っているより簡単に動くものができるはずです。
実践的なテクニックと最新情報を知りたい方は、ぼくのメルマガをどうぞ。
メルマガ登録はこちら（無料）
仲間と一緒にアプリを作りたい方はVibe Codingサロンへ。
4,980円の買い切りで、みんなで切磋琢磨できます。
さあ、最初の一歩を踏み出しましょう！
コメント