Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
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 みたいな)を

知るだけでもためになる
Upcoming SlideShare
Loading in …5
×

JSHint を自分好みにする話

1,109 views

Published on

フロントエンド入門編ということで、
JavaScript を今まで触ったことがないけど、
今から少し書くという方向けの発表です。

Published in: Engineering
  • Be the first to comment

  • Be the first to like this

JSHint を自分好みにする話

  1. 1. JSHintを自分好みにする話 2014/08/08(金) html5nagoya#14
  2. 2. 発表前に… • 今日は『フロントエンド入門編』
 ということで、
 普段使ってる JSHint の話をします • 入門編なので、
 導入部分(&デモ)までです
  3. 3. JSHintって? • JavaScript を書いたときに、
 いい感じにチェックしてくれるもの • Web サービスもある
 http://www.jshint.com/ • JSLint ってのもある、
 こっちは 鬼軍曹 モード
  4. 4. (ぶっちゃけこれは使いませんが)
  5. 5. JSHintを自分好みにする、 とは?
  6. 6. JSHintを自分好みにする、 とは? • 毎回Webサービス開いて貼付け、 • いやいやそんなまさか・・・ • 自分のエディタで動かそう • どうせならカスタマイズしよう
  7. 7. おすすめの使い方 1. JSHint のオプションの名前を知る 2. ".jshintrc" などの設定ファイルに記述 3. JSHint に
 優しくダメ出しされながら成長する
  8. 8. JSHint Options • http://www.jshint.com/docs/options/
  9. 9. エディタごとに JSHint が
 使えるように設定 • ここはエディタごとに全然違うので
 省略 • Sublime Text あたりにも
 存在してるようなのでお調べください • ちなみに Vim というエディタを使っています
  10. 10. デモ! • 実際にエディタ上で
 オプション変えながら動作デモ!
  11. 11. まとめ • JSHint のような Linter, Validator
 ツールは積極的に導入しよう • 名前重要
 オプション名(unused みたいな)を
 知るだけでもためになる

×