JSHintを自分好みにする話

2014/08/08(金) html5nagoya#14

発表前に…

• 今日は『フロントエンド入門編』ということで、普段使ってる JSHint の話をします

• 入門編なので、導入部分（＆デモ）までです

JSHintって？

• JavaScript を書いたときに、いい感じにチェックしてくれるもの

• Web サービスもあるhttp://www.jshint.com/

• JSLint ってのもある、こっちは 鬼軍曹 モード

（ぶっちゃけこれは使いませんが）

JSHintを自分好みにする、とは？

JSHintを自分好みにする、とは？

• 毎回Webサービス開いて貼付け、

• いやいやそんなまさか・・・

• 自分のエディタで動かそう

• どうせならカスタマイズしよう

おすすめの使い方

1. JSHint のオプションの名前を知る

2. ".jshintrc" などの設定ファイルに記述

3. JSHint に優しくダメ出しされながら成長する

JSHint Options

• http://www.jshint.com/docs/options/

エディタごとに JSHint が使えるように設定

•ここはエディタごとに全然違うので省略

• Sublime Text あたりにも存在してるようなのでお調べください

• ちなみに Vim というエディタを使っています

デモ！

• 実際にエディタ上でオプション変えながら動作デモ！

まとめ

• JSHint のような Linter, Validatorツールは積極的に導入しよう

• 名前重要オプション名（unused みたいな）を知るだけでもためになる