良いところ
スマホでも本物が見られる
公開したときと同じ動きを、お客様の手元で確かめてもらえます。
📚 200stack のやさしい解説 · 第 5 回
公開前のサイト、
お客様にどう見せる?
公開前のサイトを確認してもらうときの、よくあるやり方と困りごと。それから、プレビューと共有リンクで確認を楽にする方法を紹介します。
ももお客様のサイトがもうすぐできるんだけど、公開前にどう見てもらえばいいかな?
おもちよくあるやり方と困りごと、それから楽な方法を話すね。
動画で解説 🎬
動画で解説
困りごと 1 🖥️
テスト用のサーバーに置いて、URL を送る
テスト用のサーバー(サイトを置いておくコンピューター)にファイルを置き、その URL をお客様に送るやり方です。
困りごと
URL を知っていれば、誰でも見られる
- 送った URL が、ほかの人へ転送される
- 設定によっては、検索結果に出てしまう
- 修正のたびに、ファイルを置き直す手間がかかる
公開前のサイトには、発表前の商品やキャンペーンの情報が入っていることもあります。先に漏れてしまうと困ります。
困りごと 2 🔒
パスワードを付ける・見る人を限る
テスト用のサーバーに鍵をかける方法も、よく使われています。
パスワードを付ける
お客様に入力してもらう必要がある
ユーザー名とパスワードを伝えて、入力してもらいます。スマホの小さなキーボードで打つのは面倒です。
📝 伝えたメモをなくされ、聞き直しになることも
見る人を限る
外出先やスマホの回線から見られない
会社のネットワークからだけ見られるようにする方法です。安全にしやすい一方で、外からは開けなくなります。
🚃 移動中にスマホで確かめたい方には不便
「手軽さ」と「安全さ」、それに「お客様の見やすさ」。この 3 つを同時に満たすのは、なかなか難しいものです。
楽にする方法
プレビューと共有リンクで、確認を楽に
プレビューは、公開前の内容を確かめるための見本のページです。共有リンクと組み合わせると、確認の手間を減らせます。
👀 解決 1
プレビューが自動でできる
テスト用のサーバー
サーバーを自分で用意して、修正のたびにファイルを手で置き直します。
200stack
ブランチやプルリクエストごとに、確認用のプレビューの URL が自動でできます。
💡 ブランチやプルリクエストは、公開中のサイトとは分けて修正を進めるための、作業のまとまりです。「トップの直し」「お知らせの追加」のように、修正ごとにプレビューができます。
🔗 解決 2
共有リンクを送るだけ
パスワードを付ける
ユーザー名とパスワードを伝えて、お客様に入力してもらいます。
共有リンク
お客様はリンクを開くだけで見られます。ログインも、アカウントの登録もいりません。
💡 スマホでもそのまま開けるので、外出先でも、いつものスマホで本物のサイトを確かめてもらえます。
解決 3 🔑
パスコードを付けたり、あとから止めたり
「リンクが転送されたら、誰でも見られてしまうのでは?」という心配にも備えられます。
パスコードを付ける
- 🙋 お客様
- 🔑 パスコードを入れる
- ✅ 見られる
パスコードを知らない人は、リンクだけが転送されても、中を見られません。
🚫 転送された先では見られない
共有を止める
- 🟢 共有中
- ⏹️ 停止
- 🚫 開いても見られない
共有は、あとから止められます。止めたあとは、リンクを開いても見られません。
😌 確認が終わったら止めておく
その結果 🚀
確認のやり取りが速くなる
見てもらうまでの手間が減るので、「送る → 見てもらう → 直す」を回しやすくなります(流れはイメージです)。
これまで
- 🖥️ サーバーに置き直す
- 🔑 パスワードを伝える
- ❓「パスワードは?」
- 🔁 また直して置き直す
200stack なら
- 📤 直して push
- ⚙️ プレビューを作り直す
- 📱 見てもらう
直した内容を GitHub に送る(push する)と、プレビューも作り直されます。
サーバーへの置き直しがいらないので、お客様を待たせずに済みます。
よくある疑問 💬
よくある疑問
- Q. お客様に用意してもらうものは?
- 届いたリンクを開くだけです。アカウントを作ったり、ログインしたりしてもらう必要はありません。
- Q. テスト用のサーバーは要る?
- 自分で用意しなくて大丈夫です。修正を push すれば、プレビューが自動で作り直されます。
- Q. 直したら、すぐに反映される?
- プレビューを作り直す(ビルドする)ので、反映までに数分かかることがあります。
まとめ
公開前のサイトを、
すぐ、安全に共有。
- ✅ リンクを送るだけ
- ✅ スマホでもそのまま
- ✅ パスコードも付けられる
- ✅ 共有はあとから止められる
おもちお客様への確認も、200stack におまかせだよ。料金は月330円(税込)から。
