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

サインインとストーリーの作成

まず、ArcGIS Online にサインインして、ストーリーを作成します。

ArcGIS Online に移動し、組織アカウントまたは個人向けアカウントにサインインします。
注意:
組織アカウントがない場合は、ソフトウェアアクセスのオプションをご参照ください。
リボンで [アプリランチャー] をクリックして、[StoryMaps] を選択します。

ArcGIS StoryMaps ページが新しいタブで開きます。
注意:
ストーリービルダーには、ArcGIS StoryMaps ホームページからもアクセスできます。ストーリービルダーで他のストーリーを作成してある場合、ここで参照することができます。フィルターを使用すると、保存場所、コンテンツタイプ、ステータス、または共有方法でコンテンツを検索できます。
ArcGIS StoryMaps ページで [作成] をクリックして [ストーリー] を選択します。

ビルダーでストーリーが開かれます。ビルダーを閉じた後でも識別できるように、ストーリーに名前を付けます。
[ストーリーのタイトル] をクリックして「Using a Sidecar」と入力します。
タイトルと共に、ストーリーがドラフトとして保存されました。

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

ストーリーを設定したので、コンテンツブロックを追加できます。サイドカーは、一方の側の注釈パネルと、もう一方の側のメディアパネルで構成された、並べて表示される没入型ブロックです。スライドは、これらの 2 つのパネルの組み合わせで構成されます。サイドカーブロックを使用して、多くのタイプのメディアを共有できます。この場合、一連のスライドのマップおよびデータを表示するときに、これはユーザーのガイドになる便利なツールです。サイドカーは、上記の Urban Africa ストーリーの一部をカバーします。サイドカーを追加して、アフリカの都市の成長のパターンを示す一連のスライドを構成します。

注意:

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

タイトルの下にある [コンテンツブロックの追加] をクリックします。

コンテンツブロックタイプのリストが表示されます。
リストの下部へスクロールして、[没入型] で [サイドカー] をクリックします。
[サイドカーレイアウトの選択] ウィンドウで、[保存] をクリックします。
1 つのスライドを含むサイドカーがストーリーに追加されます。
最初のサイドカースライドのメディアパネルで、[追加] ボタンをクリックして、[マップ] を選択します。

[マップの追加] ウィンドウが開きます。フィルターを切り替えることで、アカウント、お気に入り、組織、ArcGIS Living Atlas of the World、ArcGIS Online のコンテンツを選択できます。 ArcGIS Online で一般公開されているマップを使用します。
[フィルター] の [アイテムの表示] で、[パブリックコンテンツ] を選択します。検索ボックスに「Urbanization in Africa owner:storymaps」と入力します。
マップが 1 つ見つかりました。
[Urbanization in Africa] マップをクリックします。
マップが、[マップの表示設定の調整] ビューに開きます。マップをストーリーに追加する場合、マップを配置する前に、ズーム範囲とビューを選択してレイヤーの表示設定を行うことができます。これらの変更は、元のマップに影響を与えずにストーリーに保存されます。ここで構成したマップが、サイドカーの最初のスライドに表示されます。このスライドでは、アフリカの都市の密集状態の概要をユーザーに表示します。
ヒント:
マップのレイヤー名は、レイヤー名をクリックして入力することでカスタマイズできます。これらの変更は、標準的なユーザーが凡例を理解しやすいように、この時点で構築しているストーリーマップにのみ表示されますが、他のマップには何も影響しません。凡例を表示するために、[オプション] タブの切り替えボタンをオンにできます。
サイドウィンドウで、[レイヤー] タブが表示されていることを確認します。
[Urban Density] レイヤーで、レイヤーが表示されていることを確認します。
アフリカ大陸がマップの中心位置になるまでズームおよび画面移動を行ってから、[保存] をクリックします。

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

サイドカーブロックの下部にスライドパネルがあり、ここでは、スライドの順序の管理や既存スライドの複製などができます。
注意:
このとき、サイドカースライドの注釈パネルへのコンテンツの追加を開始することもできます。スライドを複製すると、注釈とメディアパネル内の両方のコンテンツも複製されます。一連のスライド全体で同じ 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] を選択します。

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