この記事を紹介してアフィリエイト報酬を獲得するには?
お金をかけずに、自分のホームページを作る本|AIに指示するだけで公開までできる完全ガイド
【週間】販売額 ランキング 5位(AIテクノロジー)

お金をかけずに、自分のホームページを作る本|AIに指示するだけで公開までできる完全ガイド

ひとつだけ、先に話させてください。このページを読んでいるあなたは、おそらく「自分のホームページがほしい」と思っています。でも、こんな現実にぶつかっていませんか?

  • 制作会社に見積もりを出したら、50万円以上だった
  • WordPressを調べたら、サーバー代に加え設定が複雑すぎた
  • WixやSTUDIOの無料プランは広告が入って、なんかダサい
  • フリーランスに頼もうにも、修正のたびにお金がかかりそう

だから「いつかやろう」と後回しにしている。 その「いつか」、今日に変えられます。 ただし、先に正直に言わせてください。 「ほぼ無料でサイトが作れる」は本当です。でも、 作れることと、使えるサイトを持てることは、別の話です。 これ、全部見てください。

ヘイの健康ラボ https://fascinating-flan-a3e384.netlify.app/

このサイト、何で作ってあると思いますか?答えは、GitHub と Netlify という2つの完全無料サービス、そして Claude Code というAIツールです。

かかった費用: サーバー代0円。ドメイン代0円(任意)。あとはClaude Codeの利用分のみ(数百円〜)。作ったのは、理学療法士として15年以上、患者さんのリハビリに向き合ってきた私です。プログラミングのバックグラウンドはありません。「エンジニアじゃないと無理でしょ?」そう思いますよね。でも、この記事を読んでいただければわかります。必要なのは、AIに日本語で話しかけることだけです。でも、ここが本題です。無料でサイトが作れる方法は、正直、ネットを検索すれば出てきます。私もこのやり方を試す前に、いろいろ調べました。GitHub Pages、Vercelなど。解説記事はたくさんある。でも、どれも「コマンドを打て」「gitを覚えろ」で止まってしまう。さらに問題なのは、「作り方」だけ書いてあって、作ったあと、どうすれば自分のサイトとして機能するのかが書いていない。ファイルを公開しても、

  • デザインが素人っぽい
  • スマホで崩れる
  • Googleに全然ひっかからない
  • 更新のたびに手間がかかる

そういう罠が、あちこちに潜んでいます。この記事は「作れた」で終わりません。「ちゃんと使えるサイト」として運用できるところまで、全部書きました。

この記事に書いてあること

  • GitHubアカウント作成からリポジトリ作成(迷わない手順、スクショ付き)
  • Claude Codeへの「指示の出し方」(日本語で話しかけるだけでコードが生成されます)
  • Netlifyとの連携と公開(5分で全世界に公開できます)
  • デザインカスタマイズ(色・フォント・レイアウトも指示するだけ)
  • スマホ対応の確認と調整方法(崩れていてもAIに直してもらえます)
  • 更新・修正のやり方(指示するだけで自動反映されます)
  • 独自ドメイン(〇〇.com)の設定方法
  • GoogleサーチコンソールとAnalyticsの初期設定
  • さらに自由に作り込みたい人向けの、ローカル開発環境の話(応用編)

さらに、各ステップで詰まりやすいポイントと対処法を全部書いてあります。

他の選択肢と、正直に比べてみます。

WordPress: サーバー代+ドメイン代で月1,500円〜。初期設定やプラグイン管理、セキュリティ対策が必要。慣れないとかなりしんどい。Wix / STUDIO / ペライチ: 無料プランはロゴの透かし・広告あり。本格運用は月1,500〜3,000円。デザインの自由度に上限がある。制作会社に外注: 品質によるが最低でも15〜50万円。修正のたびに追加費用。自分でいじれない。ちなみに私のサイトで使っているNetlifyの「Free」プランは、個人利用・商用利用問わず永久に無料です。月額を請求されることも、勝手に課金されることもありません。かかる費用は、サイトを作る・更新するときに使うClaude Codeの利用分のみ。個人サイト1つ作る程度であれば、目安は数百円〜です。月額の固定費はかかりません。

