各種JavaScriptフレームワーク開発で役立つChrome機能拡張まとめ

Google ChromeのDevToolsは拡張機能を作るのに重宝しますが、標準で提供されているもの以外にも機能拡張によってより便利なツールになります。

今回は特に各種JavaScriptフレームワーク向けに提供されている機能拡張を紹介します。これらを使うことで開発がよりスピードアップするはずです。

ビルド

• Grunt
• Gulp

フレームワーク用

• Batman.js
• rAppid:js
• Redux
• Vue.js
• Knockoutjs
• React Developer Tools
• Kendo UI
• Atma.js

AngularJS

• AngularJS Batarang
• Angular Scope Inspector
• AngularJS Console
• ng-inspect for AngularJS 1.x

Backbone.js

• Backbone.js
• Marionette

jQuery

• jQuery
• jQuerify

Three.js

• three.js
• Three.js Editor Extension

言語拡張

• ECMAScript2015
• CoffeeScript
• CoffeeReplConsole

有名なフレームワークやライブラリであれば大抵拡張機能が存在するようです。これらを使うことでインスペクタが深く追えるようになったり、専用のタブを使って処理を解析できるようになります。Three.jsのようにグラフィックスが高度なライブラリに対しても有効と言えるでしょう。

JavaScriptを使った開発の際にはぜひこれらの機能拡張を組み合わせて生産性を高めてください！