【開業医院長先生：いつでも引っ越せる、ホームページ】9️⃣「置き場所を、選ぶ」（CloudflareのつもりがVercelに）

※この記事は、パソコンが苦手な先生のために、いちばんやさしく書いています。
※むずかしい言葉は、初めて出たとき、すぐ横で、そえ書きします。

【前回はこちら】

【先に、結論をお伝えします】

8回で、お弁当のようなページを作りました。
今回は、そのお弁当を並べる棚を、選びます。

候補は、3つです。

Cloudflare（クラウドフレア）。
Firebase（ファイアベース）。
Vercel（バーセル）。

僕は、Vercelにしました。
練習は、無料で。
医院の本番は、月20ドルの有料プランで、と考えています。

実は、最初は有名なCloudflareにするつもりでした。
実際に置いてみて、考えを変えました。
今回は、その話です。

【棚とは、何でしょう】

8回で、例えました。
WordPressは、注文のたびに厨房で作る料理です。
HTMLのページは、詰め終わったお弁当です。

お弁当は、並べておくだけで足ります。
その並べておく場所が、棚です。
正しくは、ホスティングといいます。
ホスティングとは、ページのファイルを預かって、見に来た人に渡してくれるサービスのことです。

【物差しは、1つだけです】

物差しは、これです。
普通の先生が、現実にできるか。

僕は、よくこの言葉を使います。
TPPI（ティーピーピーアイ）です。
理屈ではできるが、現実にはできない、という意味です。

この考えは、前に書きました。

理屈でできることは、たくさんあります。
でも、年に数回しか画面を開かない先生には、むずかしいことがあります。
人に、むずかしいことをさせない。
それを、棚選びの物差しにしました。

【Cloudflare：理屈では、いちばん無料】

Cloudflareは、前の連載で使った棚です。
無料のプランでも、医院のページを置けます。
見に来た人にファイルを渡すのは、無料で、回数の制限もありません。

置き方も、前の連載で書きました。

今回、8回のページを、もう一度置いてみました。
すると、つまずきが3つありました。

1つ目です。
置いたのに、見かけが出ませんでした。
文字だけの、白いページになりました。
上げ直しても、入口を変えても、同じでした。

AIに相談して、原因が分かりました。
見かけの指示書（CSS）を、「これは見かけの指示書です」という札なしで、渡していたのです。
「_headers」という、1行だけのファイルを足すと、直りました。
でも、普通の先生が、自分で気づくのは、むずかしいと思います。

2つ目です。
同じ名前の置き場所が、2つできてしまいました。
入口によって、置き場所の種類が違うからです。
どちらを残して、どちらを消すか、迷いました。

3つ目です。
医院の住所（ドメイン）の大事な設定と、練習のページが、同じ画面に並びます。
どの画面にいるのか、分からなくなりました。
うっかり大事な設定を押しそうで、こわいと感じました。

どれも、理屈では、乗りこえられます。
でも、普通の先生には、TPPIだと思いました。

Cloudflareが、悪い棚なのでは、ありません。
慣れた人には、とてもよい棚です。

【Firebase：無料で置けるが、量に注意】

Firebaseは、Googleの棚です。
無料のプランでも、医院のページを置けます。

ただ、量の上限があります。
保存できるのは、10GBまで。
見に来た人に渡せるのは、1日360MBまでです。

360MBは、どのくらいでしょう。
写真の多い、1回2MBのページなら、1日およそ180回で上限です。
文字中心の小さなページなら、ずっと余裕があります。

【Vercel：僕が選んだ棚】

Vercelでも、8回のページを置いてみました。

ファイルを、画面にドラッグしました。
名前を付けて、ボタンを押しました。
それだけで、置けました。
見かけも、そのまま出ました。
「_headers」は、要りませんでした。

管理の画面も、すっきりしていました。
1つのページのことだけが、1つの画面にまとまっています。
医院の住所の大事な設定が、隣に並ぶことも、ありません。

直したいときは、直したファイルを、同じ画面にもう一度ドラッグします。
間違えたら、ボタン1つで、前の状態に戻せます。

