自社HPの制作費、いくらでしたか。
50万円？ 100万円？ 200万円？
「ちょっとした修正」に数万円。 「ページ追加」に数十万円。 その度に外注先に連絡して、待って、確認して。
Claude Code × Next.jsなら、 経営者自身がHPを作れる。 修正も、追加も、自分の手で。
Next.jsは、世界で最も使われている Webサイト構築フレームワークの一つ。 Vercel社が開発・管理しており、 GoogleやNetflixも採用する信頼性の高い選択肢だ。
「フレームワーク」と聞くと難しそうだが、 Claude Codeが技術面を担当するので、 経営者は「こんなページが欲しい」と伝えるだけ。
デザイン、コーディング、スマホ対応、 SEO設定、デプロイまで、 すべてClaude Codeとの対話で完結する。
- Next.jsが選ばれる理由：高速表示・SEO最適化・Vercelで無料ホスティング可能
- Step 1：「どんなHPにしたいか」を参考サイト3つで言語化する
- Step 2：Claude Codeでページを1ページずつ生成する
- Step 3：「ここの色を変えて」「フォントを大きくして」と対話でデザイン調整
- Step 4：Vercelで無料デプロイ（GitHubアカウントがあれば5分で完了）
- Step 5：独自ドメインを取得・設定して正式公開する
- 維持費：ドメイン代のみ（年間1,500〜2,000円程度）
五次元経営のHP構築実例
五次元経営株式会社のWebサイト（5dmgmt.com）は、経営者自身がClaude CodeとNext.jsで構築した。トップページ、サービス紹介、ブログ機能（静的サイト生成）、問い合わせフォーム、管理画面まで実装。ブログ記事の追加・編集もコードを書かずにMarkdownファイルを更新するだけでできる仕組みにした。外注見積もりが200万円だった内容を、2週間で自社実現。毎月の保守費もゼロになり、「新サービスをページに追加したい」という思いがリアルタイムで実現できるようになった。HP制作会社への依存がゼロになったことで、自社のメッセージを常に最新の状態に保てている。
コンサルタントの1週間HP構築
大手コンサルから独立したばかりのコンサルタントが、Claude Codeで1週間でコーポレートサイトを構築した事例。ページ構成はトップページ・自己紹介・提供サービス・実績・お問い合わせフォームの5ページ。Tailwind CSSで統一したデザインを実装し、スマートフォン表示にも完全対応した。VercelにGitHubリポジトリを連携してデプロイし、独自ドメイン（年間約2,000円）を設定して公開。制作費は実質ゼロ（Claude Codeのサブスク月額のみ）。公開翌日からGoogleの検索結果にインデックスされ、2週間後に問い合わせが2件入った。
デザインの修正が即座に反映されるメリット
外注HPの最大の不満は「修正に時間とお金がかかること」だ。制作会社に依頼すると対応に3日〜1週間かかり、1修正3〜5万円が相場。積み重なると年間50万円を超えることもある。Claude Codeなら「ヘッダーの背景色をもう少し暗くして」「採用ページのボタンを目立たせて」「トップのキャッチコピーを今すぐ変えたい」が数分で反映される。特にキャンペーンや採用強化などタイミングが重要な場面で、この即時性が競合との差になる。自社の言葉で、自分のタイミングで更新できることが、HPを「生きた営業ツール」に変える。
自社HPを作る5ステップ
- 参考にしたいHPを3つ見つけ、「こんな雰囲気・このような構成で」とURLをClaude Codeに貼り付けて伝える
- 最初はトップページだけ作る：完成したら次のページへ進む（一気に全ページ作ろうとしない）
- スマホ表示を必ず確認する（訪問者の70%以上がスマートフォンからアクセスする）
- Vercelにデプロイし、無料のvercel.appドメインで一旦公開する
- 独自ドメインをお名前.com等で取得してVercelに設定し、正式公開する（年間約1,500〜2,000円）
自社HPは、会社の「顔」。
その顔を、他人に委ねるのか。 自分の手で作るのか。
自分で作ったHPは、 自分の言葉で、自分のタイミングで、 いつでも更新できる。
その自由度が、 経営者としてのメッセージの鮮度を保つ。