ストーリー内でサイドカーを構築

サインインと Web マップの特定

ストーリーで使用するために、アフリカの都市のストーリーのベースになる Web マップを検索してブックマークします。 ArcGIS Online の [お気に入り] にコンテンツを追加すると、ストーリーに追加する時に特定のコンテンツとして利用できます。

ArcGIS Online に移動し、組織アカウントまたは個人向けアカウントにサインインします。
注意:
組織アカウントがない場合は、ソフトウェアアクセスのオプションをご参照ください。
リボンで検索アイコンをクリックします。検索バーに「Urbanization in Africa」と入力し、Enter キーを押します。
グローバルナビゲーションで検索すると、ArcGIS Online 全体からコンテンツを検索できます。
必要に応じて、[フィルター] の下の [<組織> サイト内で検索] オプションをオフに切り替えます。
検索により、StoryMaps が Web マップを特定したことを確認します。 [Urbanization in Africa] Web マップをクリックします。
詳細ウィンドウが表示されます。
ウィンドウで、[お気に入りに追加] をクリックします。
[お気に入り] にコンテンツを追加しておくと、ArcGIS StoryMaps ビルダーでマップを特定する場合に役立ちます。 Web マップの検索が終了したので、ストーリービルダーを開いてサイドカーの一連のマップビューの整理を開始します。
[アプリランチャー] をクリックして、[ArcGIS StoryMaps] を選択します。

注意:
ストーリービルダーには、ArcGIS StoryMaps ホームページからもアクセスできます。ストーリービルダーで他のストーリーを作成してある場合、このときに [マイストーリー] の下で参照することができます。お気に入りに追加したストーリーは [お気に入り] に表示され、組織で共有されているストーリーは [組織] に表示されます。
[ストーリー] ページで、[新しいストーリー] をクリックし、[クイックスタート] の下で [サイドカー] をクリックします。

ストーリーがビルダーに開き、ドッキングパネルレイアウトで表示設定された空白のサイドカーが表示されます。
サイドカーは、一方の側の注釈パネルと、もう一方の側のメディアパネルで構成された、並べて表示される没入型ブロックです。スライドは、これらの 2 つのパネルの組み合わせで構成されます。
[ストーリーのタイトル] をクリックして「Using a Sidecar」と入力します。
この名前により、ビルダーを閉じた後でもストーリーを識別できます。

サイドカースライドの構成

ストーリーを設定したので、コンテンツブロックを追加できます。サイドカーブロックを使用して、多くのタイプのメディアを共有できます。この場合、サイドカーブロック内の一連のスライドのマップおよびデータを表示するときに、これはユーザーのガイドになる便利なツールです。サイドカーを追加して、アフリカの都市の成長のパターンを示す一連のスライドを構成します。

注意:

このチュートリアルでは、サイドカーブロックに焦点を当てます。 ArcGIS StoryMaps に関する説明の詳細については、ArcGIS StoryMaps の概要チュートリアルをご参照ください。

最初のサイドカースライドのメディアパネルで、[追加] ボタンをクリックして、[マップ] を選択します。

[マップの追加] ウィンドウが開きます。タブを切り替えることで、アカウント、組織、および ArcGIS Living Atlas of the World のコンテンツを選択できます。また、ArcGIS Online の任意のコンテンツも、[お気に入り] から追加できます。
[お気に入り] タブをクリックして、[Urbanization in Africa] マップを選択します。

マップが、[マップの表示設定の調整] ビューに開きます。マップをストーリーに追加する場合、マップを配置する前に、ズーム範囲とビューを選択してレイヤーの表示設定を行うことができます。これらの変更は、元のマップに影響を与えずにストーリーに保存されます。ここで構成したマップが、サイドカーの最初のスライドに表示されます。アフリカの都市の密集状態の概要をユーザーに表示して開始します。
ヒント:
マップのレイヤー名は、レイヤー名 (または [編集] ボタン) をクリックして入力することでカスタマイズできます。これらの変更は、標準的なユーザーが凡例を理解しやすいように、この時点で構築しているストーリーマップにのみ表示されますが、他のマップには何も影響しません。凡例を表示するために、[設定] タブの切り替えボタンをオンにできます。
サイドウィンドウで、[レイヤー] タブが表示されていることを確認します。
[Urban Density] レイヤーで、レイヤーが表示されていることを確認します。
アフリカ大陸がマップの中心位置になるまでズームおよび画面移動を行ってから、[マップの配置] をクリックします。

