HTML5でOpen Dataをやってみた
Upcoming SlideShare
Loading in...5
×
 

HTML5でOpen Dataをやってみた

on

  • 1,157 views

 

Statistics

Views

Total Views
1,157
Views on SlideShare
1,098
Embed Views
59

Actions

Likes
11
Downloads
3
Comments
0

3 Embeds 59

https://twitter.com 30
http://s.deeeki.com 19
http://www.slideee.com 10

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

  • H T M L 5 で O p e n D a t a を や ってみ た 2014.6.28 OpenData&FirefoxOS Hackathon OSAKA Bathtimefish 村岡 正和
  • HTML5-WEST.jp代表 / html5j マークアップ部 部長 / HTML5 Experts.jp メンバー GDG京都 / CSS Nite in OSAKA / 神戸ITフェスティバル実行委員など むらおか まさかず 村岡正和 HTML5-WEST.jp Webアプリケーション開発 IT業務システム設計/開発 Webサービス導入/事業戦略コンサルティング @bathtimefish
  • Firefox OSの 薄い本書きました。 http://goo.gl/mA8ebW 好評発売中! 開発に、「もえあがる」のはつきものだ 第一話 がいあハックス (Gaia開発環境の構築とデバッグ) 著
  • 監修しました。 実例ごとの実装例がたくさん書いてあ ります。ウェブサイト制作やCMSの運 用時に便利です。 好評販売中!!
  • 日本ウェアラブルデバイスユーザー会 w-ug.jp
  • HTML5
  • HTML5は 一言でいうと、 広い ひ ろ もうとっくに「ホームページ制作技術」じゃない!!
  • RichでOpenなWebアプリケーションが 作成できる。
  • Firefox OS http://www.mozilla.org/ja/firefox/os/
  • PanasonicからTVが出そう パナソニック、Mozillaと提携して Firefox OS搭載のスマートTV開発へ http://jp.techcrunch.com/2014/01/07/20140106panasonic-ffos-tvs/
  • TV TunerがJSで操れそう http://airpingu.github.io/tv-tuner-api/index.html
  • Tizen IVI https://wiki.tizen.org/wiki/IVI/IVI_Platforms
  • Automotive Grade Linux https://automotive.linuxfoundation.org/
  • IVI Dashboard App Source Code
  • Vehicle Information API https://rawgit.com/w3c/automotive-bg/master/snapshots/vehicle_spec_snapshot_latest.html
  • WEB of Things WoT
  • JavaScriptで 焦電センサー制御 http://www.espruino.com/
  • WoT!! WoT!! って吠えてたら 日経エレクトロニクス に載ったw 日経エレクトロニクス 2014.6.23 号
  • 学校教育でもHTML & JavaScript 「情報の科学」2014年度版 日本文教出版
  • OpenData
  • http://linkeddata.org/
  • ( ́ー`)y- ワケワカンネ
  • 難しい理屈はわからんけど、 オープンなのはわかった
  • HTML5でデータを取ってみた。
  • 横浜市立博物館施設一覧のLODを取得する
  • http://fp.yafjp.org/yokohama_art_lod/place_rdf
  • と、その前に
  • ハマったこと。。。 orz
  • XHRで取得する際にSame Origin Policyにひっかかる。 HTML5 RIAでOpenDataを利用する際には致命的かも。 OpenData界隈ではCORSはどう考えられてるんだろうか? 詳しい人おしえてください。 横浜美術館のRDFをXHRで取得しようと思ったけどできなかった。
  • 調べまくったあげく、
  • http://ja.wikipedia.org/wiki/SPARQL 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/1ONNeP
  • HTML5 Webapp開発的にはSame Origin Policyに注意しよう。 OpenDataはCORSを開放すべきだと思う いまのところRDFを使うならSPARQL利用が現実的 データのパースは簡単だった。 jQueryマンセー!
  • 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
  • いろんなアイデアをOpen WebAppに。 Happy Hacking :-)
  • Thanks !