石川卓（いしかわすぐる）です。

株式会社Piste 代表取締役として、全国300件超のAI導入をサポートしてきました。

「Claude Codeで予約フォームができたんですが、自分のパソコンでしか動きません」

「スタッフにも使わせたいんです。どう渡せばいいんでしょうか」

「スマホのアプリにしたいんですが、いくらかかるのか、どれくらい時間がかかるのか見えなくて」

「公開はできたはずなのに、お客さまが開くと前のページのままなんです」

Claude Codeで管理画面・予約フォーム・社内ツールを作れるようになった方から、次に必ずいただく声です。作れるようになった喜びのすぐ後ろに、「作ったのに、自分しか使えない」という壁が待っています。

ここで多くの方は、「アプリにしなければ人に渡せない」と考えます。App Storeに並ぶアプリを思い浮かべ、開発者登録の費用を調べ、審査の話を読んで、止まる。ところが導入支援の現場（2026年7月〜10月の記録）で定まっていた答えは、まったく別の順番でした。まずWebアプリとして公開する。iPhoneの「ホーム画面に追加」でアプリのように使ってもらう。アプリ化は、反響を見てから考える。

そして、「公開」そのものも、サーバーの知識を勉強して自分で組むものではありません。記録の中では、チャット欄に環境を名指しで一行頼むだけで、公開の手順がまるごと進んでいました。 2026年8月〜9月だけで、LP・Webアプリ・Web内フォームなど15件以上の現場が、この形で公開まで到達しています。

原因は、あなたの技術が足りないからではありません。「どこに置くか」「何を頼むか」「無料枠と鍵をどう守るか」「人の手元にどう届けるか」の段取りを、誰もまとめて教えてくれなかっただけです。

本書は、導入支援の記録から、ローカルで動いているシステムをNetlify＋Supabaseの構成でWebアプリとして公開し、無料枠と鍵を守り、URLを整え、「ホーム画面に追加」で使ってもらい、反響を見てiOSアプリ化を判断するところまでを、押すボタンと打ち込む言葉まで書いた教材です。コードは1行も書きません。

■本書で作るのは「作ったものを、人が使っている状態」です

本書で作るのは、こういう状態です。

・自分のパソコンの中で動いていた管理画面やフォームが、URLを渡せば誰でも開ける形になっている

・置き場所はNetlify、データの保管はSupabase、と構成が決まっていて、環境を名指しで頼める

・「公開して」の一行で公開が進み、初回のエラーが出てもログを渡して直してもらえる

・無料枠を「回数」で減らさない運用（ローカルで仕上げてからデプロイ）が身についている

・APIキーや接続情報をコードに書かず、Netlifyの環境変数に置く手順が分かっている

・URLのランダム文字列を分かりやすいプロジェクト名に変え、必要なら独自ドメインを紐付けられる

・スマホで使う人に「ホーム画面に追加」の3手順を案内でき、iOSアプリ化を費用と手間で判断できる

・公開したあとに自分の目でURLを確認し、仕上げの指示を出せる

■先に結論を書きます

いきなりアプリにしない。まずWebで公開し、仕上がってからデプロイし、鍵はコードに書かず、反響を見てアプリ化を判断する。

2026年7月〜10月の導入支援の記録で、Webアプリの公開は次の形に落ち着いています。

・公開は3段階。①Webアプリとして公開（無料〜月10ドル程度）→ ②iPhoneの「ホーム画面に追加」（無料）→ ③iOSアプリ化（Apple Developer登録が年約13,000円）。③は反響が出てから

・構成はNetlify（置き場所）＋Supabase（データの保管）。チャット欄に「NetlifyとSupabaseでWebアプリとして公開したいです」と名指しで頼めば、手順ごと構築される。NotionをDB代わりにしない

・公開の経路は3つ。A: Claude CodeにCLIで公開させる（最も簡単）／B: GitHubと連携して自動デプロイ（アプリ向け）／C: 契約中のレンタルサーバーにSSHで自動デプロイ

