開発環境を手軽に用意。ローカルサーバーの立ち上げと確認用サイトの公開を簡単に行うツール

今日は技術系の記事を書きます。
サイトを作る時に、ローカル環境でサーバーを立てたり、作ったサイトのデータを誰かと共有するという工程があるかと思います。
僕の場合は、ローカルサーバーの立ち上げをほとんどせずに自分のテストサーバーやお客さんのサーバー上にテスト環境作って共有したりすることが多いんですが、稀に例外的な感じで動くこともあります。
その時に使っているものを紹介しようというのが今回の趣旨です。
今回はメインで使っている2つと、その2つが使えない時の代替候補のツール2つを紹介します。
なお、今回のコンセプトは「パッ」と作って、「サッ」と確認してもらうことが前提なので、その環境を中長期的に維持していく想定ではありません。
その点を踏まえて読んでいただければと思います。

ローカルサーバーの立ち上げにはSuperStatic

以前書いたAMPの時にもさらっと触れましたが、ローカルサーバーをサクッと立ち上げるのに一番手っ取り早いのは「SuperStatic」だと思っています。
XAMPPとかVagrantとかでもいいんですけど、初期に時間がかかるので早さ優先の場合ではちょっとどうかなという部分がありますし。
SuperStaticの場合は、nodeの入っている環境であれば、
npm install -g superstatic
ってターミナルで打ってインストールしたら、
cd 確認したいディレクトリ
で移動して
superstatic
ってターミナルで打てば「localhost:xxx」とかでローカルサーバーが立ち上がります。
実にスピーディーで簡単ですね。
この場合は自分の環境で動きさえすればいいので、簡単にサーバー上での動作確認したい場合とかはこれで十分な場合の方が多いかもしれません。
こういう方法もあるということを知った上で、TPOに合わせて自分がやりやすい形で作ればいいんじゃないでしょうか。
追記:以前のバージョンのSuperStaticでは「ss」ってコマンドで起動しましたが、現行の4.0.1のバージョン(2016/1/12現在)では「ss」では起動しなくなっています。
SuperStaticを開発したDivshotが、Google傘下のFirebaseに吸収されましたので、その影響ではないかと思います。

作ったものの確認環境にはsurge

作ったものをサクッと確認してもらう場合は、「surge」が便利です。
こちらもnodeが入っている環境であれば
npm install --global surge
ってターミナルで打ってインストールしたら、
cd 確認したいディレクトリ
で移動して
surge
ってターミナルで打てば、ディレクトリ下のデータがsugeのサーバーにアップロードされて「xxx.surge.sh」という形のサブドメインで確認できます。
こちらも非常に簡単です。
作ったデータがsurgeのサーバーに転送されるので、それが嫌な人や案件によっては使えませんが、こちらもこういう手段があるということを知っておくだけで選択肢が広がります。
なお、アップロードされたプロジェクトは
surge list
で確認できます。確認して不要なデータを削除する場合は
surge teardown ドメイン名
で削除することができます。
不要なデータは削除しておく方がエコですね。

その他のツール

今回紹介した2つ以外にも同様のサービスはたくさんあります。
ローカルサーバーで言えばアプリとかもありますので選択肢も多いと思いますので、surgeと同じような機能の2つを紹介します。
まず一つ目は「LocalTunnel」
これもnode環境があればsurgeと同じような感じで使えます。
きちんと使ってないのですが、さくっと使った感じでは特に問題なく使えたので好みの問題で使い分けたらいいかなと思います。
もう一つは「ngrok」。
こちらはnode環境なくてもインストーラーも用意されているので、ターミナル苦手とかwinの人でも使えるかと思います（Winで試してませんがサイト上には使えると表記してあります）
これも使い方は簡単ですが、サイトの説明は英語なのでそれが苦手だと辛いかもしれません。

まとめ

この辺のツールは、今紹介してますが実際には結構前からあるものです。
Webの最新のツール類はすごく開発が早いので、今こうやって紹介してますが次の日にはもっといい上位互換のツールが出てくることもしばしばです。
なので、僕自身もずっとこれを使い続けるつもりも特にないですし、いいものがリリースされたらそっちを使うと思います。
ただ、このツールはこういうときに使えるものだということを知っておけば、いざという時に役に立つとは思うので覚えておいて損はないかと思います。