ArcGIS API for JavaScript 用 Ember

ReneRubalcava

<\/HEAD>

<\/P>

つい最近、Jeff Jackson が ArcGIS API for JavaScript と Ember の使用についてのブログ投稿<\/A>を公開しました。これは EmberJS<\/A> を ArcGIS API for JavaScript<\/A> と一緒に使う方法についてかなり良い概要を示しています。Ember 自体は最近かなり成長しており、その多くは ember-cli<\/A> の人気によるものと言えるでしょう。<\/P>

<\/P>

ember-cli とは何ですか？<\/EM><\/STRONG> お尋ねいただきありがとうございます。<\/H2>Ember-cli は Ember のやり方で構築されたアプリケーションのスキャフォールディング、テスト、実行のためのコマンドラインツールです。ご存知の通り、Ember は非常に意見の強いフレームワークです。あなたはこう思うかもしれません、「アプリを作る方法を教えてくれるフレームワークなんて必要ない！」<\/EM> そう、それがフレームワークの役割です。中にはもう少し柔軟なものもあります。Ember が柔軟でないと言っているわけではありません、他のどんなフレームワークと同様に Ember でもひどいアプリを書くことは可能でしょう<\/EM>が、意見の強いやり方が特に輝くのはチームで作業している時です。全員が同じ方法で作業していると知ることはかなり良いことです。<\/P><\/P>Ember-cli はこのプロセスを加速する素晴らしいツールです。これを Yeoman<\/A> のようなものと考えてください、しかし非常に洗練されていて機能が豊富です。そして複数の開発者が同じアプリで作業するとき、ember-cli を使うことで調和が取れます。いくつかのコマンドを使い、組み込みのジェネレーターや多数の addons<\/A> を利用できます。ここで ArcGIS API for JavaScript が登場します。<\/P>

<\/P>

ご覧の通り、ember-cli は最小限の AMD ローダーを利用しています。最小限とはどういう意味でしょう？RequireJS や Dojo ローダーのようなものではなく、モジュール辞書を持つ同期ローダーです。本物の AMD ローダーを単に置き換えとして入れることはできません。アプリケーションは爆発します。私自身、多くのバリエーションで試しましたがすべて失敗し涙と炎に終わりました。ではどうすればいいのでしょう？Addon を作ることです！<\/P>

<\/P>

すべて追加しましょう！<\/H2>この addon については 最近のブログ投稿<\/A>で詳しく説明しましたが、本質的には ember-cli ローダーと並行して RequireJS または Dojo AMD ローダーを使えるようにします。AMD ローダーは bower<\/A> 経由でインストールするか CDN からリンクできます。こちらのリポジトリで ember-cli-amd<\/STRONG> addon のソースコードを見ることができます<\/A>。この addon 自体は ArcGIS API for JavaScript に特化したものではありませんが、AMD ローダーの CDN オプションを利用することで ArcGIS API for JavaScript を使った Ember アプリケーションを構築できます。<\/P><\/P>試してみたい場合は ember-cli をインストールし、この デモリポジトリ<\/A> をチェックしてください。このリポジトリのアプリケーションは こちらで閲覧可能です<\/A>。<\/P>

<\/P>

addon が行うことはあなたのアプリケーション設定を見ることです:<\/P>

var app = new EmberApp({
  srcTag: '<\/'SPAN>

https:\/\/js.arcgis.com\/3.13\/<\/'</A>',<\/'SPAN>
  amdPackages: [ \/\/_ ユーザー定義 AMD パッケージ
    'esri','dojo','dojox','dijit',
    'put-selector','xstyle','dbind','dgrid'
  ]
});<\/'PRE><\/'P>この amdPackages<\/'STRONG> オプションが重要な部分です。この addon は esprima<\/'A> を使って Ember アプリ内のコードを解析し、 amdPackages<\/'STRONG> オプションにあるルートを持つすべてのモジュールを見つけ出し、それらを AMD 経由で 事前読み込み (preload)<\/'EM> します。他にも動的にロードされる可能性があるモジュール用に ember-cli ローダーと並行して AMD ローダーを動かすための ブラックマジック (black magic)<\/'EM> 的な処理がありますが、大まかなところはそれです。 これで ember-cli を使って ArcGIS API for JavaScript アプリケーションを構築できます。<\/'EM><\/'P><\/'P>この addon を書くのはとても楽しく、多くを学びました。本当に期待以上に Ember と ember-cli ツールについて学びました。ビルド時にいくつか問題を修正する依存関係への PR が保留中ですが、現時点では動作します。詳細は README<\/'A> に記載されています。<\/'P><\/'P>

A私は強くおすすめします

ember-cli </ A > を使って ember-cli-amd </ A > addon を利用しながら ArcGIS API for JavaScript アプリを構築してみてください。正直言って Ember は一般的に学習曲線が少し独特かもしれませんが、ember-cli はすべてを文脈に当てはめる助けになると思います。</ P >< P >もっと多くの geodev のヒントやコツについては私のブログをご覧ください</ A >.< / P >< / BODY >< / HTML >