# コード書けない自分がAIでChrome拡張を6つ作った開発フロー

はじめに

自分はコードがほとんど書けません。

でも、AIを使って1週間で6つのChrome拡張機能を作りました。簡易的なものなら1時間で1個作れるペースです。

この記事では、プログラミング初心者がAIを活用してChrome拡張を開発する具体的なフローを紹介します。

---

作ったもの

拡張機能	概要	開発時間
YouTube Shorts Killer	Shortsを非表示	約1時間
X Detox	Xのノイズを消す	約2時間
PromptStash	プロンプト管理	約3時間
DataPick	ノーコードスクレイピング	約1日
楽天セラーズ・アナリティクス	せどり分析	約2日
Arbitra	価格比較	開発中

---

使っているツール

ツール	用途	課金状況
Claude	設計、仕様決め、指示書作成	有料版
ChatGPT	リサーチ、別視点の確認	無料版
Gemini	リサーチ	無料版
Claude Code	実装	-
Cursor	実装、デバッグ	-

ポイントはClaudeだけ有料版にしていること。設計と指示書作成が一番重要なので、ここに投資しています。

---

開発フロー

全体の流れ

① AIでリサーチ（収益化できそうなアプリを探す）
    ↓
② Claudeで内容をまとめてランキング形式にする
    ↓
③ 1位から開発開始
    ↓
④ Claudeで開発の指示書を作成
    ↓
⑤ Claude Code に投げる
    ↓
⑥ 完成

① リサーチ

Claude、ChatGPT、Geminiの3つを使ってリサーチします。

AIによってリサーチ結果が結構違うので、複数使うのがおすすめ。

プロンプト例：
「Chrome拡張機能で収益化できそうなアイデアを10個出して。
 競合が少なく、個人開発で作れる規模感のもの」

② ランキング化

リサーチ結果をClaudeに渡して、ランキング形式にまとめてもらいます。

プロンプト例：
「以下のアイデアを、収益性・開発難易度・競合状況を考慮して
 ランキング形式にまとめて」

③ 指示書作成

開発するアプリが決まったら、Claudeに指示書を作ってもらいます。

プロンプト例：
「○○というChrome拡張を作りたい。
 以下を含む開発指示書を作成して：
 - ファイル構成
 - 各ファイルの役割
 - 実装手順
 - manifest.jsonの内容」

④ 実装

指示書をClaude Codeに渡して、実装してもらいます。

自分が書くより、AIに任せた方が確実に質が高い。そして圧倒的に早い。

⑤ デバッグ

動かない場合はエラーをそのままClaudeに貼って相談。

プロンプト例：
「以下のエラーが出ています。原因と解決方法を教えて：
 [エラーメッセージをコピペ]」

---

初心者が覚えるべきこと

AIを使った個人開発で、コードを書く技術は正直いらない。

覚えるべきは 「何ができるのか」 を知ること。

知っておくと便利な概念

用語	意味	使いどころ
MCP	AIに他サービスの操作をさせる仕組み	Claude Desktopとの連携
API	サービス同士を連携させる窓口	データ取得、外部連携
Webhook	イベントをトリガーに自動処理	GitHub Release検知など

「こういうことができるらしい」と知っているだけで、開発の幅がまったく違ってくる。

---

AIへの向き合い方

基本スタンス

• 分からないことは全部AIに聞く
• おすすめに素直に乗っかる
• 慣れてくると疑問も出てくる → また質問する

この繰り返しで十分やっていける。

複数AIの使い分け

AI	得意なこと
Claude	設計、長文の指示書、コード生成
ChatGPT	アイデア出し、一般的な質問
Gemini	最新情報のリサーチ

注意点

AIを複数同時に動かしたりもしていますが、PCスペック次第では普通に落ちます。

---

収益化：ExtensionPay

Chrome拡張の収益化にはExtensionPayを使っています。

選んだ理由

• Stripe連携が簡単
• 買い切り / サブスク両対応
• 実装が数行で済む

価格設定

モデル	価格帯	狙い
無料	$0	認知拡大、実績作り
買い切り	$9-29	衝動買い狙い
サブスク	¥1,980/月	継続収益

---

まとめ

• コード書けなくてもAIで開発できる
• 重要なのは「指示の出し方」
• 複数AIを使い分けるとリサーチの質が上がる
• ExtensionPayで収益化も簡単

次の記事では、マーケティング自動化について書きます。

---