JSHint を自分好みにする話

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 みたいな）を 
知るだけでもためになる

Recommandé