- 投稿日:2026/03/28
- 更新日:2026/03/29
はじめに
こんにちは!名古屋で活動している“ぬこ。”です。🐈️
今回は、Claude Codeで「コピペするだけで使える」おすすめプロンプトを20個厳選してまとめました。
Claude Codeは、ターミナル上で動くAIコーディングアシスタントです。
「プログラミングできないと使えないんでしょ?」と思うかもしれませんが、実はプロンプト(指示文)の書き方次第で、初心者でもWebサイトやアプリが作れたり、面倒な作業を自動化できたりとても便利です。
この記事のプロンプトは、[ ] の中を自分の内容に書き換えるだけでOKです。
難易度も載せているので、まずは★☆☆のかんたんなものから試してみてくださいね。
難易度
★☆☆
プログラミング経験なしでもOK
★★☆
基本的なWeb知識があると理解しやすい
★★★
ある程度の技術知識があると応用が利く
Web制作・アプリ開発(#1~#5)
副業やフリーランスの第一歩に直結するプロンプトです。LP、ポートフォリオ、予約アプリなど、実務で使えるものばかりを集めました。
1. ランディングページ(LP)を一発で作る
Web制作 | 難易度:★☆☆
商品やサービスの紹介ページをHTML1ファイルで生成します。レスポンシブ対応+問い合わせフォーム付き。副業の第一歩に最適です。
コピペ用プロンプト以下の要件でランディングページをHTML1ファイルで作成してください。
【サービス名】[あなたのサービス名]
【ターゲット】[想定する顧客層]
【キャッチコピー】[メインのキャッチコピー]
【サービスの特徴】
1. [特徴1]
2. [特徴2]
3. [特徴3]
【料金】[料金プラン]
【CTA】[「無料相談はこちら」など]
技術要件:
- HTML + Tailwind CSS(CDN)で1ファイルに収める
- スマホ対応(レスポンシブ)
- ヒーロー、特徴、料金、お客様の声、FAQ、CTAの各セクション
- スムーズスクロール、フェードインアニメーション
- OGPメタタグ付き
POINT 生成後はNetlifyやVercelで無料公開できます。[ ] を書き換えるだけで自分のビジネス用LPが完成!
2. ポートフォリオサイトを作る
Web制作 | 難易度:★☆☆
自分のスキルや実績を紹介するサイトを生成。就活・転職・フリーランス営業にそのまま使えます。
コピペ用プロンプトフリーランス[職種名]のポートフォリオサイトをHTML + CSS + JSで作成してください。
【名前】[あなたの名前]
【職種】[Webデザイナー/エンジニア/ライター等]
【自己紹介】[100文字程度の自己紹介]
【スキル】[スキル1, スキル2, スキル3...]
【実績】
- [実績1: タイトルと説明]
- [実績2: タイトルと説明]
- [実績3: タイトルと説明]
要件:
- モダンでクリーンなデザイン(ダークモード切替あり)
- ヒーロー、About、スキルバー、実績ギャラリー、お問い合わせ
- スクロールアニメーション
- Tailwind CSS使用、1ファイルで完結
POINT 実績画像はプレースホルダーで生成されるので、後から自分の画像に差し替えるだけでOKです。
3. 予約管理アプリを作る
アプリ開発 | 難易度:★★☆
小規模なお店やサービスの予約管理アプリ。カレンダーUI、予約フォーム、一覧管理機能付きです。
コピペ用プロンプト小規模[業種名]向けの予約管理Webアプリを作成してください。
要件:
- Next.js(App Router)+ TypeScript + Tailwind CSS
- カレンダーUI(月表示、予約済み日がひと目で分かる)
- 予約フォーム(名前、電話番号、日時、メニュー選択)
- 予約一覧画面(日別・週別表示)
- ローカルストレージでデータ保存
メニュー例:
- [メニュー1]([所要時間]分・[料金]円)
- [メニュー2]([所要時間]分・[料金]円)
営業時間:[10:00~20:00] / 定休日:[水曜日]
npm run devで動作確認してください。
POINT まずはローカルで動く状態を作り、後からSupabase等のDB連携を追加する段階的な開発がおすすめです。
4. ブログサイトを構築する
Web制作 | 難易度:★★☆
Markdownで記事を書けるブログサイト。SEO対策、目次自動生成、ダークモード対応。Vercelで無料公開できます。
コピペ用プロンプト個人ブログサイトをNext.js + TypeScriptで作成してください。
【ブログ名】[あなたのブログ名]
【テーマカラー】[好みの色]
【カテゴリ】[カテゴリ1, カテゴリ2, カテゴリ3]
要件:
- Markdownファイルで記事管理(/posts ディレクトリ)
- トップページ:最新記事一覧、カテゴリ別表示
- 記事ページ:目次自動生成、前後記事ナビ、SNSシェアボタン
- SEO対策:メタタグ、OGP、sitemap.xml自動生成
- ダークモード対応
- サンプル記事を3本含める
npm run buildが通ることを確認してください。
POINT サンプル記事を参考に自分の記事を追加していくだけで運用開始できます。
5. ECサイトのフロントエンドを作る
アプリ開発 | 難易度:★★★
商品一覧、カート機能、チェックアウト画面を備えたECフロントエンド。自社商品販売の基盤になります。
コピペ用プロンプト[商品ジャンル]のECサイトのフロントエンドをNext.js + TypeScriptで構築してください。
【ショップ名】[ショップ名]
【商品カテゴリ】[カテゴリ1, カテゴリ2]
【サンプル商品】10点程度のダミーデータを作成
機能要件:
- 商品一覧(グリッド表示、カテゴリフィルタ、価格ソート)
- 商品詳細(画像ギャラリー、サイズ選択、数量選択)
- カート(追加/削除/数量変更、合計表示)
- チェックアウト画面
- お気に入り機能
- Zustandで状態管理
npm run devで全画面の遷移が動作することを確認してください。
POINT 決済機能(Stripe等)は後から追加可能。まずは見た目と操作感を固めましょう。
- - - - - - - - - -
業務効率化・自動化(#6~#10)
毎日の手作業を自動化するプロンプトです。データ整形、請求書、議事録など、すぐに時間短縮を実感できます。
6. CSV/Excelデータを自動整形する
業務効率化 | 難易度:★☆☆
バラバラなデータを統一フォーマットに自動変換。重複削除、日付統一、空白チェックまで一括処理します。
コピペ用プロンプト添付のCSVファイル(または以下のデータ)を整形してください。
[ここにデータを貼り付け、またはファイルパスを指定]
やりたいこと:
- 列名を日本語に統一([例:name→名前、email→メール])
- 電話番号のフォーマットを統一(ハイフン付き)
- 日付を YYYY/MM/DD 形式に統一
- 重複行を削除
- 空白セルがある行をリストアップ
- 結果をCSVとExcel(.xlsx)の両方で出力
処理内容をステップごとに説明しながら実行してください。
POINT 定期的な作業ならPythonスクリプトとして保存しておくと、次回からワンコマンドで完了します。
7. 請求書PDFを自動生成する
業務効率化 | 難易度:★☆☆
フリーランスや副業で毎月使える請求書テンプレート。品目と金額を変えるだけで何枚でも作れます。
コピペ用プロンプト以下の情報で請求書PDFを作成してください。
【請求元】
屋号:[あなたの屋号] / 住所:[住所] / 電話:[電話番号]
振込先:[銀行名 支店名 口座種別 口座番号 名義]
【請求先】[会社名] [担当者名]
【請求内容】
請求書番号:[INV-2026-001] / 発行日:[2026年3月28日] / 支払期限:[2026年4月30日]
品目:
1. [品目名] / 数量[1] / 単価[50,000円]
2. [品目名] / 数量[1] / 単価[30,000円]
消費税率:10%
見た目:A4縦、ビジネスにふさわしいクリーンなデザイン。小計・消費税・合計を自動計算。
POINT テンプレートとして保存しておけば、毎月の請求書作成が数分で終わります。
8. 議事録を構造化してまとめる
業務効率化 | 難易度:★☆☆
会議メモや文字起こしから、決定事項・アクションアイテムを自動抽出して整理します。
コピペ用プロンプト以下の会議メモから、構造化された議事録を作成してください。
[ここに会議メモや文字起こしテキストを貼り付け]
出力フォーマット:
- 会議名、日時、参加者
- アジェンダ(議題一覧)
- 各議題の要約(発言のポイントを箇条書き)
- 決定事項(番号付き)
- アクションアイテム(担当者・期限付き)
- 次回会議の予定
出力形式:Markdown。簡潔かつ正確に。
POINT 文字起こしツール(Whisper等)と組み合わせると、録音→議事録まで全自動にできます。
9. シェルスクリプトで定型作業を自動化
自動化 | 難易度:★★☆
ファイル整理やバックアップなど、毎日やっている手作業をワンコマンドで自動化します。
コピペ用プロンプト以下の定型作業を自動化するシェルスクリプトを作成してください。
【やりたいこと】
[例:毎日18時にデスクトップのスクリーンショット(.png)を日付別フォルダに自動整理する]
要件:
- macOS / Linux で動作
- 実行前に処理内容を表示して確認を求める
- ログファイルに実行履歴を記録
- エラー時は分かりやすいメッセージを表示
- cronで定期実行する設定方法もコメントで記載
スクリプトの各行にコメントで説明を入れてください。
POINT 「やりたいこと」を自分の作業に書き換えるだけ。まずは手動実行で確認してからcron設定しましょう。
10. Pythonでスクレイピングツールを作る
自動化 | 難易度:★★☆
Webサイトから情報を自動収集。価格調査や競合分析を効率化します。
コピペ用プロンプト[対象サイトの説明]から情報を自動収集するPythonスクリプトを作成してください。
【収集したい情報】
- [項目1:例:商品名]
- [項目2:例:価格]
- [項目3:例:レビュー数]
要件:
- requests + BeautifulSoup(または必要に応じてPlaywright)
- CSV + JSONで保存
- リクエスト間隔1秒以上(サーバー負荷対策)
- エラーハンドリング
- 進捗表示
実行方法とpip installコマンドも記載してください。
POINT スクレイピングは対象サイトの利用規約を必ず確認。APIがある場合はAPIを使う方がベターです。
- - - - - - - - - -
データ分析・可視化(#11~#14)
CSVを渡すだけで分析+グラフ+レポートまで自動生成。経営判断や報告資料の作成がぐっとラクになります。
11. 売上データを分析してレポート化
データ分析 | 難易度:★☆☆
売上CSVを読み込んで、トレンド分析、カテゴリ別集計、ランキングまで自動で出力します。
コピペ用プロンプト添付の売上データを分析して、レポートを作成してください。
[ファイルパスを指定、またはサンプルデータを貼り付け]
分析内容:
- 月別売上トレンド(折れ線グラフ)
- カテゴリ別売上構成比(円グラフ)
- 前月比・前年比の成長率
- 売上上位10商品ランキング
- 曜日別・時間帯別の傾向
出力:Pythonスクリプト + 分析サマリー(Markdown)+ グラフ画像
経営者にも分かる平易な言葉で解説してください。
POINT ダミーデータがない場合は「テスト用の売上データも作成して」と追加すると自動で生成してくれます。
12. アンケート結果を集計・可視化する
データ分析 | 難易度:★☆☆
Googleフォームの回答CSVをグラフ化。クロス集計やワードクラウドも生成します。
コピペ用プロンプト以下のアンケートデータを集計・可視化してください。
[CSVを貼り付け、またはファイルパスを指定]
分析内容:
- 各質問の回答分布(棒グラフ・円グラフ)
- クロス集計([例:年代×満足度])
- 自由回答のワードクラウド
- 全体サマリー(主要な傾向を3~5つ)
出力形式:HTMLレポート(グラフ埋め込み)+ 主要グラフPNG
POINT Googleフォームの回答は「スプレッドシート」→「ファイル」→「ダウンロード」→「CSV」で取得できます。
13. KPIダッシュボードを作る
データ可視化 | 難易度:★★☆
ビジネスの主要指標をリアルタイムで確認できるダッシュボード。Reactコンポーネントとして生成します。
コピペ用プロンプト[ビジネスの種類]のKPIダッシュボードをReact + Tailwind CSSで作成してください。
表示する指標:
- [指標1:例:月間売上]
- [指標2:例:新規顧客数]
- [指標3:例:顧客単価]
- [指標4:例:リピート率]
要件:
- KPIカード(数値 + 前期比の増減表示)
- 折れ線グラフ(Recharts使用)
- 日付範囲フィルター
- ダミーデータ付き
- ダークモード対応、レスポンシブ
- 1ファイル(JSX)で完結
POINT 指標名を自分のビジネスに変えるだけ。後からAPIを接続すればリアルデータに切り替えられます。
14. Google Analyticsデータを分析する
データ分析 | 難易度:★★☆
GA4のCSVから人気ページ、流入元、直帰率を分析。具体的な改善提案付きで出力します。
コピペ用プロンプト添付のGoogle Analyticsデータ(CSV)を分析してください。
[ファイルパスを指定]
分析内容:
- PV数トップ20ページ
- 流入元の内訳(オーガニック/SNS/直接/リファラル)
- デバイス別アクセス割合
- 直帰率の高いページ上位10
- 前月比較
出力:分析サマリー(Markdown)+ 改善提案5つ + グラフ(PNG)
Web担当者が上司に報告できるレベルの文章で書いてください。
POINT GA4の「探索」→「自由形式」からCSVエクスポートが可能。レポート期間は過去3ヶ月以上がおすすめです。
- - - - - - - - - -
ドキュメント・コンテンツ作成(#15~#17)
提案書、README、SEOリライトなど、ビジネス文書やコンテンツを効率的に作成するプロンプトです。
15. 提案書・企画書を作成する
ドキュメント | 難易度:★☆☆
エグゼクティブサマリーからリスク対策まで、説得力のある提案書を自動で構成します。
コピペ用プロンプト以下の内容で提案書を作成してください。
【提案タイトル】[タイトル]
【提案先】[会社名・部署名]
【背景・課題】[現状の課題を3つ程度]
【提案内容】[解決策の概要]
【期待される効果】[数値目標]
【スケジュール】[マイルストーン]
【予算】[概算]
構成:エグゼクティブサマリー → 課題分析 → 提案詳細 → スケジュール → 効果とKPI → 投資対効果 → リスクと対策 → 次のステップ
出力:Markdown。ビジネス文書として適切なトーンで。
POINT 「これをPowerPointに変換して」と追加指示すれば、プレゼン資料にもなります。
16. READMEを自動生成する
ドキュメント | 難易度:★☆☆
プロジェクトのソースコードを読んで、GitHubに公開するためのREADMEを自動作成します。
コピペ用プロンプトこのプロジェクトのREADME.mdを作成してください。
ソースコードを読んで、以下の構成で生成:
1. プロジェクト名とバッジ
2. 概要(3行以内)
3. 主な機能(箇条書き)
4. 技術スタック
5. セットアップ手順(git clone~npm run dev)
6. 環境変数の設定
7. ディレクトリ構成(ツリー形式)
8. 使い方
9. ライセンス
GitHub上で見やすいMarkdown記法で書いてください。
POINT プロジェクトのルートディレクトリで実行すると、コードを読んで正確な内容を生成してくれます。
17. ブログ記事のSEO改善版を作る
コンテンツ | 難易度:★☆☆
既存のブログ記事をSEO観点でリライト。タイトル、見出し構成、メタディスクリプションを最適化します。
コピペ用プロンプト以下のブログ記事をSEO改善してリライトしてください。
【元記事】
[記事本文を貼り付け]
【狙いたいキーワード】[メイン, サブ1, サブ2]
改善ポイント:
- タイトルタグ(32文字以内、キーワード含む)
- メタディスクリプション(120文字以内)
- H2/H3の見出し構成
- 冒頭文(検索意図に即答)
- 内部リンク用アンカーテキスト提案(3つ)
注意:元の文体を維持。キーワードの不自然な詰め込みは避けて。
出力:Markdown(変更箇所にコメントで理由を記載)
POINT Search Consoleで「表示回数が多いのにCTRが低い記事」を優先的にリライトすると効果大です。
- - - - - - - - - -
学習・デバッグ(#18~#20)
コードレビュー、エラー解決、対話型学習。スキルアップに使えるプロンプトです。
18. コードレビューしてもらう
学習 | 難易度:★☆☆
自分が書いたコードをバグ・セキュリティ・パフォーマンス・可読性の4観点で診断してもらえます。
コピペ用プロンプト以下のコードをレビューしてください。
[コードを貼り付け、またはファイルパスを指定]
レビュー観点:
1. バグ・ロジックエラー
2. セキュリティリスク
3. パフォーマンス改善の余地
4. 可読性・命名規則
各指摘には以下を含めて:
- 該当箇所(行番号)
- 問題の内容と理由(初心者にも分かる説明)
- 修正案(コード付き)
最後に全体の評価(A~Dランク)と総評をお願いします。
POINT ファイルを直接指定する場合は @src/app/page.tsx のようにパスを書けば自動で読み取ってくれます。
19. エラーを解決してもらう
デバッグ | 難易度:★☆☆
エラーメッセージを貼るだけで原因と解決手順を教えてもらえます。Stack Overflowを探す時間がゼロに。
コピペ用プロンプト以下のエラーが発生しています。原因と解決策を教えてください。
【エラーメッセージ】
[エラーメッセージをそのまま貼り付け]
【状況】
- 何をしようとしていたか:[操作内容]
- 環境:[OS、Node.jsバージョン等]
- 直前に変更した内容:[あれば]
以下の形式で回答:
1. エラーの原因(初心者にも分かる説明)
2. 解決手順(ステップバイステップ)
3. 同じエラーを防ぐためのTips
4. 修正後の確認方法
POINT エラーは省略せず全文を貼るのがコツ。「このプロジェクトのエラーを直して」で自動修正もできます。
20. プログラミングを対話形式で学ぶ
学習 | 難易度:★☆☆
学びたい概念を、自分のレベルに合わせた対話形式で教えてもらえます。コードを書きながら理解が深まります。
コピペ用プロンプト[学びたい概念/技術名]について、初心者向けに教えてください。
私のレベル:[プログラミング歴○ヶ月 / 完全初心者 等]
学習スタイル:
1. 「それは何か」を日常の例えで説明
2. 最小限のコード例(10行以内)
3. 1行ずつ解説
4. 少しずつ機能を追加
5. よくある間違い・つまづきポイント3つ
6. 練習問題2つ(解答付き)
7. 「次に学ぶべきこと」を提案
専門用語には必ず日本語の補足を入れてください。
POINT 「ReactのuseState」「APIの仕組み」「Gitの基本」など何でもOK。実際にコードを動かしながら学ぶと定着します。
- - - - - - - - - -
まとめ
ここまで20個のプロンプトを紹介してきましたが、全部を一度に使う必要はありません。今の自分に一番必要なプロンプトを1つだけ選んで、[ ] の中を書き換えて、試してみてください。それだけで「Claude Codeってこんなに便利なんだ」と実感できるはずです。
効果的なプロンプトを書く5つのコツ
1. 具体的に書く
「いい感じのサイトを作って」ではなく「Tailwind CSSでレスポンシブ対応のLPを作って」と書く。具体的であるほど、出力の品質が上がります。
2. 要件を箇条書きにする
必要な機能、デザインの希望、使う技術を箇条書きで並べましょう。情報が整理されているとAIも正確に理解してくれます。
3. 出力形式を指定する
「Markdownで」「HTMLで」「Pythonスクリプトで」など、何で出力してほしいかを明記すると、期待通りの形式で返ってきます。
4. 動作確認を指示に含める
「npm run devで動作確認してください」と一言添えると、Claude Codeが自分でテストして、エラーがあれば修正までしてくれます。
5. 段階的に発展させる
いきなり完璧を求めず、まずシンプルなMVP(最小限の動くもの)を作る。そこから「○○機能を追加して」と段階的に育てていく方がうまくいきます。
おわりに
この記事が、あなたのClaude Code活用の第一歩になれば幸いです🌸
まずは1つ、今日試して是非実践してみてくださいね💪✨️
最後まで御覧いただきありがとうございました!!