• Like
Html5でOpen Dataをやってみる
Upcoming SlideShare
Loading in...5
×

Html5でOpen Dataをやってみる

  • 504 views
Uploaded on

 

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
504
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
7
Comments
0
Likes
3

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. HTML5でOpenData を や って み る 2013.1.24 第3回 Linked Open Data ハッカソン関西 Bathtimefish 村岡 正和
  • 2. むらおか まさかず 村岡正和 @bathtimefish Webアプリケーション開発 IT業務システム設計/開発 Webサービス導入/事業戦略コンサルティング HTML5-WEST.jp代表 / html5j マークアップ部 部長 / HTML5 Experts.jp メンバー GDG京都 / CSS Nite in OSAKA / 神戸ITフェスティバル実行委員など HTML5-WEST.jp
  • 3. Firefox OSの薄い本書きました。 コミックマーケット85 3日目 にて配布! http://goo.gl/WeyvOl
  • 4. 監修しました。 実例ごとの実装例がたくさん書いてあ ります。ウェブサイト制作やCMSの運 用時に便利です。 好評販売中!!
  • 5. HTML5
  • 6. RichでOpenなWebアプリケーションが 作成できる。
  • 7. OpenData
  • 8. http://linkeddata.org/
  • 9. http://5stardata.info/
  • 10. ( ́ー`)y- ワカンネ
  • 11. 難しい理屈はわからんけど、 オープンなのはわかった
  • 12. HTML5でデータを取ってみた。
  • 13. 横浜市立博物館施設一覧のLODを取得する
  • 14. http://fp.yafjp.org/yokohama_art_lod/place_rdf
  • 15. と、その前に
  • 16. orz ハマったこと。。。
  • 17. XHRで取得する際にSame Origin Policyにひっかかる。 横浜美術館のRDFをXHRで取得しようと思ったけどできなかった。 HTML5 RIAでOpenDataを利用する際には致命的かも。 OpenData界隈ではCORSはどう考えられてるんだろうか? 詳しい人おしえてください。
  • 18. 調べまくったあげく、
  • 19. SPARQL http://ja.wikipedia.org/wiki/SPARQL
  • 20. http://lod.ac/wiki/SPARQL%E3%82%B9%E3%83%8B%E3%83%9A%E3%83%83%E3%83%88
  • 21. https://github.com/jgeldart/jquery-sparql
  • 22. Demo
  • 23. 大阪市施設情報CSVを取得する
  • 24. http://www.city.osaka.lg.jp/toshikeikaku/page/0000250227.html
  • 25. と、その前に
  • 26. やっぱりとれなかった orz CSVのパースがやりたかったのでデータをSame Originにコピーした。。。 OpenDataのデモとしてダメダメなのはわかってますw
  • 27. Demo
  • 28. https://github.com/mirlord/jquery-csv
  • 29. http://goo.gl/hI9VhN
  • 30. appendix
  • 31. XHRなどのコールバック処理をわかりやすく記述しよう function() { callback( function() { callback( function() { callback( function () { callback( function () { callback( function () {
  • 32. https://api.jquery.com/jQuery.ajax/
  • 33. https://api.jquery.com/jQuery.when/
  • 34. http://wiki.commonjs.org/wiki/Promises/A
  • 35. http://www.slideshare.net/bathtimefish/async-flow-controll-basic-and-practice
  • 36. まとめ HTML5 Webapp開発的にはSame Origin Policyが痛い。 ServerSide Programで取得か、PackagedAppか? RDFならSPARQL利用がいいのかも データのパースは簡単だった。 jQueryマンセー!
  • 37. いろんなアイデアをOpen WebAppに。 Happy Hacking :-)
  • 38. Thanks !