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

Html5でOpen Dataをやってみる

on

  • 590 views

 

Statistics

Views

Total Views
590
Views on SlideShare
588
Embed Views
2

Actions

Likes
3
Downloads
7
Comments
0

1 Embed 2

http://s.deeeki.com 2

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Html5でOpen Dataをやってみる Html5でOpen Dataをやってみる Presentation Transcript

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