マップが、メディアウィンドウに配置されます。ツールバーの鉛筆アイコンをクリックすることで、いつでもマップの編集に戻ることができます。次に、サイドカーに次のスライドを追加します。同じ [Urbanization in Africa] マップの別の側面を表示するために、スライドを複製します。

サイドカーブロックの下部にスライドパネルがあり、ここでは、スライドの順序の管理や既存スライドの複製などができます。
注意:
このとき、サイドカースライドの注釈パネルへのコンテンツの追加を開始することもできます。ただし、スライドを複製すると、注釈とメディアパネル内の両方のコンテンツも複製されます。一連のスライド全体で同じ Web マップを使用するため、順序を設定した後で最初にメディアパネルを複製して構成してマップを調整し、関連する注釈のコンテンツを追加することは、少し早すぎます。
スライドパネルの現在のスライドのサムネイルで、オプションボタンをクリックして、[複製] を選択します。

2 番目のスライドが追加され、エディターが自動的にそのスライドに切り替わって編集を続けられます。
ヒント:
Web マップの構成の調整は、(完全に別々の Web マップを追加する代わりに) 同じ Web マップを使用できますので、ユーザーのよりスムーズな操作が実現されます。同じ Web マップを用いているスライド全体をスクロールすると、レイヤーがフェードイン、フェードアウトし、マップが次の表示範囲に画面移動して拡大されます。
メディアパネルの [編集] ボタンをクリックして、複製したスライドのマップデザイナーを開きます。
[マップレイヤー] ウィンドウの [Urban Density] レイヤーをオフにして、[Population, 2015 (Cities 100k and up)] をオンにします。
[マップの配置] をクリックして変更内容を保存します。
更新したマップが、2 番目のスライドとして追加されます。それぞれの円は、人口 10 万人以上の都市を表します。円が大きくなるほど、人口規模も多くなります。この大陸には、多くの大都市がありますが、最大の都市としてはカイロが突出しています。次のスライドでは、ユーザーの注意をエジプトに向けます。
2 番目のスライドを複製して、新たに追加した 3 番目のスライドのマップデザイナーを開きます。
ヒント:
スライドは、スライドパネルを折りたたんでいても、複製できます。 [複製] ボタンをクリックします。新しくコピーされたスライドが自動的に表示されて、編集を続けられます。
マップデザイナーで、エジプトのカイロがマップフレームの中心になるように、ズームおよび画面移動を行います。
特定地域にズームすると、人口のシンボル表示が再描画されます。それらの円は、適切な間隔に表示されますので、パターンを簡単に解釈できます。
[マップの配置] をクリックします。
人口規模は、ストーリーの半分でしかありません。次に、人口の変化率を含む人口規模の比較のスライドを追加します。
スライドパネルで、2 番目のスライドを複製します。続いて、複製されたスライドをクリックし、スライドパネルの端までドラッグして、4 番目のスライドにします。
ヒント:
スライドを複製すると、新しいスライドが現在選択されているスライドの右側に配置されます。複製する前にスライドを選択した場合、サムネイルをデッキの最後にドラッグして並べ替える必要があります。
4 番目のスライドで、編集ボタンをクリックしてマップデザイナーを開き、サイドパネルで、[Population, 2015 (100k and up)] レイヤーをオフにして、[Percent Change in Population, 2000-2015 (Cities 100k and up)] レイヤーをオンにします。 [マップの配置] をクリックします。
大都市はエジプトと大陸の西海岸の沿岸部にあることが示されますが、東海岸の沿岸部の都市が大きな変化率で成長していると思われます。ビクトリア湖周辺およびエチオピアの中心部から遠い北側にある都市が、2000 年以降 4,000 パーセントを超える比率で成長しています。
変化率のスライド (4 番目のスライド) を複製し、マップデザイナーを開きます。
サイドパネルで [ブックマーク] タブをクリックして、[Great Lakes] を選択します。

マップの表示が、ビクトリア湖周辺のデータポイントのクラスターに拡大されます。
[マップの配置] をクリックします。