【Vercelの、お金の話】

Vercelには、無料のプランがあります。
ただ、決まりがあります。
無料のプランは、仕事ではない、個人の利用だけ、と公式の説明に書いてあります。

医院のページは、診療というサービスを知らせるページです。
仕事（商用）にあたる可能性が、高いと思います。
だから、医院の本番のページは、有料のプランにします。
有料は、1人あたり月20ドルです。

僕は、こう考えました。
練習は、無料のプランで、架空のページを置いてみる。
慣れたら、医院の本番のページを、有料のプランで置く。

月20ドルは、安くはありません。
でも、迷わずに済むこと、こわい画面を開かずに済むことの代金と思えば、僕には安く感じました。

決まりや値段は、変わることがあります。
今回の数字は、2026年10月25日に、公式の説明で確かめたものです。
使う前に、もう一度、確かめてください。

もう1つ、正直に書きます。
Vercelの画面は、英語です。
ただ、押す所は少ないので、次回、1つずつ案内します。

【代わりを、1つ言えるか】

4回で、「代わりを1つ言えるか」と書きました。
Vercelも、1つの会社のサービスです。

僕の答えは、Cloudflareです。
もしVercelが使えなくなっても、お弁当は、別の棚に並べ直せます。
HTMLとCSSは、どの棚にも置けるからです。
「_headers」のことも、もう分かっています。

これが、いつでも引っ越せる、ということです。

【練習は、1つだけです】

Vercelのアカウントを、作ってみてください。
メールアドレスで作れます。

途中で、「Choose a Plan」（プランを選ぶ）という画面が出ます。
選ぶ所は、2つあります。

・上の「I'm working on commercial projects」は、仕事で使う、という意味です。有料のProです。
・下の「I'm working on personal projects」は、個人で使う、という意味です。無料のHobbyです。

練習なので、下の「personal projects」を選びます。
「Team Name」には、練習と分かる名前を入れます。
「Continue」を押せば、できあがりです。

作れたら、十分です。
作れなくても、大丈夫です。
どこで止まったかが、収穫です。

【次回は】

次回は、8回で作った「あおば眼科（架空）」を、Vercelに置きます。
ドラッグして、名前を付けて、ボタンを押すまで、画面ごとに書きます。

【今日のひとこと】

最後に、余談を1つ。

Cloudflareでつまずいたとき、画面の写しを、そのままAIに見せました。
「これは、どういうこと？」と聞くと、すぐに答えが返ってきました。
分からない画面は、1人で読まなくてよいようです。

むりなく、安心して、少しずつ。

【このシリーズ】

いつでも引っ越せる、ホームページ（PHPの穴から始まる連載）

【ここも、見ていただけるとうれしいです】

とりあえずWebサイト簡単に

K先生！3年後に読んで下さい【Google AI Studio Build】

【お許しください】

このシリーズは記事によってはClaudeというAIに手伝ってもらっています。
（Project機能を使って）
したがって、間違いが残っているかもしれません。
気づかれたら、そっと教えてください。
＊皆様もProject機能お試しください

【NYAUWプロジェクト＆姉妹連載のマガジン】

🔒密々是ローカルAI
https://note.com/teyede1972/m/mc5d37f1656b6
🌏渡々是世間
https://note.com/teyede1972/m/m8d3d2ec868f9
⌨️分々是StreamDeck
https://note.com/teyede1972/m/m2103e34a5c18
📝声々是カルテ文字起こし
https://note.com/teyede1972/m/m099f5117f6f7
💬刻々是患者さん説明
https://note.com/teyede1972/m/m32699e71dbbd
💊日々是疑義照会
https://note.com/teyede1972/m/m1e631f16a09f
🔁折々是紹介逆紹介
https://note.com/teyede1972/m/m4668c2a272b3
🍱旅々是学会飯
https://note.com/teyede1972/m/mcb9c12317b94
🏥行々是クラウド総合病院
https://note.com/teyede1972/m/m9dc07b23cf91

今日はここまで