・初回デプロイのエラーはよくあること。ログを先頭から末尾まで全部コピーして渡せば直る

・無料枠は「修正の回数」で減る。目安は月20回前後（2026年8〜9月の記録・時点で揺れる）。「ローカルで表示して」で確認し、仕上がりでデプロイ。GitHub連携ならコミット留め

・鍵はコードに書かない。Environment variables → Add variable → Key／Value →「Contains secret values」にチェック → Create variable。「.envは公開対象外に」をCLAUDE.mdに一度だけ追記させる

・URLはProject configuration → Change project nameで整える。独自ドメインはLP用途なら不要。紐付けるならDomain management → Add domain、ネームサーバーの値はOptions →「Set up Netlify DNS」（2026年10月8日に判明）

・スマホには「ホーム画面に追加」。iOSアプリ化はXcodeも審査対応もClaude Codeに任せられる。審査の指摘メールはそのまま渡す

・公開後は実URLを自分で開いて確認する。「反映されたはずが旧のまま」の例がある

この形を、本書では4つの言葉にまとめています。

公開する（第1〜3章）→ 守る（第4〜5章）→ 整える（第6章）→ 届ける（第7〜8章）

■正直に書きます。「この本を読めば、App Storeにアプリが並ぶ」本ではありません

売るために都合の悪いことを隠すつもりはないので、最初に書いておきます。

本書の主役はWeb公開です。iOSアプリ化の章は「いつ、何が必要か、何を任せられるか」の判断までで、Xcodeの画面操作やApp Storeの審査提出の手順は書いていません。理由は、記録に残っている現場がそこまで進んでいないからです。導入支援の記録（2026年7月〜10月）で確認できたのは、Apple Developer登録が年約13,000円であること、開発者アカウントの開通に約1週間かかったこと、Xcodeの操作はClaude Codeが対応し、審査の指摘メールはそのまま渡せばよいこと、までです。「急ぎならWebのままスマホで使う」が現場の判断でした。

無料枠の数字は、記録の中でも揺れています。2026年8月上旬は「月200クレジット（約20回のデプロイ相当）」、8月下旬は「月20回まで、超過時は月10〜20ドル程度」、9月上旬は「月20〜30回程度」、9月中旬は「一定量を超えると月10ドル程度」。本書はこの揺れを隠さず、そのまま表にして載せています。覚えていただきたいのは数字ではなく、「無料枠は回数で減る。だからローカルで仕上げてから出す」という運用のほうです。

独自ドメインの紐付けは、記録の途中で一度止まっています。2026年9月中旬の回では、Netlify側のネームサーバーの値が画面のどこにあるか見つけられず時間切れになりました。2026年10月8日の記録で場所が判明し、お名前.com側の入力まで含めた手順がそろったので、本書にはその最新の手順を書いています。ただし、DNSの反映は最大24〜72時間かかるため、「設定してすぐ開ける」わけではありません。

そして、本書に書いてある画面の名前・ボタンの位置・料金は、2026年7月〜10月の記録時点のものです。Netlifyの画面は更新で変わり、Appleの登録料も変わります。名前が少し違っていたら、画面の表示を優先し、Claude Codeに「今の画面でどこを押すか教えて」と聞いてください。

■何を書いていないか

・サーバーやDNSの仕組みの解説は書いていません。本書は「どのボタンを押し、何と頼むか」の本です。仕組みを知らなくても公開はできます

・Xcodeの操作とApp Storeの審査提出の手順は書いていません。上に書いたとおり、記録がそこまで進んでいないためです。iOSアプリ化は「必要になるもの」と「任せられること」までを扱います

・プログラムの書き方は書いていません。公開の設定も、エラーの修正も、AIの仕事です

・ホームページを作る工程・GitHubへの接続の基本は書いていません。それぞれ『ホームページ作成編』『GitHub・バックアップ編』で扱っています。本書は、ローカルで動くものがすでにある方が前提です

