【vibe coding入門】コードが書けない人がClaudeでアプリを作る6ステップ。週末で内製化できる時代になった

あの「諦めた業務ツール」、もう自分で作れます

「顧客管理ツール、自分用に作りたいんですよね」

3年前、知り合いの開発会社に相談したとき、返ってきた答えは「だいたい50万円〜、納期は3ヶ月、仕様変更は別料金です」でした。Excelで何とか管理してる業務、kintone入れるほどでもない案件管理、確定申告に向けた経費メモ。フリーランスや小さな会社が「これがあったらラクになるのに」と思ってきたツールって、だいたいここで諦めてきましたよね。

僕も「結局Excelでいいか」って何回引き返したかわかりません。

その「諦めてた話」が、2026年の今、まるっきり変わっています。

先週、僕のまわりの士業のフリーランス（ご本人いわく「Excelは使えるけど、コードは1行も書けないし読めない」）が、土曜日の午後だけで「クライアントごとの案件と請求ステータスが一覧できる管理ツール」を自分で作ってしまいました。コードは1行も書いていません。ぜんぶClaudeに日本語で「こういうの欲しい」って言っただけ。3年前なら50万円のやつ。今は月3,000円のClaudeで、週末1日。

ぶっちゃけ2年前なら笑い話でした。でも今は事実です。

海外のデータで言うと、GitHubの調査では米国の開発者の92%がすでにAIコーディングツール（Claudeなどを使った開発支援AI）を業務で使っていて、調査会社のGartnerは「2026年末までに新規コードの60%がAI生成になる」と予測しています。エンジニアの世界はもうAIなしには動いていません。そしてこの流れを動かしているのは、もうエンジニアだけじゃないんです。デザイナー、起業家、マーケター、士業、コードエディタを開いたこともない人たち。

このnoteでは、海外でバズっていたKhairallah AL-Awady氏（@eng_khairallah1、127.5万viewのポスト）の「Claudeでアプリを作る完全ガイド」を、日本のフリーランス・中小企業オーナー・副業勢の文脈に翻訳して紹介します。

読み終わるころには、「あ、これ来週末やってみよう」と思えるはずです。

関連記事：Claude Code 派が Codex を併用するときの正解。AGENTS.md 1本で両方走らせるセットアップ全手順

そもそも「vibe coding」って何？

vibe coding（バイブコーディング）は、2025年2月にAndrej Karpathy氏（カルパシー、元テスラのAI部門ディレクターで、OpenAIの創設メンバーの1人）がX上で言い始めた言葉です。

意味はシンプルで、「コードを1行ずつ書くんじゃなくて、欲しいものを普通の言葉でAIに説明して、AIに作らせる」というやり方のこと。

僕の感覚だと、家を建てるときの違いに近いです。

これまでのプログラミングは、自分でカナヅチを持って釘を打って、木材を切って、配線を引いて……みたいな大工さんの仕事でした。プログラミング言語を覚えて、文法を暗記して、データ構造を理解して、何ヶ月もかけてやっと動くものができる。

vibe codingは、設計士に「こういう家がいいんです」と話していくスタイルです。

「リビングは南向きで、子ども部屋を2つ、書斎は北向きで小さくていい。壁の色はオフホワイト、床は無垢材で」

こう伝えると、設計士（=Claude）が図面を引いて、建てるところまでやってくれます。決めるのはあなた。レビューするのもあなた。でもカナヅチは持たなくていい。

ポイントは「楽してる」感じがしますが、ここに1つだけ落とし穴があって、伝え方がふわっとしてると、出てくるものもふわっとするんですよね。「いい感じのアプリ作って」だと、いい感じにふわっとしたアプリが出てきます。

つまり、必要なスキルは「コードを書く力」じゃなくて「やりたいことを言葉でちゃんと伝える力」に変わった、ということです。これ、フリーランスや経営者なら毎日やってるやつです。

なぜClaudeを選ぶのか：日本の小さな事業者目線で4つの理由

vibe coding系のツールはいま乱立しています。Cursor、Windsurf、Replit、Lovable、Bolt、v0……海外発のものがずらっとあって、どれを選べばいいか正直わかりません。

その中で、なぜ僕がClaudeをおすすめするか。日本のフリーランスや小さな会社のオーナー目線で、4つあります。

1. アプリの作り込みの質が頭1つ抜けている

Claudeの最新モデル Opus 4.7 は、コーディング能力を測るベンチマークで最上位クラスのスコアが出ています。「他社モデルより数値が15ポイント前後高い」みたいな世界線。

「数値が高い」って言われてもピンとこないと思うんですが、要は「最初の1発で動くものが出てくる確率が高い」「修正回数が少なくて済む」ということです。これ、土日で完成させたい人にとっては段違いに重要です。

