IDEを使っている方は多いかと思います。確かにIDEとして必要な機能は一通り揃っていますし、開発環境を整備しないで良いというのは楽です。言え、開発は常にスムーズではありません。開発効率を上げるためには何か問題が起こった時のデバッグ作業を効率化する必要があります。今回はそのデバッグ作業にLocalkitをお勧めします。Chromeの開発者ツール相当のデバッグ環境が利用できます。実機デバッグしたいデバイスの右側にあるアイコンをクリックすれば良いだけです。iOSの場合はストア版デバッガーでのデバッグが行えません。デバッガーをビルドして実機にインストールする必要があります。IDEにも開発者ツール相当の機能がありますが、一部足りない機能もあります。次のような課題があります。IDEにおけるデバッグ機能の課題ダンプした変数の情報が見づらい変数の内容はconsole.logで出力できますが、複雑なオブジェクトを表示した際にハイライトや折りたたみされないので内容の確認が若干面倒です。ブレークポイントが使えないブレークポイントが使えないため、変数をウォッチしたい場合はconsole.logをコード内にたくさん仕込まなければなりません。コンソールでDOMの詳細が確認できないweineを通して機能しているので、HTMLのDOMを取得すると次のようになります。これでは実体が分かりづらいかと思います。—LocalkitによるデバッグLocalkitの場合はダンプした変数の情報が次のように表示され、折りたたみもできます。ブレークポイントも利用できます。変数の内容もマウスオーバーで確認できますので使いやすいです。DOMの内容を確認したり、一部を書き換えることもできます。リソースタブでは読み込まれているJavaScript、スタイルシートも確認できます。このように、最近のWeb開発と同じ方法でスムーズに開発が進められるようになります。プラグインの利用時にもビルドしたデバッガーでは、アプリ開発時に指定したプラグインも一緒に組み込まれます。そのため、プラグイン部分についても動作が確認できます。ネイティブコード部分を追いかけられる訳ではありませんが、JavaScriptからの呼出部分や、逆にコールバックされた部分にブレークポイントを設定することで予定しているデータが返ってきているかどうかが分かるでしょう。これはWebブラウザを使ってプレビューベースで開発していると度々詰まる点なのでとても便利です。ビルドしたデバッガーで開発することでしょう。新しいプラグインを追加したら、デバッガーをビルドし直せば良いでしょう。デバッガーのビルド方法はこちらの記事をご確認ください。Localkitであれば好きなエディタを使って開発を行えますし、デバッグ効率も大幅に向上します。デバッグで苦労した経験のある方はぜひお試しください。Localkitは、Proプラン以上で利用可能です。中津川篤司プログラマ、エンジニアとしていくつかの企業で働き、28歳のときに独立。2004年、まだ情報が少なかったオープンソースソフトの技術ブログ『MOONGIFT』を開設し、毎日情報を発信している。2013年に法人化、ビジネスとエンジニアを結ぶエバンジェリスト業「DevRel」活動をスタートした。