必要なのは、環境を名指しで頼む作業、画面に出たボタンを押す作業、エラーログをコピーして貼る作業だけです。

■費用も正直に書きます

本書の手順で公開するのに、Netlify・Supabaseとも無料から始められます（2026年10月時点の記録）。ただし、使い方によって次の費用が出ます。

・Netlify: 無料〜月10ドル程度。無料枠は「修正（再デプロイ）の回数」で減り、目安は月20回前後。超過時は月10〜20ドル程度という記録があります。ローカルで仕上げてから出せば、無料枠で十分に回ります

・Supabase: 無料から。本書の範囲（予約・登録・記録の保管）では無料枠で始められます

・独自ドメイン: 必須ではありません。LP用途ならnetlify.appのままで十分。取得する場合は年1,000円強（.jp）〜2,000円弱（別ドメインの実例）という記録です。レンタルサーバーがセットで選ばれていると翌月から有料になるので外してください

・iOSアプリ化: Apple Developer登録が年約13,000円。反響が出てから払えば十分です

・アプリの中でAIを動かす場合: Claudeのサブスクの範囲外の従量課金になります。公開前に「アプリ内で動かす／自分のPCへのリモコン／サーバー側に置く」のどれにするかを決め、APIには必ず費用の上限を設定してください

・Claude Codeの利用には、Claudeの有料プランの契約が別途必要です

料金・プラン・無料枠は変わります。契約前に公式の最新情報と、ご自身のプラン画面を確認してください。

■正直に書きます。つまずくのは「いきなりアプリ」「直すたびに公開」「鍵をコードに書く」「公開後に見ない」です

現場で繰り返し起きているつまずきは、こういうものです。

・最初からiOSアプリを目指して、費用と審査で止まった → まずWebで公開し、「ホーム画面に追加」で使ってもらう。アプリ化は反響を見てから

・「公開したい」とだけ頼んで、選択肢の説明から始まってしまった → 「NetlifyとSupabaseでWebアプリとして公開したい」と環境を名指しで頼む

・NotionをDB代わりに組んでしまった → データベースはSupabase。Notionはメモ・管理画面用途にとどめる

・初回デプロイが赤いエラーで止まった → よくあること。ログを先頭から末尾まで全部コピーして渡す

・GitHubの公開範囲で「公共」を選んでしまいそうになった → 「公共」はPublic＝全世界に公開の意味。必ずPrivate

・直すたびに公開して、無料枠を数日で使い切った → 「ローカルで表示して」で確認し、仕上がりでデプロイ。GitHub連携ならコミット留め

・APIキーをコードに書いた・チャットに貼った → 鍵はEnvironment variablesに「Contains secret values」で登録。チャットには.envの「場所」だけ

・公開したアプリで「Googleの接続情報が設定されていません」と出た → 環境変数が未登録のサイン

・ネームサーバーの値がどこにあるか分からず止まった → 該当ドメインのOptions →「Set up Netlify DNS」に4つ表示される

・「公開した」と返ってきたのに実サイトが旧のまま → 実URLを自分のブラウザで開き、「公開ページが旧のままです。差し替えてください」

・管理画面のURLが分からず、adminを付けて開けなかった → 推測しない。「管理者ページを教えて」

本書は、この一つひとつに「どこを見て」「何と言えば」抜けられるのかを書いています。そして症状から引けるチェックリストを第9章に用意しました。

■本書の構成（全9章）

「公開する → 守る → 整える → 届ける」の構成です。

はじめに　「作ったのに、自分しか使えない」を終わらせる（★無料公開）

【第1部　公開する】

第1章　いきなりアプリにしない — 公開の3段階と、それぞれの費用感（★無料公開）

第2章　構成を決める — Netlify＋Supabase、環境を名指しで頼む、NotionをDBにしない（★無料公開）

第3章　公開する — CLI／Import from Git／既存サーバー、3つの経路と初回エラーの渡し方

【第2部　守る】