2. 開発環境のセットアップが要らない

普通、アプリを作ろうとすると「Node.jsをインストールして、エディタを入れて、Gitを設定して……」と、最初の30分で挫折ポイントが10個くらいあります。

Claudeには Cowork mode（コーワーク・モード、パソコンのフォルダに直接ファイルを置いて作業してくれる機能）があって、ここを使うと「フォルダごとアプリ化」してくれます。「ここに保存しといて」と言うだけ。フリーランスが新しいツール導入する時にいつもぶつかる「環境構築の壁」がないんです。

なお、Cowork modeは現状Claudeのデスクトップアプリ（macOS／Windows）かつ有料プラン（Pro 月20ドル〜）専用です。最初は無料プランでブラウザ上で試して、本気でやり始めたらProに上げる、が現実的な流れです。

3. 長く覚えていてくれる

Claudeはやり取りの中で数百万字レベルの文脈を覚えていてくれます（具体的にはAPIや上位プランで最大100万トークン、Pro/無料ブラウザ版でも本数冊分は普通に保持してくれる）。

これがなぜ嬉しいかというと、土曜の午後に「経費管理アプリの第1段階」を作って、日曜の朝に続きをやろうとしたとき、最初から説明し直さなくていいんです。「昨日の続きで、カテゴリ追加して」で通じる。

途中で「あれ、なんの話してたっけ」がないので、製作期間が空いても再開がラクです。

4. 月額の心理的ハードルが低い

無料プランでも雰囲気はつかめます。ただ無料は1日に送れるメッセージ数が結構絞られているので、アプリを真面目に作ろうとするとすぐ枯渇します。実際に1本作り切るなら有料プラン（Pro 月20ドル、約3,000円）に上げるのが現実的。

それでも、3年前に50万円って言われたものが、月3,000円で1日で作れるなら、試さない手はないですよね。

6ステップで「週末アプリ」を作る完全手順

ここからが本題です。Claudeで実際にアプリを作るときの流れを、6ステップに分けて解説します。

冒頭で紹介した士業の知り合いがやったのも、ほぼこの流れです。

Step 1：作るものを「言葉で固める」

ここが一番大事です。これをすっ飛ばして触り始めると、だいたい1時間後に「なんか思ってたんと違う」となって挫折します。

紙でもメモアプリでもいいので、書き出してください。

• 何をするアプリ？ 1文で。「毎日の経費をスマホから打ち込むと、月次でカテゴリ別の合計が見られるアプリ」みたいに。「業務効率化アプリ」みたいなぼんやりした書き方はNG

• 誰が使う？ 自分だけ？社員も？お客さんも？これによって作り込みの深さが変わります

• 必須機能は3〜5個まで これ重要。最初から10個入れようとすると複雑度が爆発的に上がって完成しません。最低限の機能だけ

• 見た目の好みは？ 参考にしたいアプリのスクショを集めておく。「Notionっぽい」「家計簿アプリのZaimっぽい」とか

• どこで動かす？ ブラウザで開くWebアプリ？スマホ？こだわりがなければClaudeに任せてOK

たとえば僕が「フリーランス向け簡易請求書ツール」を作るなら、こう書きます。

ここまで言語化できれば、Claudeは8割方ちゃんとしたものを返してくれます。実際、士業の知り合いに「請求書ツール作るならどう書く？」って渡したら、ほぼコピペでこの粒度になりました。最初の言語化さえできれば、あとは流れに乗るだけです。

Step 2：最初のプロンプトを投げる

Claudeを開いて、こんな感じのテンプレで投げます。

[Step 1で書いた内容を貼る]

僕はコードを1行も書けない初心者です。
このアプリを動かすために必要なファイル一式を、
全部作って保存してください。
動かし方の手順も日本語で教えてください。

最後の「初心者です。動かし方も教えて」が地味に効きます。これを入れると、Claude側が「専門用語で説明しない」「セットアップ手順も書く」モードになるので、つまずきが減ります。

僕の知り合いの場合、ここで返ってきたのが「HTML + JavaScript（普通のWebサイトを動かす基本技術）の1ファイル構成」のシンプルなアプリでした。ブラウザでファイルを開くだけで動く。すばらしい。

Step 3：触ってみて、修正を「言葉で」伝える

最初に出てきたものは、99%「ちょっと違うところ」があります。これでいいんです。

ここからが vibe coding の本領発揮で、修正を全部「日本語で」伝えていきます。

カテゴリのプルダウンに「交際費」と「通信費」を追加して。

合計金額の表示が右端で切れてるから、もう少し左に寄せて。

スマホで開くと文字が小さすぎる。スマホ用にも見やすく直して。

画面の色を、もう少し落ち着いたグレー基調にして。

