手でサーバーへ上げる
- 💻 自分の PC
- ✋ 手で 1 つずつ
- 🖥️ サーバー
- どのファイルを上げたか分からなくなる
- 上げ忘れで、新しいページと古いページが混ざる
- ほかの人が直したファイルを、古いもので上書きしてしまう
📚 200stack のやさしい解説 · 第 3 回
ファイルを手でサーバーへ上げる更新から、GitHub に push するだけで公開される更新へ。言葉の意味から、順に見ていきます。

ももサイトを更新するたびに、ファイルをサーバーに上げるのが大変…

おもちそれなら、push するだけで公開する流れを、図で見てみよう!
動画で解説 🎬
むかしながらの更新 ✋
よくあるのは、手元の PC で直したファイルを、自分でサーバーへ上げるやり方です。
手でサーバーへ上げる
push で公開する
どの困りごとも、原因は「人が手で運んでいる」こと。運ぶ作業を仕組みに任せれば、間違いを減らせます。
きほん 📒
いつ、どのファイルのどこを変えたかが、一つずつ順番に残る
その記録帳を、インターネットの上に置いておける場所
サイトのファイルと記録帳を、まとめてしまっておくところ
手元の PC で付けた記録を、GitHub へ送ること
push は「このサイトの最新の状態はこれです」と GitHub に知らせる操作です。
ステップ 1 🔗
200stack では、はじめに GitHub のリポジトリを 200stack につなぎます。
最初の 1 回
一度つなげば、リポジトリに push されたことに、200stack が気づけるようになります。
2 回目から
サーバーにつなぐ・ファイルを選んで上げる、といった作業は要りません。
ステップ 2 📤
push するたびに、次の流れが自動で進みます。
手元の変更を GitHub へ送る
200stack が push に気づく
サイトのファイルを、公開できる形に組み立てる
できたページを、世界中の配信拠点(CDN)へ送る
新しい版のサイトが見られるようになる
人がすることは、手元で直して push するだけ。もう、ファイルを手で上げなくて済みます。
ステップ 3 📜
自動で進むぶん、「ちゃんと動いているか見えないと不安」という声にも応えます。
ビルドのログ
どこまで進んだかを、管理画面でリアルタイムに見られます。うまくいかなかったときも、ログを見れば原因を探せます。
🔍 つまずいた場所が分かる
デプロイの履歴
公開の作業(デプロイ)は、コミットのメッセージと一緒に残ります。問題があれば、直前の安定した版にすぐ戻せます。
⤵️ 直前の版に戻せる
正直なところ ⏳
それでも、ファイルを探して手で上げ、表示を確かめる作業と比べれば、手間はずっと少なくなります。
ステップ 4 👀
いきなり本番に出すのがこわいときは「ブランチ」を使います。本番とは別の、作業用の線のようなものです。
本番
ブランチで作業しているあいだも、本番のサイトはそのまま見られます。
ブランチ(作業用)
プルリクエストやブランチごとに、プレビューの URL が自動でできます。本番に出す前に、変更後の見た目をそこで確かめられます。
共有リンクを送れば、公開前のサイトを、ログインも登録もなしで見てもらえます。スマホでも開け、必要ならパスコードを付けられて、共有はあとから止められます。
まとめ

おもちサイトの公開は、200stack におまかせだよ。料金は月330円(税込)から。
本サイトでは、アクセス解析(Google アナリティクス)と広告の効果測定(X のピクセル)のためにクッキー等を利用し、閲覧したページなどの情報を Google と X に送ります。この選択は管理画面(dashboard.200stack.com)と共有します。同意いただける場合は「同意する」を押してください。詳細は プライバシーポリシー をご確認ください。
本サイト(www.200stack.com)における200stackの計測状態をこのブラウザで確認し、いつでも停止または再開できます。
現在の状態
停止すると、このブラウザでは計測用識別子の保存および任意のサイト分析イベントの送信を停止します。設定は Cookie に保存されるため、ブラウザや端末を変えると別の設定になります。お客様の公開サイトでは、そのサイト上の案内をご確認ください。