第1回 Firefox OS × HTML5 × LOD WEB イノベーションハッカソン (2014/6/28)

1. ソースコード公開しました！
HTML5 x LOD WEBアプリ
“SPARQL Timeliner”
@uedayou
http://uedayou.net/
第1回 Firefox OS × HTML5 × LOD WEB イノベーションハッカソン
2014/6/28

2. 自己紹介：仕事
• ATR Creative エンジニア
• 主にスマートフォン向け(iOS/Android)アプリの開発を
担当
古地図・絵地図アプリ
ちずぶらりシリーズ
ライフログカメラアプリ
ふぉとぶらり
英語教育アプリ
英語カルタ

3. 自己紹介：趣味
いろんなWebアプリ作ってます
• SPARQL Timeliner
• 今回紹介します
• 近畿2府1県！？
• 近畿2府4県内で合併するとしたらどうなるかをオープンデータを用いて
シミュレーションできるWebアプリ
• ミュージアムへ行こう！
• オープンデータを利用したミュージアム検索サイト
• Researcher’s Web Page Navigator
• 学者・研究者のWebページを自動分類
• おしえて！れはっち
• 人工無能搭載の本や役立つ情報を自動推薦してくれるTwitter BOT
など
詳しくは、http://uedayou.net/ をご覧ください

4. 今日は個人的に関わる
プロジェクトで作成されたものを
ご紹介します

5. SPARQL Timeliner

6. SPARQL Timeliner
ってどんなアプリ？

7. 特徴
• Linked Open Data（LOD)を簡単に可視化できるWeb
アプリケーション
• 時間情報をタイムライン（時系列）で表示
• 位置（緯度経度）を地図上に表示
• 作成した可視化ページをWebアプリとして手軽に
公開できます
• Webアプリにiframeで埋め込むことができます
• プログラミングは必要ありません

8. タイムライン
地図

9. 必要なもの
• SPARQLエンドポイントで公開されたLOD
• LOD用のWeb APIのようなもの
• JSONやXMLでデータを取得できる
• 位置(緯度経度)と時間を含むLOD
• SPARQLクエリ文
• SPARQLエンドポイントからデータを抽出するクエリ言語
PREFIX geo: <http://www.w3.org/2003/01/geo/wgs84_pos#>
PREFIX rdfs: <http://www.w3.org/2000/01/rdf-schema#>
select * where {
?uri rdfs:label ?title.
?uri geo:lat ?lat.
?uri geo:long ?long.
}

10. 使い方 １．SPARQLエンドポイント
のURL
２．SPARQL
クエリ文
３．アプリ作成

11. 完成！

12. 詳しい使い方は
“SPARQL Timelinerの使い方”
http://www.slideshare.net/uedayou/
sparql-timeliner-28905905
をご覧ください

13. SPARQL Timeliner
でどんなアプリが作れる？

14. Wikipedia x SPARQL Timeliner
• DBpedia

15. 日本の大学

16. アニメ・ゲーム・漫画
x SPARQL Timeliner
• 残念な日本地図(Location Site of Japanimation)

17. 残念な日本地図’90-’99

18. 本 x 地元 x SPARQL Timeliner
• 「京都が出てくる本のデータ」

19. 京都が出てくる本

20. イベント情報 x SPARQL Timeliner
• ヨコハマ・アート・LOD

21. ヨコハマ・アート・ナビNOW！

22. 祝！オープンソース化
SPARQL Timeliner

23. GitHubでソースコード公開しました
• https://github.com/uedayou/SPARQLTimeliner
• ライセンス：MITライセンス

24. 使い方
• SPARQLエンドポイントURLとSPARQLクエリは
index.html内に記述
２．SPARQL
クエリ文
１．SPARQL
エンドポイント
のURL

25. オープンソース化でできること
• 地図を変更できる！
• コンテンツの見せ方を変更できる！
• 画面レイアウトを変更できる！
• その他なんでも変更できる！

26. 地図の変更
• 現在のOpen Street Map から国土地理院の地図や
衛星地図などへ変更可能

27. コンテンツの見せ方を変更できる
• 例：佐賀県橋梁メンテナンスビューア

28. レイアウトを変更

29. SPARQL Timelinerへの
ご意見・ご要望について
• FacebookのSPARQL Timelinerグループを開設
• 気軽にご参加ください
• https://www.facebook.com/groups/1425291001020491/

30. ご清聴ありがとうございました

31. • SPARQL Timeliner
• http://uedayou.net/SPARQLTimeliner/
• SPARQL Timelinerの使い方
• http://www.slideshare.net/uedayou/sparql-timeliner-
28905905
• Facebook:SPARQL Timelinerグループ
• https://www.facebook.com/groups/1425291001020491/
• GitHub:SPARQL Timeliner
• https://github.com/uedayou/SPARQLTimeliner
• SPARQL Timelinerで作られたアプリ一覧
• http://uedayou.net/SPARQLTimeliner/apps/

32. • DBpedia 日本語版
• http://ja.dbpedia.org/
• 日本の大学
• http://lod.sfc.keio.ac.jp/challenge2013/show_status.php?id=a
005
• LSJ: Location Site of Japanimation
• http://cheese-factory.info/
• 残念な日本地図’90-’99
• http://uedayou.net/zannen9x/
• ししょまろはんラボ：京都が出てくる本のデータ
• http://libmaro.kyoto.jp/?p=72
• 京都が出てくる本 - SPARQL Timeliner
• http://uedayou.net/kyotobooks/
• ヨコハマ・アート・LOD
• http://fp.yafjp.org/yokohama_art_lod
• ヨコハマ・アートナビNOW!
• http://uedayou.net/yannow/
• 佐賀県橋梁メンテナンスビューア
• http://uedayou.net/sagabridge/