これを1個ずつ送って、Claudeに修正してもらう。返ってきたら触ってみる。気に入らなければまた修正依頼。

ここで成功する人と失敗する人の差は、**「完璧なプロンプトを1発で書こうとしない」**ことです。雑なプロンプトを20回送る方が、完璧なプロンプトを1回送るよりずっと早く完成します。

Step 4：エラーが出ても、コピペして投げ返すだけ

途中で必ずエラーが出ます。画面に英語でズラッと書いてあって、初心者が見ても何が何だか分からないやつ。

これも全然怖くなくて、こうします。

エラーメッセージを全部コピーして、Claudeに投げる。一言だけ添えて。

このエラーが出ました。直してください。
何が起きてたか、初心者にもわかる言葉で教えてください。

これでOK。Claudeが原因を特定して、修正版のコードを出して、何が悪かったかも日本語で説明してくれます。

画面が崩れてるとか、見た目のバグの場合は、スマホで画面のスクショを撮って、Claudeに送って、

今こうなっています。サイドメニューがメインの上に乗っかってて変です。
直してください。

って書けば直してくれます。Claude Opus 4.7 は画像認識の精度も上がっているので、スクショから問題箇所を特定するのが得意です。

Step 5：「いかにもAIが作りました」感を消す

vibe codingで作ったアプリは、放置すると独特の「AIが作りましたっぽい」見た目になります。フォントが微妙、色が中途半端、余白が均等じゃない、みたいな。

これを一発で改善する魔法のプロンプトがあります。

このアプリを、プロのデザイナーが作ったように整え直してください。
余白の取り方、文字の大きさのバランス、配色の統一感、
角の丸み、影の入れ方、ボタンを押したときの動きの滑らかさ、
これらを「使ってて気持ちいい」レベルまで底上げしてください。
シンプルだけど高級感がある仕上がりで。

さらに、好きなWebサービスのスクショを送って「これっぽい雰囲気にして」と頼むと、ぐっと寄せてくれます。

僕がよくやるのは「Notionのスクショ」「Linearのスクショ」「Stripeのスクショ」を送ってデザインの基準にする方法です。

Step 6：世の中に出す（=デプロイする）

ここまでで動くアプリができていますが、まだ自分のパソコンの中だけです。これを「インターネット上のどこからでも開けるURLを持ったアプリ」にしましょう。

これも自分でやり方を覚える必要はありません。Claudeに聞きます。

このアプリを、誰でもURLでアクセスできる形に公開したい。
無料で使えるサービスで、完全初心者にとって一番ラクな方法を
ステップバイステップで教えてください。

そうすると、たいていは Vercel（バーセル）か Netlify（ネットリファイ）あたりを案内されます。HTMLが1ファイルだけのシンプルなアプリなら、Netlifyの「Drop（ドロップ）」機能を使うとファイルをブラウザにドラッグするだけで公開できて、初心者には一番ハードルが低いです。

ここまでで、土曜日の朝に作り始めたものが、日曜日の夜には「URLを叩けば誰でも触れるWebアプリ」になっています。

週末で作れる、日本のフリーランス・小規模事業者向けアプリ10選

ここからは「で、何を作ればいいの？」へのアンサーです。難易度順に並べました。最初は1番から。

1. 経費メモアプリ（個人事業主全般）：確定申告に向けて、レシートを見ながら日々ポチポチ入れていく自分用のやつ。Excelで管理してるあれ

2. 習慣トラッカー（誰でも）：朝活、ランニング、読書みたいな日課のチェック表。やった日にスタンプが押せる

3. クライアント別ToDoリスト（フリーランス全般）：「A社案件・B社案件」が混ざらないように、案件ごとにタスクを管理

4. 個人ポートフォリオサイト（デザイナー／ライター／コンサル）：自己紹介・実績・連絡先がまとまった1枚もの。営業の名刺代わり

5. 見積もり計算ツール（フリーランス／受託業）：「時給×想定時間＋諸経費＋利益率」を入れたら見積金額が出るやつ。請求書PDFまで出るとかなり便利

6. 顧客台帳（コンサル／士業／小売）：お客さんの会社名・担当者・対応履歴をまとめるシンプルなCRM（カスタマーリレーションマネジメント、顧客管理）の入口

7. 予約受付フォーム（サロン／整体／士業面談）：予約をWebから受け付けて、自動でGoogleカレンダーと連携できる簡易版

8. アンケート＋ダッシュボード（飲食／サービス業）：お客さま満足度アンケートを取って、結果をグラフで一覧できるやつ

9. インボイス対応の請求書発行ツール（個人事業主／一人法人）：適格請求書（インボイス）の要件を満たした請求書PDFを発行する小型ツール

