VimからHTMLHintを使う2014年7月27日HTMLの簡単な文法チェックには長らくValidator.nuのAPIを利用していたけど、Node.jsパッケージのHTMLHintがそこそこ使えそうだったので今はこっちを使っている。ローカルで動くと気軽に使える度が増す。デフォルトでインストールされるCLIプログラムはリッチな感じの出力にしか対応していないので、ちょっと扱いづらい。Vimのデフォルトのerrorformatに応じた形でチェック結果を出力するだけのNode.jsスクリプトを書いて使ってる。htmlhint.vimあらかじめグローバルにHTMLHintをインストールしておく必要がある。htmlhintをパスの通った場所に、htmlhint.vimを~/.vim/compilerディレクトリにコピーし、~/.vim/vimrcなどで以下の様に設定してやるとインストール完了。ENDこれで保存するたびにHTMLHintが走ってくれる。手動でmakeしても良い。HTMLHintはそれ(Node.js)なりに高速な動作とJSHintライクなゆるいチェックのお陰で、利用によるストレスは少ない。要素名や属性名が小文字になっているかどうかや二重引用符だけを使っているかどうかなどというValidator.nuでは警告されないものや、idがユニークであるかのチェックといった一歩踏み込んだものまで、なかなか良いチェック・ルールが揃っている。Lintという名前でウェブサービスとして公開されていた奴に似てる。上記Node.jsスクリプトでは、チェックするルールは僕の好みで以下のように設定してある。false};書き方の都合上、空要素のスラッシュの省略(書かない)やimg要素のalt属性の省略(書かなくて良い時もある)を許可したりしてる。URIを使うこともあるのでチェックしないようにした。他は必要なさそうというものだけを無効にしてる。LintやJSHintと同じように開発フローに組み込むのも手軽で良い。カジュアルに使えてかつ最低限のHTMLクオリティを保証できそうなツールなので、積極的に使うとみんな幸せになれそう。CC/BYTwitterRSSながしまきょう。