第4章　無料枠は「回数」で減る — ローカルで表示、仕上がりでデプロイ、コミット留め

第5章　鍵はコードに書かない — Environment variables、Contains secret values、.envを公開対象外に

【第3部　整える】

第6章　住所を整える — プロジェクト名の変更、独自ドメイン、Netlify DNSとネームサーバー設定

【第4部　届ける】

第7章　ホーム画面に追加とiOSアプリ化 — 費用、Xcodeと審査の任せ方、AIを組み込む費用の形

第8章　公開したあとの確認 — 旧のままに見える、管理者ページ、決済の確認、仕上げの指示

第9章　症状別チェックリスト／公開の進め方の確認順（詰まったらここだけ見る）

【卒業】

おわりに　作ったものは、使われて初めて完成する＋学習ロードマップ

このうち、はじめに・第1章・第2章（公開の3段階と費用感／なぜWebからか／急ぎの場合の判断／Netlify＋Supabaseの標準構成／環境を名指しで頼む一行／NotionをDBにしない理由／WordPressとの違い／Supabaseをコネクタでつなぐ手順）は、このページの下でまるごと無料公開します。

■購入者特典

特典　完全図解PDF版（A4・22ページ）

本書の全内容を、図解つきでレイアウトした保存版PDFです。公開の3段階と費用感の表、Netlify＋Supabaseの構成図、3つの公開経路の比較表、無料枠の時点つき一覧、チャット欄に打つ言葉の一覧、鍵の置き場所の整理表、独自ドメイン紐付けの6ステップ、iOSアプリ化に必要なものとAIを組み込む費用の3つの形、公開後チェック、症状別チェックリストを1冊にまとめてあります。

第9章は症状別チェックリストです。「初回デプロイがエラー」「公開したのに他の人が見られない」「無料枠を使い切った」「APIキーをどこに置くか」「ネームサーバーの値が見つからない」「公開したのに旧のまま」など、症状の行を探せば、やることと戻る章が分かる形にしてあります。

本文中の「頼む言葉」はすべて全文掲載。「NetlifyとSupabaseでWebアプリとして公開したいです」「このページをNetlifyで公開してください」「ローカルで表示してください」「いまの変更をコミットして（プッシュはしないで）」「.envはNetlifyの公開対象外にするようCLAUDE.mdにルールとして追記して」「公開ページが旧のままです。差し替えてください」など、そのまま貼れる形にしました。

■この教材が向かない人

・まだClaude Codeで何も作っていない人（先に『超入門編』『ホームページ作成編』をどうぞ。本書は、ローカルで動くものができていて「人に使ってもらいたい」段階の方のための本です）

・iOSアプリ開発そのものを学びたい人（本書はXcodeの操作やApp Storeの提出手順は扱いません。「いつアプリ化すべきか、何を任せられるか」までです）

・サーバーやDNSの仕組みを理論から理解したい人（本書は「どのボタンを押し、何と頼むか」に絞っています）

逆に、こういう方のために書きました。

・Claude Codeで作った管理画面やフォームを、スタッフやお客さまに使ってもらいたい方

・「スマホのアプリにしたい」と思いつつ、費用と手間が見えなくて止まっている方

・公開はできたけれど、無料枠・APIキー・URLの扱いが不安な方

・「公開したはずなのに反映されていない」を一度でも経験した方

・既存のレンタルサーバーやドメインがあり、それをどう使えばいいか迷っている方

■よくある質問

Q. サーバーの知識がなくても本当に公開できますか？

A. できます。記録の中で公開まで到達した15件以上の現場は、いずれも「NetlifyとSupabaseで公開したい」「Netlifyで公開して」と環境を名指しで頼み、画面に出たボタン（サインアップ・Authorize・Deploy）を押す形で進んでいます。手順の構築はClaude Codeの仕事です（第2章・第3章）。

Q. 最初からiOSアプリにしたほうが、お客さまに失礼ではありませんか？