こんな方におすすめです

  • 個人事業主・フリーランスで、名刺代わりのサイトがほしい
  • セラピスト・トレーナー・講師など、サービス紹介ページを持ちたい
  • Brain / Tips / Noteで記事を売っていて、著者の「顔」になるサイトがほしい
  • 副業・情報発信を始めたいが、初期費用はかけたくない
  • 以前に作ろうとして挫折した経験がある

逆に、こういう方には向きません。

  • EC機能(商品販売カート)が必須な方 → WordPressかShopifyを選んでください ※ただし「カートだけ別サービス(Shopify等)に作って、HPからボタンで誘導する」形なら今回の方法でも十分対応できます
  • 予約システムや会員機能が必要な方 → 専用ツールの方が早いです ※こちらも同様に、STORES予約やSquareなどの予約システムをHPのボタンからリンクさせる形は可能です
  • とにかく今日中に最低限公開できればいい方 → ペライチの無料プランで十分です

著者について

はじめまして、ヘイです。理学療法士として15年以上、整形外科・訪問リハビリ・スポーツ現場に携わってきました。数年前からAIとWebの独学を始め、現在は自前のサイト「ヘイの健康ラボ」でPT×AI×栄養学の情報を発信中。また、AI×Claudeを使った業務効率化の実践者として、Threads APIの自動化など実例ベースの情報も提供しています。この記事で紹介するHP作成方法は、私自身が試行錯誤しながら実際に作り上げたものです。エンジニアではない私が詰まったところは全部書きました。

ここまで読んでいただき、ありがとうございます。GitHub × Netlify × Claude Codeで、広告なし・ロゴなし・サーバー代0円のHPを自分の手で作り、更新も修正もすべて自分の指示でコントロールできるようになる方法。

さらに!!購入者特典プレゼント!!

記事の内容に加えて、今回ご購入いただいた方には、以下の特典もお付けします。

  • 特典①: Claude Code指示文(プロンプト)テンプレート集 ― セラピスト・トレーナー・講師・店舗オーナーなど、職種別にすぐ使える指示文をまとめてお渡しします。コピペで使えるので、指示文を一から考える必要はありません。
  • 特典②: サービス紹介文の穴埋めシート ― 「自己紹介」「サービス内容」セクションに何を書けばいいか迷わないよう、空欄に当てはめるだけで形になるテンプレートをお渡しします。
  • 特典③: 購入者限定オープンチャットへのご招待 ― 作っている途中で詰まったとき、購入者同士で情報交換できる場をご用意します。アップデート情報や追加Tipsもここで随時共有します。

その全手順を、この記事一本に詰め込みました。気になる価格は、こちらです。

価格

3,980円(税込)!!

外注すれば15〜50万円。WordPressで自力でやれば月1,500円〜のランニングコスト。さらに、デザイン変更や文言修正のたびに「また外注先に頼む」「また月額を払い続ける」が一生続きます。この記事は、その仕組みそのものを「自分のもの」にする記事です。一度1,980円払えば、その後は更新も修正もドメイン変更も、Claude Codeへの指示だけですべて自分の手で完結します。サーバー代は0円。あとはサイトを動かす・更新するときのClaude Code利用分のみで、目安は数百円〜です。この記事を読んだその日に、ほぼ0円のHPが手に入ります。しかもこの値段50部限定です!!その後は50部ごとに100円ずつ値上げさせていただきます!!それでも外注するより自分オリジナルのHPが作れるとなるとお安い値段だと思います(^^)是非、早めの検討をお願いします!

※ AIへの指示文(プロンプト)はコピペで使える形で記事内に全文掲載しています。※ 内容のアップデートは購入者に追加費用なし。※ 今後Netlify / Claude Code側の仕様変更があった場合のフォローも記事内で随時反映します。

