このハンズオンの目的 AEDの位置を地図に表示できるようになる

1. Meets IT and PUSH 2015 東京
ハンズオン
2015/08/22
初音玲

2. 自己紹介
初音 玲
仕事略歴
システム企画
インフラ構築
業務アプリ構築
DB設計、構築、各種支援
略歴
Microsoft MVP (2008/04-2016/03)
Oracle ACE (2008/04-:日本で２人目)
2

3. 最近の著作
3

4. AEDオープンデータプラットフォーム
https://www.facebook.com/AEDSearch
全国のAED情報を一元管理（世界対応済）
オープンデータ
無償利用可能【 CC BY 3.0 】
REST/JSONインターフェース
県単位一覧、市町村区単位一覧、直近AED検索、周辺AED検索
登録用APIあり
（現在は特定アプリにのみ公開し実証実験中）
LODチャレンジ Japan 2014
優秀賞 + 日本マイクロソフト賞受賞
4

5. 本日のゴール
AEDの位置を地図に表示できるようになる
5

6. AEDオープンデータAPIを呼び出す
6

7. AEDオープンデータAPIを呼び出す
7

8. AEDオープンデータAPIを呼び出す
8
1. 次のURLをブラウザのURL欄に入力
https://aed.azure-mobile.net/api/aedinfo/東京都
http://bit.ly/1U2EqUC

9. AEDオープンデータAPIを呼び出す
2. [ファイルを開く]ボタンをクリック
9

10. AEDオープンデータAPIを呼び出す
3. ファイルの内容を確認
10

11. GoogleMapにJSONデータを表示
11

12. GoogleMapにJSONデータを表示
1. 次のひな型をダウンロード
https://github.com/hatsunea/aedmap
12

13. GoogleMapにJSONデータを表示
2. Zipファイルを保存
13

14. GoogleMapにJSONデータを表示
14
3. [ブロックの解除]を忘れずに

15. GoogleMapにJSONデータを表示
4. ブラウザでファイルを開きます
15

16. 地元のデータを表示してみよう
16

17. 地元のデータを表示してみよう
17

18. 地元のデータを表示してみよう
18
千葉県
↓
東京都/品川区

19. FIN
19