5 人で 3 週間かかる仕事が、午後ひとつで終わる。プログラミング不要、ターミナルを一度も開かずに。
まともな企業サイトの制作費は 3,000〜12,000 ユーロ。高いのはコードのせいではなく、3 週間分の打ち合わせのせいだ。昨日、ソファに座ったまま 1 つ作ってみた。その全工程を、ステップごとに説明しよう。
全工程を、ステップごとに説明していく。
始める前にひとつ警告しておく。この話題のまわりには“煙”が多すぎるからだ。
これは「人を騙して 5,000 ユーロを請求しよう」という話ではない。
ウェブサイトの本当の仕事（何を伝えるか、誰に向けるか、どう見せるかを決めること）は、今も変わらず仕事だ。消えたのは時間のかかる部分だ。レイアウト、反復作業、開発者を待つ時間、デザイナーを待つ時間、メールの返信を待つ時間。
大事な部分をしっかりやれば、結果は比較に耐えるものになる。そして比較に耐えれば、対価をもらえる。
みんなが聞く質問：どこで作るのか？
多くの人が、あの威圧感のある黒い画面、ターミナルが必要だと思っている。違う。
Claude のデスクトップアプリには、上部に 3 つのタブがある。
→ Chat、いつもの会話
→ Cowork、ファイルを使ったタスク
→ Code、実際のプロジェクトを構築
Code タブは、Claude Code エージェントと同じものだが、インターフェース付きだ。簡単な英語で指示を書けば、フォルダやファイルを作成し、すべて起動してくれる。
claude.com/download からダウンロードして、自分のアカウントでログインしよう。
注意：有料プランが必要だ。無料プランだと 30 分で上限に達する。
STEP 0：空のフォルダ
何かを頼む前に、ひとつヒントを。私がひどいサイトを 2 つ作らずに済んだヒントだ。
パソコンに新しい空のフォルダを作ろう。このサイト専用に。
馬鹿げていると思うかもしれないが、これが典型的な惨事を防いでくれる。デスクトップにファイルが散らばり、Claude が触るべきでないものに触れ、自分でも何が何だか分からなくなる、あの惨事だ。
フォルダ 1 つにプロジェクト 1 つ。Claude でそのフォルダを選べば、そこから出ることはない。
STEP 1：ブランドファイル
ほとんど誰もやらないステップ。そして、結果を大きく左右するステップだ。
自分で下した決定を 1 ページのドキュメントにまとめる。Claude に勝手に決めさせないために。
6 つの項目：
→ 誰が訪れるか：「婚礼写真家、予算 2,000 ユーロ」
→ 訪れたときの感情：「高級感、落ち着き、静けさ」
→ 唯一のアクション：「通話を予約する」
→ フォント：最大 2 つ
→ カラー：3 色。背景、本文、アクセント 1 色
→ 禁止事項：どんなことがあっても絶対に見たくないもの
このファイルがないと、Claude は空白を自分で勝手に埋める。そしてそのデフォルトの埋め草は、200 ユーロのテンプレートと同じものだ。
このテンプレートをコピーして、情報を埋めよう :)
1BRAND: [名前]2IDEAL CLIENT: [どんな人か、何を求めているか、予算]3FEEL: [曖昧でない形容詞 3 つ]4SINGLE ACTION: [必ずやってもらう行動 1 つ]5FONTS: [見出し用に 1 つ、本文用に 1 つ]6COLORS: [背景 / 本文 / アクセント、hex コード付き]7FORBIDDEN: グラデーション、絵文字アイコン、ストック写真、8すべて中央寄せ、「革新的なソリューション」
プロジェクトフォルダの中に brand.txt として保存しよう。
そして Claude にはこう書く：
1デザインの決定をする前に brand.txt を読んで。2そこにないことは、私に聞いて。
この最後の一文で、状況はかなり変わる。勝手に創作するのではなく、あなたに確認するようになる。
STEP 2：基準を与える
形容詞は通用しない。「エレガント」はモデルにとって何の意味もない。画像なら伝わる。
私のやり方：
→ Land-book、Godly、Minimal Gallery を見に行く。3 つとも無料で、実際に公開されたサイトが豊富にある
→ 3 つ選ぶ。10 ではない。10 だと全部が混ざって、ごちゃごちゃになる
→ それぞれからホームページと内部ページを 1 枚ずつキャプチャする。合計 6 枚
→ プロジェクトフォルダにドラッグする
この目的で Dribbble は使わない。あれは実在しないコンセプトだ。Claude が実現不可能なものを再現しようとしてしまう。
そして、こう伝える。この文言をそのまま ↓
1このスクリーンショットを品質の基準にしてください。フォントサイズ、2セクション間の余白、ページのリズムを参考に。3構造やテキストはコピーしないで。
この「コピーしないで」がないと、最初の参考サイトを丸ごとコピーして、ロゴを差し替えただけの剽窃サイトができあがる。実際に何度も見てきた。
STEP 3：依頼
メッセージは 1 通。中身は 4 つのブロック。アイデアを 3 つ同時に投げるのはやめよう。そうすると全部がうまくいかなくなる。
1. 何を作るか：「[X] の 1 ページサイト。セクションは次の通り：[リスト]。」
2. コピー： 自分で書こう。本当に。これだけは Claude が袖から取り出せない。あなたのビジネスや顧客を知らないからだ。
3. 作り方：「Astro と Tailwind を使って。静的サイトで、CMS なし。」これが何かを知る必要はない。読み込みが速く、壊れにくく、月額費用がかからない組み合わせだ。
4. 制約：「brand.txt を尊重して。フォントは最大 2 つ、カラーは 3 色まで。」
送信して、数分待つ。
出てくるものは完成度 70%。これは正常で、事前に知っておくことが大事だ。ここでほとんどの人がイライラして諦めてしまうから。
最初のバージョンをそのまま公開する人はいない。あなたも、私も、8,000 ユーロを請求するエージェンシーも。違いは、彼らはその 70% を見せるまでに 2 週間かかるが、あなたは 6 分で画面に表示できることだ。
STEP 4：仕上げ
ここに本当の価値がある。500 ユーロの見た目になるか、5,000 ユーロの見た目になるかが決まる場所だ。
みんながやらかすのは、「少し改善して、もっとプロっぽく見せて」と書くこと。これは何も意味しないし、結果は悪化する。
レイヤーごとに直していく。それぞれ専用のメッセージを 1 通：
→ レイヤー 1、テキスト：「すべてのフォントサイズを見直して。一貫性のあるスケールに。それ以外には触らないで。」
→ レイヤー 2、余白：「セクションごとに、窮屈に見える箇所のホワイトスペースを 2 倍に。それ以外には触らないで。」
→ レイヤー 3、動き：「スクロールすると要素が滑らかに表示されるように。250ms。バウンドする動きはなし。」
この「それ以外には触らないで」が肝心だ。3 つを一度に頼むと、うまく直るのは 1 つだけで、2 つは壊れる。
気に入らない具体的な箇所があるのに、うまく説明できない？ スクリーンショットを撮って、ドラッグして、簡単な言葉で説明しよう：
「このブロックが上の要素と窮屈そうに見える」
「このボタンが背景に埋もれて見える」
「この見出しがモバイルで場所を取りすぎている」
デザイナーの語彙は必要ない。指を指せばいい。クライアントがエージェンシーにやっているのとまったく同じことだ。ただ、返答が 4 日後ではなく 30 秒後に来る。
最後の 3 つのチェック ↓
エージェンシーでさえ飛ばすチェックだ：
→ モバイル：「すべてのページを 375px 幅で表示して、崩れるところを直して。」訪問者のほとんどはそこから来るからだ。
→ 5 秒テスト：ホームページを誰かに 5 秒だけ見せて、すぐ隠す。何をするサイトか言えないようでは、見出しは役に立っていない。
→ ボタン：スクロールしなくても見えるか？ 最下部にもう一度あるか？ ないなら、作ったのはウェブサイトではなくパンフレットだ。
STEP 5：公開
15 分と、月額 0 ユーロ。
変なアカウントやサーバー不要の、最もシンプルな方法：
→ Claude に最終プロジェクトフォルダを準備してもらう
→ Netlify か Vercel にアクセスして、そのフォルダを画面にドラッグする
→ すぐにアドレスが発行される
→ ドメインを購入して（年間 8〜12 ユーロ）、パネルから接続する
これでオンライン公開だ。月額費なし、メンテナンスなし、月 120 ユーロの「マネージドホスティング」の請求書もない。
いくら請求するか
さて、誰も教えてくれない部分だ。
誰かのためにこれを作るなら、「ウェブサイト」を売ってはいけない。フルパッケージを売るんだ：
ブランドファイルを引き出すための 45 分の通話、きちんと書かれたコピー（空虚な言葉で埋められたものではない）、ドメイン付きで公開されたウェブサイト、2 回分の修正、そして更新方法を解説する 10 分の動画。
クライアントにもよるが、これで 800〜2,500 ユーロの仕事になる。納期は数週間ではなく数日だ。
時間に対して請求するのではない。クライアントが「何もない状態」から「仕事を呼び込んでくるものがある状態」へ変わることに対して請求するんだ。
繰り返し見かける 3 つの過ち：
→ 1 つのメッセージで 5 つの変更を頼む。 うまくいかない。1 回につき 1 つにしよう。
→ Claude にコピーを書かせる。 正しくても中身が空っぽになる。コピーはあなたの仕事だ。
→ 公開前に完璧を求める。 欠点が 3 つあっても公開されたサイトは、フォルダの中に眠ったままの完璧なサイトよりも、無限に価値がある。
では、この話で本当に変わるものは何か？
エージェンシーが売っていたのは 3 週間のプロセスだ。そのプロセスは、結局のところ 4 つのよくできた決定だった：
→ 誰のために
→ 何をすべきか
→ どう見えるべきか
→ 何を禁止するか
残りは待つだけだった。そして、待つことにはもう料金が発生しない。
最初のウェブサイトは 5 時間かかって、500 ユーロの見た目だ。3 つ目は 2 時間で、3,000 ユーロの見た目になる。5 つ目は、半分寝ながらでもできる。
これは普通の学習曲線であって、魔法ではない。まずは自分のサイトから始めよう。失敗するのに最適な場所だ。クライアントが自分自身なのだから。
これを保存して、数時間、試してみてほしい。
後悔させないことを約束する :)
