Webに公開する

で、結局どれを使えばいいの

無料で置ける場所は何種類もありますが、やってくれることはどこも同じです。

ここ、比べ始めると止まるところなんですよね。名前が3つも4つも出てきて、どれも無料で、 どれも良さそうに見えて、比べているあいだは1ページも公開されていない。なので先に結論を置いておきます、選ぶところで止まらないように。

並べるとこうなります

Vercel を推す理由は、初回だけつなげば、毎回のデプロイ作業が消えるからです。 最初の1回、Vercelのプロジェクトに自分のGitHubの置き場所を引っ張ってくる。 やるのはそれだけで、以降は前のコースでやった「コミットしてプッシュして」を言うたびに、 公開しているURLの中身まで勝手に新しくなります。 詳しくは次のSTEPからやりますが、この楽さは一度体験すると戻れません。

Netlify は、やることが Vercel とほとんど同じです。 僕は両方使っていますが、この用途で違いを感じたことはありません。二番手として十分ありです。 GitHub Pages は、新しく登録するものが何も無いのが強い。 ただ、無料のままだと置き場所そのものを公開に切り替えることになるので、 前のコースで非公開にした流れとぶつかります。普通に公開する分にはOK、くらいの位置です。

もう1つ、Cloudflare というのもあって、本格的にやるならこれが結構いいです。 ただ上級寄りなので、今回は説明しません。名前だけ覚えておいてください。 どれを選んでも、無料の枠だけでこのコースは最後まで進みます。枠の中身はときどき変わるので、いま何がどれだけ使えるのかは公式の案内が正です。

そのページで、お金が動く予定はあるか

1つだけ条件があって、Vercel の無料の枠は、商売には使えません。何かを売る、広告を貼る、課金の仕組みを入れる。 そういう予定があるページなら、無料のVercelのままでは条件から外れます。 そのときは、さっき名前だけ出した Cloudflare を使っていく形になります。

気をつけたいのは、商売かどうかの線は、思っているより手前にあることです。 自分では趣味のつもりだったのに、広告を1枚貼っていて条件から外れていた、というのが普通に起きます。 お金が動く予定が少しでもあるなら、出す前に、使うサービスの案内で条件を見てください。 今回はまず自分の道具を無料で置く話なので、Vercelのままで大丈夫です。

アカウントを作る

1. 上のボタンからページを開く
2. GitHub で続ける、を選ぶ
3. つないでいいか聞かれるので、許可する

GitHub のアカウントで入るのがおすすめです。あとでつなぐ作業が、そのぶん短くなります。

何を許可しているのか

「許可する」を押すときに、何を渡しているのか気になりますよね。渡しているのは、預けた置き場所を読む権限です。

他のを選ぶ人は、ここから

Vercel で進める人は、ここは読み飛ばして次へ行ってください。入口だけ置いておきます。つないだあとの流れは、このあとのSTEPがほぼそのまま通ります。

ここまでのまとめ