ArcGIS JS APIアプリを始めるための道筋

ReneRubalcava

<\/HEAD>

<\/P>

<\/P>

ArcGIS API for JavaScriptを使って中規模のアプリケーションを構築している場合、おそらく異なるモジュールから構築しているでしょう。その場合、オンラインドキュメントに記載されている標準的なdojoConfigを使用している可能性が高いです<\/A>。しかし、グローバルなdojoConfigだけが唯一の開始方法ではないことをご存知ないかもしれません。<\/P>

<\/P>

唯一の正しい道はない<\/H2>ここでは、伝統的にdojoConfigを設定してアプリを開始する方法を示します。<\/P>オプション 1<\/H4>var dojoConfig = { \/\*stuff\*\/ };
require(['dependency1', 'dependency2'], function(dep1, dep2) {
  \/\* 素晴らしいウェブ開発の内容 \*\/
});<\/PRE><\/P>スクリプトタグに追加することもできます。<\/P>オプション 2<\/H4><script src="\/* esrijs api url *\/" data-dojo-config="isDebug:true, packages=[\/* stuff *\/]"><\/script><\/PRE><\/P>しかし、大きな設定が必要な場合にはこれはあまりうまく機能しないと感じます。<\/P><\/P>こちらは別の有効なアプローチです。<\/P>オプション 3<\/H4>require({
  packages: \/\* stuff *\/
});
require(['dependency1', 'dependency2'], function(dep1, dep2) {
\/\* 素晴らしいウェブ開発の内容 \*\/
});<\/PRE><\/P>しかし、アプリケーションを設定して開始する別の方法もあります。<\/P>オプション 4<\/H4>require({
  packages: [{
     name: 'app', location: \/\*somewhere*\/
  }. {
    \/\* more packages *\/
  }]
}, ['app']);
\/\/ app\/main.js in your app
require(['dependency1', 'dependency2'], function(dep1, dep2) {
\/\* 素晴らしいウェブ開発の内容 \*\/
});<\/PRE><\/P>前述のDojoモジュールに関する投稿で見たように、Dojoでディレクトリ全体などのパッケージを要求すると、そのパッケージのディレクトリ内にmain.jsファイルがあると想定します。これが動作の仕組みです。<\/P><\/P>いくつかの注意点<\/H2>ArcGIS JS開発でES6を使うことについて書いたかどうかはわかりませんが、最近のDeveloper Summitでプレゼンテーションを行いました。こちらでビデオを見ることができます<\/A>。ES6を使う際の注意点の一つは、トランスパイラ（例えばBabel <\/>）はimport文をdefine文に変換しますが、require文に変換する方法はありません。そのため、アプリケーションを開始するためには少なくとも一つのrequireエントリーポイントを自分で作成する必要があります。<\/P>

<\/P>

つまり、これ：<\/P>

import map from 'esri\\/map';<\/PRE><\/P>はこうなります：<\/P>define(['esri\\/map'], function(Map) { \/\*stuff*\/. });<\/PRE><\/P>正確にはそうではなく、トランスパイラはAMDモジュールにコンパイルするときにexportsやmodulesモジュールを使ってコンパイルされたコードでは奇妙に見えるかもしれない処理を行いますが、最終的な結果は基本的に上記の通りです。<\/P><\/P>この理由から、私は通常今こうしています。<\/P><script>dojoConfig = { \/\* config stuff *\/