A. 記録に残っている現場では、Web公開から始めて困った例はありません。iPhoneの「ホーム画面に追加」を使えば、アイコンから開けてネイティブアプリとほぼ同じ感覚で使えます。アプリ化の費用（年約13,000円）と審査の往復は、「ストアに置きたい」「通知を出したい」という声が出てから払えば十分です（第1章・第7章）。

Q. 無料枠はどれくらい使えますか？

A. 2026年8〜9月の記録では「月20回前後の更新」が目安ですが、数字は時点で揺れています。本書では、数字を信じるより「ローカルで仕上げてからデプロイする」運用で枠を守る方法を書いています（第4章）。

Q. APIキーをコードに書いてしまいました。危ないですか？

A. 公開するコードに鍵を書くのは避けてください。Netlifyの環境変数（Environment variables）に「Contains secret values」で登録し、.envは公開対象外にします。APIには費用の上限も設定してください（第5章）。

Q. 既存のホームページのドメインをNetlifyに移してもいいですか？

A. 安易に移さないでください。既存サイトが見られなくなります。既存は残して新規ドメインで作るのが安全で、既存ページとの併走は問題ないという記録です（第6章）。

Q. 公開後にどこを確認すればいいですか？

A. 公開したURLを自分のブラウザ（できればスマホでも）で開き、最新の内容が出ていること、Make Publicで一般公開になっていること、リンクを実際に押して遷移先が正しいことを確認します。「公開した」という報告だけで安心しないでください（第8章）。

最後に免責事項です。

本書は特定の成果（公開の成功・利用者数・売上など）を保証するものではありません。

本書はWebアプリの公開とiOSアプリ化の判断に関する考え方と手順を解説するもので、すべての環境・すべての契約プランで同じ結果になることを保証するものではありません。契約・設定の変更・ドメインの取得・公開範囲の設定は、ご自身の判断と責任で行ってください。

Netlify・Supabase・GitHub・Apple・Google・Stripe・各ドメイン登録サービス等の画面・仕様・料金・無料枠は変更される可能性があり、本書の記載は2026年7月〜10月時点の記録にもとづいています。

それでは、ここから無料公開ぶんの本編です。

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

■はじめに　「作ったのに、自分しか使えない」を終わらせる

もう一度、本書のゴールを確認します。

いきなりアプリにしない。まずWebで公開し、仕上がってからデプロイし、鍵はコードに書かず、反響を見てアプリ化を判断する。

Claude Codeで管理画面・予約フォーム・社内ツールを作れるようになると、次に必ず出てくる相談があります。「できたのに、自分のパソコンでしか動かない」「スタッフにも使わせたいが、どう渡せばいいのか分からない」「スマホのアプリにしたいが、いくらかかるのか見えない」。ローカルで作ったシステムは、そのままでは自分のパソコンの中でしか動きません。人に使ってもらうには「公開」という工程が要ります。

導入支援の現場（2026年7月〜10月の記録）で定まっていた進め方は、はっきりしています。まずWebアプリとして公開し、iPhoneの「ホーム画面に追加」でアプリのように使ってもらい、反響を見てからiOSアプリ化を考える。本書は、その段取りを、どの画面で何を押し、チャット欄に何と打つかまで、記録に残っている手順のまま書いた教材です。

本書の形にすると、こう変わります。チャット欄に「NetlifyとSupabaseでWebアプリとして公開したいです」と打つ。ブラウザが開いてサインアップし、Authorizeを押す。公開URLが出る。プロジェクト名を整え、スタッフに「ホーム画面に追加」の3手順を伝える。修正はローカルで確認し、区切りで「ここまでをプッシュして公開して」。鍵は環境変数に。あなたが判断するのは「誰がどの端末で使うか」と「いつアプリ化するか」だけです。

前提として、インストールと基本の使い方は『超入門編』、ホームページを作る工程は『ホームページ作成編』、セーブとGitHubへの接続は『GitHub・バックアップ編』で扱っています。本書は、ローカルで動くシステムができていて、これを人に使ってもらいたい方向けです。サーバーの知識は不要で、必要なのは環境を名指しで頼むことと、画面に出たボタンを押すことだけです。

