Sencha Touch アプリの開発環境（@kawanoshinobu）

Posted 2013年7月26日 by 川野忍 & filed under 開発.

開発部川野です。昨日、キャノン IT ソリューションズ様主催の Sencha セミナーで講演させて頂きました。講演は、テキストエディタを使って Sencha Touch アプリを開発する、という内容です。参加者の方からとても元気が出る嬉しいフィードバックを頂いたので、興奮そのままにこの記事を書いています。

セミナーの後、何人かの方から、私の開発環境についてご質問を頂きました。私の個人的な環境ですが何かのお役に立てれば、ということで公開します。

===

◆テキストエディタ

Sublime Text 2

Web エンジニアは UNIX 系のテキストエディタ（Emacs, Vim）を使う人が多い印象ですが、私は Sublime Text を使っています。Sublime Text も Emacs や Vim のようにカスタマイズできるテキストエディタなのですが、後発なだけあって、これまでのテキストエディタの優れた部分をうまく盗んでいるように思います。Sublime Text のちょっとした歴史は昨年の PyCon で発表した私のスライドを見ると面白いかもです。また、インターフェイスの美しさも魅力です。私はテキストエディタを使ってプレゼンする機会がたまにあるので、この部分も気に入っているポイントです。

以下のようにカスタマイズして使っています。

– Vintage モード

キーバインドを Vi 風に変更するモードです。デフォルトのキーバインドを使った方がいい、という意見もあるかもですが、コードを素早く編集するには Vi のキーバインドの方が優れていると感じています。

– スニペット

Sencha のエンジニアが作っているスニペットを利用しています。ちょうど数日前、Sencha の Robert Dougan さんが最新のスニペットを公開していました。以下のものを利用するとよいと思います。

Sencha.sublime:
https://github.com/rdougan/Sencha.sublime

あとは、オライリーから今年の秋に出版される Sencah Touch Cookbook の著者の Lee Boonstra さんもスニペットを公開しているので、そちらを試してみてもよいかもです。

Sencha-Sublime-Snippets:
https://github.com/savelee/Sencha-Sublime-Snippets

– プラグイン

デフォルトのままでも十分に使えるのが Sublime Text のとっつきやすい点ですが、加えていくつかのプラグインを入れています。

SublimeLinter:
https://github.com/SublimeLinter/SublimeLinter

ソースコードのリアルタイムチェックができます。裏側では JsHint を利用するので、Node.js と JsHint のインストールが必要です。