最近使ってたりするJavaScript関係のツールまとめてみた。
主にWebサービスです。

  • Global is the new private
    JavaScriptライブラリの名前空間汚染をチェックするツール。
    元々載ってるもの以外でも*Analyze your own scripts!*から調査したいライブラリを追加できる。
  • jsFiddle
    ブラウザ上で HTML / CSS / JavaScript の実行結果を表示できる。
    Embedコードもあるので、ブログにjsやCSSなどを載っけるのに便利。
    エディタ機能も整形、シンタックスハイライトしてくれるので使いやすい。
    HTML5のコードを使うにはInfoからDTDを変更してから使う。
    類似:MooShell
  • Gist – GitHub
    gistです。コードスニペット共有サービスです。
    Greasemonkey貼るときgist fill in fileName automatically for Greasemonkeyを使うと楽です。
  • jsPerf
    benchmark.jsを使った比較ツール。JavaScriptのスニペットを登録して処理時間を比較できる。
    実行結果がサイトに記録されるので、他人がやった結果がどんどん貯まるのも良い点。
  • ExtendsClass Regex Tester
    JavaScriptの正規表現を確認できるツール。
    類似:RegExpChecker.js
    正規表現関係で、正規表現をオートマトン的に図示してくれるstrfriendも便利です。
  • Pretty Diff
    JavaScript、CSS、CSV、HTMLのコードを整形、圧縮、Diffなどができる。
    いろんなものを詰め込んだ感じのツール
    JavaScriptの整形自体はJS Beautifierが好き(Pretty Diffでも使ってる)
  • Experimentation Harness
    DOMイベントの調査ツール。
    DOMイベントが網羅的に載ってるので確認に使ったりする。
  • Keycode library test
    キーボードのキーコード調査ツール。
    修飾キーとの組み合わせにも対応してます。(各ブラウザのキーコード表[JavaScript])
  • Online JSON Viewer
    JSONビューアー。ツリー表示や整形機能。
    Firebugとかでみたりもするけど、UIが好き。
  • エンコードマニアックス – 各種エンコードやハッシュを一発作成
    エンコード/デコード結果がまとめて見られるので結構使います。
    汎用的に使えます。
  • Unicode code converter [ishida >> utilities]
    同じくエンコード。数値文字参照とかJavaScriptのエスケープ。
    少し特殊っぽいの多め
  • XPath検索バー (for Mozilla/Firefox) | 東京嫉妬
    XPathのチェックブックマークレット
    ちょっとだけいじった気がするバージョン : XPath Tester
    Firefoxの拡張だとxpath finderがシンプルで使いやすいチェックツール。
  • XPathGenerator – Hatena::Let
    インスペクタからクリックで要素のXpathを生成するブックマークレット