本書の画面名・料金は2026年7月〜10月の記録時点のものです。とくに無料枠の数字は時点で揺れています。表記が違っていたら画面の表示を優先し、Claude Codeに「今の画面でどこを押すか教えて」と聞いてください。

■第1章　いきなりアプリにしない — 公開の3段階と、それぞれの費用感

この章のゴールは、「まずWeb、アプリ化は反響を見てから」と自分の言葉で決められる状態です。

▼公開には3つの段階がある

「スマホで使えるようにしたい」と聞くと、多くの方がApp Storeに並ぶアプリを思い浮かべます。しかし、導入支援の記録（2026年7月下旬〜8月）で定まっていた型は、「まずWebアプリ → 反響を見てiOSアプリ化」です。最初からiOSアプリ（App Store配布）を目指すのは、費用と審査の手間を先払いすることになります。

段階と費用感（2026年10月時点の記録）は次のとおりです。

・① Webアプリとして公開 → ブラウザで開ける形で公開する。URLを渡せば誰でも使える。無料〜月10ドル程度

・② ホーム画面に追加 → iPhoneの共有メニューから「ホーム画面に追加」。アイコンが置かれ、アプリのように開ける。無料

・③ iOSアプリ化 → 反響が出てから検討する。Apple Developer登録と審査が要る。登録料が年約13,000円

②の「ホーム画面に追加」を使うと、Webアプリでもネイティブアプリとほぼ同じ感覚で使えます。アプリストアの審査も、開発の追加費用もかかりません。まずこの形で使ってもらい、「ストアに置きたい」「通知を出したい」という声が出てから③に進めば十分です。

▼なぜ「Webから」なのか

✕ 最初からiOSアプリを目指す

・使われるか分からない段階で、年約13,000円の登録料と審査の手間を先払いする

・開発者アカウントの開通に約1週間かかった記録がある（2026年10月）

・審査で指摘が来るたびに、直して出し直す往復が発生する

→ 反響が出る前に、お金と時間が先に出ていく

✓ Webで公開 → ホーム画面に追加

・無料〜月10ドル程度で、今日中にURLを渡せる

・iPhoneでは「ホーム画面に追加」でアイコンから開ける。感覚はアプリと同じ

・修正はローカルで直して上げ直すだけ。審査を待たない

→ 反響を見てから、アプリ化の費用を払えばよい

公開は「まずWeb」。アプリ化の費用と審査は、反響を見てから払う。

▼急ぎの場合はどうするか

2026年10月の記録に、写真販売の仕組みを公開した際「iOS化は開発者アカウントの開通に約1週間。急ぎならWebのままスマホで使う」と整理した場面があります。期限が迫っているほど、Web公開の価値は上がります。アプリ化は「できてから考える選択肢」として残しておけば十分です。

▼この章で決めること

・今回の仕組みは「誰が・どの端末で」使うのか（社内のスタッフか、お客さまか。パソコンか、スマホか）

・まずWebアプリとして公開し、スマホ利用者には「ホーム画面に追加」を案内する、と決める

・iOSアプリ化は「ストアに置きたい」「通知を出したい」が出てから検討する、と決める

▼ここでつまずいたら

「お客さまに渡すものだから、最初からアプリでないと格好がつかない」という不安はよく聞きます。ただ、記録に残っている現場ではWeb公開から始めて困った例はありません。社内利用か顧客向けか、人数や端末の事情で最適な出し方は変わるので、迷ったら使う人と場面を伺って一緒に決めます。

■第2章　構成を決める — Netlify＋Supabase、環境を名指しで頼む、NotionをDBにしない

この章のゴールは、「置き場所はNetlify、データの保管はSupabase」と決めて、チャット欄に一行で頼める状態です。

▼標準の構成（2026年10月時点の記録）

