際際滷

際際滷Share a Scribd company logo
H T M L 5 で O p e n D a t a
を や ってみ た
2014.6.28
OpenData&FirefoxOS Hackathon OSAKA
Bathtime?sh 翫 屎才
HTML5-WEST.jp旗燕 / html5j マ`クアップ何 何L / HTML5 Experts.jp メンバ`
GDG奨脅 / CSS Nite in OSAKA / 舞ITフェスティバルg佩溜Tなど
むらおか?まさかず
翫屎才
HTML5-WEST.jp
Webアプリケ`ション_k?ITI侫轡好謄默O/_k
Webサ`ビス秘/並I藺團灰鵐汽襯謄ング
@bathtime?sh
Firefox OSの
院い云きました。
http://goo.gl/mA8ebW
挫uk嗽丕
_kに、仝もえあがる々のはつきものだ
及匯 がいあハックス
Gaia_kh廠のBとデバッグ
广
O俐しました。
g箭ごとのg廾箭がたくさんいてあ
ります。ウェブサイト崙恬やCMSの\
喘rに宴旋です。
挫u嗽丕。
晩云ウェアラブルデバイスユ`ザ`氏
w-ug.jp
HTML5
HTML5は
匯冱でいうと、
レい
ひ ろ
もうとっくに仝ホ`ムペ`ジ崙恬室g々じゃない。
HTML5でOpen Dataをやってみた
HTML5でOpen Dataをやってみた
RichでOpenなWebアプリケ`ションが
恬撹できる。
Firefox OS
http://www.mozilla.org/ja/?refox/os/
PanasonicからTVが竃そう
パナソニック、Mozillaと戻亊して
Firefox OS喜dのスマ`トTV_kへ
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
HTML5でOpen Dataをやってみた
JavaScriptで
醜センサ`崙囮
http://www.espruino.com/
WoT!! WoT!!
って畦えてたら
晩Uエレクトロニクス
にdったw
晩Uエレクトロニクス
2014.6.23 催
僥丕縮圄でもHTML & JavaScript
仝秤鵑凌苫А2014定業井?晩云猟縮竃井
OpenData
http://linkeddata.org/
( ?`)y- ??????
yしい尖莫はわからんけど、
オ`プンなのはわかった
堰意珂晦5でデ`タを函ってみた。
罪篋偏羨鴬麗鋼仏譜匯Eの晦或禽を函誼する
http://fp.yafjp.org/yokohama_art_lod/place_rdf
と、その念に
ハマったこと。。。
orz
XHRで函誼するHにSame Origin Policyにひっかかる。
HTML5 RIAでOpenDataを旋喘するHには崑凋議かも。
OpenData順晢ではCORSはどう深えられてるんだろうか
しい繁おしえてください。
罪篋胆g^の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
HTML5でOpen Dataをやってみた
寄昜偏仏譜秤烏遺皆閣を函誼する
http://www.city.osaka.lg.jp/toshikeikaku/page/0000250227.html
と、その念に
やっぱりとれなかった orz
CSVのパ`スがやりたかったのでデ`タをSame Originにコピ`した。。。
OpenDataのデモとしてダメダメなのはわかってますw
Demo
https://github.com/mirlord/jquery-csv
HTML5でOpen Dataをやってみた
http://goo.gl/1ONNeP
HTML5 Webapp_k議にはSame Origin
Policyに廣吭しよう。
OpenDataはCORSを_慧すべきだと房う
いまのところRDFを聞うならSPARQL旋喘がFg議
デ`タのパ`スはgだった。
jQueryマンセ`
appendix
XHRなどのコ`ルバックI尖をわかりやすく峰しよう
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/bathtime?sh/async-?ow-controll-basic-and-practice
いろんなアイデアをOpen WebAppに。
Happy Hacking :-)
Thanks !

More Related Content

HTML5でOpen Dataをやってみた