2015年10月17日に発表したWordBenchデザイナーむけの環境の話です。

1. 2015/10/17
WordBench 大阪
miya0001

4. 本日紹介するサーバー
• コマンド一発で起動
• 設定不要
• メンテナンス不要
あくまでもテスト用の環境なので、
本番で動かそうとしたらダメ！

5. • Windowsはガン無視です。笑
• 黒い画面ですが、コピペですむので簡単なはず。
• 簡単に無かったことにできますのでメンテナン
ス不要です。

6. $ python -m SimpleHTTPServer

7. • Macではプリインストール。
• コマンドを実行したディレクトリがドキュメント
ルート。
• 静的なサイトの確認作業に便利。

8. $ npm install -g http-server
$ http-server -c1 -o

9. • Node.jsを使ったウェブサーバー。
• Node.jsには他にもいろいろある。
• フロントエンドのテストの自動化に便利
• .bash_profileに以下のように書いとくと便利！
alias www="http-server -c1 -o"

10. $ php -S localhost:8000

11. $ brew install mysql
$ mysql.server start
$ echo "CREATE DATABASE wordpress
DEFAULT CHARACTER SET utf8
COLLATE utf8_general_ci;" | mysql -u root
MySQLを用意すればWordPressも動きます。

13. 作ってみた。
https://github.com/miya0001/wp-instant-setup
コマンド一発でWordPressをホイホイ作れます。

15. $ brew install ngrok
$ ngrok 8080

16. • たったこれだけのコマンドで外部からのアクセ
スが可能。スマホでチェックできるぞー。
• インストールが簡単。
$ brew install ngrok

17. $ mailcatcher

18. • ウェブアプリケーションが出力するメールをなん
でもかんでもとっ捕まえて確認できるようにする
• セットアップはややめんどくさいので教えてあげ
ない。笑
（VCCWではプリインストール！）