よくある質問

Q. 本当にプログラミング知識ゼロでもできますか?

A. はい。私自身がそうでした。記事内の手順はすべてスクリーンショット付きで、AIへの指示文(コピペOK)と画面操作だけで完結します。

Q. Claude Codeって何ですか?お金はかかりますか?

A. Claude Codeは、日本語で話しかけるだけでコードを書いてくれるAIツールです。
月額3400円です。

Q. Netlifyの無料プランはいつか課金されませんか?

A. Netlifyの「Free」プランは、個人利用・商用利用問わず無料で使えます(毎月の通信量などに上限はありますが、個人のHP規模なら十分です)。

Q. 独自ドメイン(〇〇.com)を使わなくても大丈夫ですか?

A. 大丈夫です。初期設定では「〇〇.netlify.app」というURLで公開されます。独自ドメインの取得方法も記事内で解説していますが、任意です。

Q. スマホだけで作業できますか?

A. パソコン推奨です。Claude Codeはパソコンにインストールして使うツールのため、スマホ単体での作業は難しいです。

Q. 購入後、サポートはありますか?

A. 記事へのコメントに加え、購入者限定オープンチャットでも質問いただけます。できる範囲でお答えします。また、内容のアップデートは購入者に随時通知します。

「いつか作ろう」を、今日にしませんか。あなたのスキル、サービス、想いを届ける「自分の場所」が、今日できます。サーバー代0円、広告なし、ロゴの透かしなし、自由にカスタマイズできるサイトを。まず読んでみてください。読み終わったときには、今日中に公開できる気がしているはずです。


この続きを見るには記事の購入が必要です

この続きは27,756文字 / 画像25枚 / ファイル0個
お金をかけずに、自分のホームページを作る本|AIに指示するだけで公開までできる完全ガイド

お金をかけずに、自分のホームページを作る本|AIに指示するだけで公開までできる完全ガイド

ハルAi

39ポイント獲得 ¥3,980

記事を購入する

すでに購入済の方は、ログイン後に続きを見ることができます。 ログインする



この記事の平均レビュースコア

(0件)

レビューを書いて、この記事を紹介しませんか。

レビューを書く

あなたも記事の投稿・販売を
始めてみませんか?

Tipsなら簡単に記事を販売できます!
登録無料で始められます!

Tipsなら、無料ですぐに記事の販売をはじめることができます Tipsの詳細はこちら
 

この記事のライター

ハルAi

AI副業・収益化の情報を発信しています。理学療法士として働きながら、AIを活用したSNS運用やコンテンツ販売を実践。投稿作成・ネタ出し・収益導線までを仕組み化し、「時間をかけずに稼ぐ副業」を再現性高く解説しています。

このライターが書いた他の記事

  • 【管理栄養士監修】撮るだけでカロリー記録!AIダイエットアプリ「もぐクマDiet」

  • Bluesky(ブルースカイ)完全攻略ガイド|今すぐ始めるべき理由と使い方のすべて

    ¥1,580
    1 %獲得
    (15 円相当)
  • Threads自動投稿はClaude Codeで有料できなくてもできる!Google環境で構築する「Threads完全自動化システム」

    ¥1,980
    1 %獲得
    (19 円相当)

関連のおすすめ記事

  • 毎日15分ずつでもできる!なにも考えずにAI絵本を作る方法|AI課金なし・10日でKindle出版へ!~手順とテンプレ付き

    ¥5,480
    1 %獲得
    (54 円相当)
    まさかり

    まさかり

  • 【5年更新型コンテンツ】AIを最大活用するためのリテラシー強化バイブル

    ¥52,980
    1 %獲得
    (529 円相当)
    こはく

    こはく

  • 【累計100万再生越え】AIで『質の高い音楽』や『MV』を作る方法💡

    ¥49,800
    1 %獲得
    (498 円相当)
    AI FREAK

    AI FREAK