LoginSignup
17

More than 5 years have passed since last update.

軽い開発環境をつくりたい。

Last updated at Posted at 2015-02-24

javascriptの開発環境の変遷はめまぐるしいですね。

業務でつかっているタスクランナーを使って個人開発や軽いプラグインを作ったりするとなにかと取り回しが悪かったりするので、

なるたけ軽く開発環境を構築して、終わったらさっと解体したい。
そう思って最近試行錯誤しています。

ワンライナーウェブサーバー

ささっとWebサーバー建てられます。&を付けるとタスクがバックグラウンドになるので、
何個もTerminal立てる必要ないですね。

php
$ php -S 0.0.0.0:8000 -t ./ &
python
$ python -m SimpleHTTPServer 8000 &
node
$ serve -p 8000 &

grunt &と併用すればいいかも。
止めたくなったら fg でフォアグラウンドにしてctrl+cで消すとか
killall phpってやればphpのタスク全部消せます。
psで今動いてるタスクリストして kill [番号]すれば狙って消せます。

shellで管理する。

グローバルにインストールされたプラグインを使えば、npm installする手間が省けます。

CoffeeScript

$ coffee -mwc coffee/*.coffee &

Stylus


$ stylus -m -w *.styl &

その他でも同様にお願いします。
これを毎回やるのは面倒なので、shellscriptを作ります。

ShellScriptを書く

フロントエンドな人には割と疎遠なshellscriptですが、
カンタンな物を書くだけなら誰でも出来て便利です

hoge.sh

# runserver
$ php -S 0.0.0.0:8000 -t ./ &
# coffeescritp
$ coffee -mwc coffee/*.coffee &
# stylus
$ stylus -w *.styl &

alias killproject='killall php coffee stylus'

こんな具合ですね。
実行は shコマンドで。

$ sh hoge.sh

まとめ

もうちょい賢い方法を模索したいですが、最近はコレで気負いなく制作出来てます。

業務使いでも、画像圧縮したいだけなら、
gulp-imageminnpm install してタスク登録してあれこれやるより、
$ imagemin images/* destしたほうが圧倒的に軽量ですね。

minifyもuglifyも同様だと思います。

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
17