10. 商品LP（ランディングページ、商品紹介の縦長1枚ページ）（小規模EC／コーチング）：新商品の紹介＋メアド登録フォームつき

どれも、1日（早ければ午後数時間）で「とりあえず動くもの」が立ち上がります。最初の1個に時間がかかるのは「Claudeに頼む流れに慣れる時間」が含まれているからで、3個目あたりからはぐっとスピードが上がります。

僕がおすすめするのは、まず自分が毎週やってる作業の中で、一番めんどくさいやつを選ぶこと。完成したときの嬉しさが違います。

失敗しないための3つのルール

ここまでの内容を1日試した人のうち、うまくいく人と途中で投げ出す人の差は、だいたいこの3つに集約されます。

ルール1：「具体的に」伝える

「もっといい感じにして」は、伝わりません。

これを「見出しのフォントを今の1.5倍にして、セクション間の余白を今の倍にして、背景は濃いグレー（#2a2a2a くらい）に」と書き直すと、欲しい結果が出ます。

ふわっと伝えると、ふわっと返ってくる。これだけは覚えておいてください。

ルール2：1発で完璧を狙わない

最初のプロンプトを30分かけて練り上げるより、「とりあえずざっくり投げる→出てきたものを見て指示し直す」を5回繰り返した方が、結果として早く・良いものが完成します。

vibe codingは、対話で完成度を上げていく作業です。最初から100点を狙わない。60点で出してもらって、対話で90点まで上げる。

ルール3：動いてるバージョンを必ず保存しておく

大きな修正を頼む前には、いま動いてるファイルをコピーしてバックアップを取っておきます。

「うわ、さっきまで動いてたのに、修正したら全部壊れた」となったとき、巻き戻せるかどうかで天国と地獄が分かれます。

ゲームでボス戦の前にセーブするやつと同じ感覚です。

正直なところ：vibe codingの限界と、それでも今やる価値

ここで嘘なくお伝えしておきたいことがあります。

vibe codingで作ったアプリは、エンジニアが作るアプリと完全に同じではないです。

• セキュリティ周りが完璧かというと、危ういところは残ります

• 数千〜数万人が同時に使うようなサービスには、そのままだと耐えられない

• 大きな機能追加を重ねていくと、設計が崩れてきて手詰まりになることがある

なので、社内ツール・自分用・友達と使うレベルの軽いサービス・新規事業のテスト版（MVP、ミニマム・バイアブル・プロダクト）まではvibe codingで十分です。本番運用するサービスにスケールさせるなら、どこかでエンジニアにレビューしてもらった方がいい。

ただし、ここからが重要なポイントです。

「自分でアプリを作れる」という経験を一度でも持つことで、見える景色が変わります。

• 業務委託でツール作ってもらうときに、見積もりが妥当か判断できる

• 「これ自分で30分で作れるな」と気づいて、外注をやめられる案件が出てくる

• アイデアを「動くプロトタイプ」にしてから人に見せられるので、説得力がぐっと増す

• 業務改善のアイデアが、机上の空論じゃなく実装まで持っていけるようになる

そして、vibe codingと本格的なソフトウェア開発の差は、毎月確実に縮まっています。去年のClaudeでは無理だった作業が、今のOpus 4.7なら普通にできる。来年にはもっとできるようになる。

この流れに今のうちから乗っている人と、「自分には無理だな」と思って一生触らない人の差は、3年後に取り返しがつかないレベルになっているはずです。

ちなみに僕がやっているAI顧問業でも、最初にお客さんと一緒にやるのは「いま社内で50万円〜100万円かけて外注してるツール、Claudeで内製できないか棚卸しする」ことだったりします。コードを書くより、「何を作るべきか／どこを内製にしてどこを外注に残すか」を設計する仕事が、これからの経営者・フリーランスにとって価値の中心になってきます。

おわりに：必要なのは、ハイスペックPCでも資格でもない

vibe codingを始めるのに、MacBook Proも、4Kディスプレイも、情報工学の学位も要りません。

要るのは3つだけ。

1. Claudeのアカウント（無料プランで試せる）

2. 「これがあったら自分の仕事ラクになるな」というアイデア1個

3. 土曜日の午後

これだけで、最初のアプリが手に入ります。

冒頭で紹介した士業の知り合いは、いまも自分で作ったあのクライアント管理ツールを毎日使っています。「外注だったら絶対作ってなかった」って言ってました。

完成したものを誰かに自慢する必要もありません。あなたが自分の仕事のために、自分の手で1つツールを生み出したという事実だけで、来週から見える景色がちょっと変わります。

来週末、何を作ります？

特典

noteやXでは発信できない情報をLINEのオプチャで発信しています。

https://t.co/90omRA4UQ7

よければこちらからご参加ください。