公開には「置き場所（ホスティング）」と「データの保管場所（データベース）」の2つが要ります。2026年7月下旬〜8月の記録で標準になっていた組み合わせは、次の2つです。

・Netlify ＝置き場所。作ったページやアプリを公開するホスティングサービス。無料〜月10ドル。AIが作ったHTMLをそのまま置ける

・Supabase ＝データの保管。予約・登録・記録を貯めるデータベース。無料から始められ、Claude Codeから接続できる

・Claude Code ＝作る人。サーバーは「ビル」、HTMLは「テナント」、作るのがClaude Code、というたとえが講師の説明で使われています

▼指示は、環境を名指しするだけ

チャット欄に打つ言葉は、これだけです。

「NetlifyとSupabaseでWebアプリとして公開したいです」

環境を指定すれば、手順ごと構築してくれます。サーバーの知識を自分で持っている必要はありません。「公開したい」とだけ伝えると選択肢の説明から始まってしまうので、最初から構成を名指しするのがコツです。

▼NotionをDBにしない

Notionをデータベース代わりにしないでください。NotionをWebアプリのDB代わりに使う構成は推奨されていません。データベースが必要ならSupabaseを使います。Notionはメモ・管理画面の用途にとどめてください。

▼WordPressとの違い（講師の説明・2026年10月の記録）

・WordPress → ホームページ特化。有料サーバー（月2〜3千円）。WordPressの枠内でしか編集できず、AIが作ったHTMLを載せるには再変換が要る

・Netlify → ページもアプリも。アプリも動く無料のサーバー。AIが作ったHTMLをそのまま置ける

▼Supabaseをつなぐ（2026年9月下旬の記録）

2026年9月25日の記録で、Netlify＋Supabaseの構成をGitHub経由で公開する流れが実施されています。Supabase側の最初の操作は次のとおりです。

1. Claude Codeのチャット欄の「＋」→「コネクタを追加」をクリックする

2. 検索欄に「supa」と入れ、Supabaseを選ぶ

3. Supabase側で組織を作成し、接続を承認する

4. チャット欄に「Supabaseでデータベース構築して」と頼む

この後の「GitHubにプッシュ → NetlifyのImport from Git」は第3章の経路Bで扱います。

▼ほかのホスティングは必要か

2026年9月中旬の記録で、Claudeの説明として「VercelよりFly.ioが安価（約3倍差）でメール送信も可」という見立てが出た回があります。ただし実際に移行した記録はありません。「Netlifyで困っていなければ変える必要はない」という判断でした。選択肢を増やすより、1つの構成で手順を固めるほうが、初心者には確実です。

▼この章で決めること

・置き場所はNetlify、データの保管はSupabase、と決めて名指しで頼む

・Notionはメモ・管理画面用途にとどめ、DB代わりにしない

・Supabaseはコネクタで接続し、「データベース構築して」と任せる

▼ここでつまずいたら

すでに別のサービスでDBを組んでしまっている、会社で使えるサービスに制限がある、既存のレンタルサーバーを使いたい、といった場合は構成が変わります。既存サーバーに置く方法は第3章の経路Cにありますが、契約内容で手順が変わるので、管理画面を一緒に見ながら決めるのが早いです。

ここまでが無料公開ぶんです。構成を決めて名指しで頼むところまでは、ここに書いたとおりに進めれば動きます。

この先の有料エリアでは、第3章の3つの公開経路と初回エラーの渡し方、第4章の無料枠を使い切らない運用とチャット欄に打つ言葉、第5章の環境変数への鍵の登録手順と置き場所の整理、第6章のプロジェクト名の変更と独自ドメインの紐付け（ネームサーバーの値の場所まで）、第7章の「ホーム画面に追加」とiOSアプリ化の判断・AIを組み込む費用の3つの形、第8章の公開後の確認と仕上げの指示、第9章の症状別チェックリストを、そのまま使える言葉つきで書いています。あわせて、全22ページの図解PDFをお渡しします。

それでは、続きでお会いしましょう。

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