Submit Search
Upload
Html5でOpen Dataをやってみる
•
3 likes
•
1,410 views
Masakazu Muraoka
Follow
Technology
Report
Share
Report
Share
1 of 42
Download now
Download to read offline
Recommended
Htmlのコトバ
Htmlのコトバ
Masakazu Muraoka
HTML5でOpen Dataをやってみた
HTML5でOpen Dataをやってみた
Masakazu Muraoka
JavaScriptで ごく普通にhttp通信をする 〜esp8266+espruinoでhttp getリクエストをするテスト〜
JavaScriptで ごく普通にhttp通信をする 〜esp8266+espruinoでhttp getリクエストをするテスト〜
Masakazu Muraoka
HTML5 and Graphics
HTML5 and Graphics
Masakazu Muraoka
Espruinoの紹介
Espruinoの紹介
Masakazu Muraoka
FxOSはウェアラブルデバイスの夢を見るか?
FxOSはウェアラブルデバイスの夢を見るか?
Masakazu Muraoka
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
Masakazu Muraoka
react-jsonschema-formについて
react-jsonschema-formについて
Masakazu Muraoka
Recommended
Htmlのコトバ
Htmlのコトバ
Masakazu Muraoka
HTML5でOpen Dataをやってみた
HTML5でOpen Dataをやってみた
Masakazu Muraoka
JavaScriptで ごく普通にhttp通信をする 〜esp8266+espruinoでhttp getリクエストをするテスト〜
JavaScriptで ごく普通にhttp通信をする 〜esp8266+espruinoでhttp getリクエストをするテスト〜
Masakazu Muraoka
HTML5 and Graphics
HTML5 and Graphics
Masakazu Muraoka
Espruinoの紹介
Espruinoの紹介
Masakazu Muraoka
FxOSはウェアラブルデバイスの夢を見るか?
FxOSはウェアラブルデバイスの夢を見るか?
Masakazu Muraoka
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
Masakazu Muraoka
react-jsonschema-formについて
react-jsonschema-formについて
Masakazu Muraoka
AWS Summit Tokyo IoT アイディアソン&ハッカソン 2015
AWS Summit Tokyo IoT アイディアソン&ハッカソン 2015
Akihiko Kigure
データベース不要のCMS Picoについて
データベース不要のCMS Picoについて
高見 知英
Fetch apiについて
Fetch apiについて
Masakazu Muraoka
2105年、マイクロソフト関連記事ランキングベスト20 新野さん
2105年、マイクロソフト関連記事ランキングベスト20 新野さん
Kazuo Shimokawa
自動化ツールの違いを探る
自動化ツールの違いを探る
Toshiya Mabuchi
株式会社カブク システム開発最前線
株式会社カブク システム開発最前線
Takuro Wada
Webによるデバイスを用いたリアルタイムサービスの可能性(神戸ITフェスティバル版)
Webによるデバイスを用いたリアルタイムサービスの可能性(神戸ITフェスティバル版)
Kensaku Komatsu
コンテンツから始まる新しいWebワークフロー
コンテンツから始まる新しいWebワークフロー
Yasuhisa Hasegawa
HTML5が最近どうなっていて何があぶなっかしいのか?
HTML5が最近どうなっていて何があぶなっかしいのか?
Masakazu Muraoka
Html5 and Graphics
Html5 and Graphics
Masakazu Muraoka
Yeomanではじめる爆速webアプリ開発
Yeomanではじめる爆速webアプリ開発
Masakazu Muraoka
Swaggerのさわりだけ
Swaggerのさわりだけ
Masakazu Muraoka
ボクたちのWWW Webクリエイターのこれからを考える
ボクたちのWWW Webクリエイターのこれからを考える
Masakazu Muraoka
Thing.jsについて
Thing.jsについて
Masakazu Muraoka
Gaiaのソースコードに見るちょっと未来のweb app開発
Gaiaのソースコードに見るちょっと未来のweb app開発
Masakazu Muraoka
Platform.html5
Platform.html5
Masakazu Muraoka
Ie6をさっさとやめよう その2
Ie6をさっさとやめよう その2
Masakazu Muraoka
Attractive HTML5
Attractive HTML5
Sho Ito
JAWS-UGにゴマをすろうと思ってAWSでHTML5してみた
JAWS-UGにゴマをすろうと思ってAWSでHTML5してみた
Masakazu Muraoka
パンダの会 Html5概説
パンダの会 Html5概説
Masakazu Muraoka
みなさんがHtml5をやらなくていい3つの理由
みなさんがHtml5をやらなくていい3つの理由
Masakazu Muraoka
Html5で変わるいろんなこと
Html5で変わるいろんなこと
Masakazu Muraoka
More Related Content
What's hot
AWS Summit Tokyo IoT アイディアソン&ハッカソン 2015
AWS Summit Tokyo IoT アイディアソン&ハッカソン 2015
Akihiko Kigure
データベース不要のCMS Picoについて
データベース不要のCMS Picoについて
高見 知英
Fetch apiについて
Fetch apiについて
Masakazu Muraoka
2105年、マイクロソフト関連記事ランキングベスト20 新野さん
2105年、マイクロソフト関連記事ランキングベスト20 新野さん
Kazuo Shimokawa
自動化ツールの違いを探る
自動化ツールの違いを探る
Toshiya Mabuchi
株式会社カブク システム開発最前線
株式会社カブク システム開発最前線
Takuro Wada
Webによるデバイスを用いたリアルタイムサービスの可能性(神戸ITフェスティバル版)
Webによるデバイスを用いたリアルタイムサービスの可能性(神戸ITフェスティバル版)
Kensaku Komatsu
コンテンツから始まる新しいWebワークフロー
コンテンツから始まる新しいWebワークフロー
Yasuhisa Hasegawa
What's hot
(8)
AWS Summit Tokyo IoT アイディアソン&ハッカソン 2015
AWS Summit Tokyo IoT アイディアソン&ハッカソン 2015
データベース不要のCMS Picoについて
データベース不要のCMS Picoについて
Fetch apiについて
Fetch apiについて
2105年、マイクロソフト関連記事ランキングベスト20 新野さん
2105年、マイクロソフト関連記事ランキングベスト20 新野さん
自動化ツールの違いを探る
自動化ツールの違いを探る
株式会社カブク システム開発最前線
株式会社カブク システム開発最前線
Webによるデバイスを用いたリアルタイムサービスの可能性(神戸ITフェスティバル版)
Webによるデバイスを用いたリアルタイムサービスの可能性(神戸ITフェスティバル版)
コンテンツから始まる新しいWebワークフロー
コンテンツから始まる新しいWebワークフロー
Similar to Html5でOpen Dataをやってみる
HTML5が最近どうなっていて何があぶなっかしいのか?
HTML5が最近どうなっていて何があぶなっかしいのか?
Masakazu Muraoka
Html5 and Graphics
Html5 and Graphics
Masakazu Muraoka
Yeomanではじめる爆速webアプリ開発
Yeomanではじめる爆速webアプリ開発
Masakazu Muraoka
Swaggerのさわりだけ
Swaggerのさわりだけ
Masakazu Muraoka
ボクたちのWWW Webクリエイターのこれからを考える
ボクたちのWWW Webクリエイターのこれからを考える
Masakazu Muraoka
Thing.jsについて
Thing.jsについて
Masakazu Muraoka
Gaiaのソースコードに見るちょっと未来のweb app開発
Gaiaのソースコードに見るちょっと未来のweb app開発
Masakazu Muraoka
Platform.html5
Platform.html5
Masakazu Muraoka
Ie6をさっさとやめよう その2
Ie6をさっさとやめよう その2
Masakazu Muraoka
Attractive HTML5
Attractive HTML5
Sho Ito
JAWS-UGにゴマをすろうと思ってAWSでHTML5してみた
JAWS-UGにゴマをすろうと思ってAWSでHTML5してみた
Masakazu Muraoka
パンダの会 Html5概説
パンダの会 Html5概説
Masakazu Muraoka
みなさんがHtml5をやらなくていい3つの理由
みなさんがHtml5をやらなくていい3つの理由
Masakazu Muraoka
Html5で変わるいろんなこと
Html5で変わるいろんなこと
Masakazu Muraoka
Kerasで可視化いろいろ
Kerasで可視化いろいろ
Masakazu Muraoka
HTML5とOSSで作るブラウザで簡単顔認識
HTML5とOSSで作るブラウザで簡単顔認識
Mitsuru Ogawa
AMD basic and practice
AMD basic and practice
Masakazu Muraoka
Html5時代のクリエイターのあり方
Html5時代のクリエイターのあり方
Masakazu Muraoka
Concentrated HTML5 & Attractive HTML5
Concentrated HTML5 & Attractive HTML5
Sho Ito
最新Webプロトコル傾向と対策
最新Webプロトコル傾向と対策
Kensaku Komatsu
Similar to Html5でOpen Dataをやってみる
(20)
HTML5が最近どうなっていて何があぶなっかしいのか?
HTML5が最近どうなっていて何があぶなっかしいのか?
Html5 and Graphics
Html5 and Graphics
Yeomanではじめる爆速webアプリ開発
Yeomanではじめる爆速webアプリ開発
Swaggerのさわりだけ
Swaggerのさわりだけ
ボクたちのWWW Webクリエイターのこれからを考える
ボクたちのWWW Webクリエイターのこれからを考える
Thing.jsについて
Thing.jsについて
Gaiaのソースコードに見るちょっと未来のweb app開発
Gaiaのソースコードに見るちょっと未来のweb app開発
Platform.html5
Platform.html5
Ie6をさっさとやめよう その2
Ie6をさっさとやめよう その2
Attractive HTML5
Attractive HTML5
JAWS-UGにゴマをすろうと思ってAWSでHTML5してみた
JAWS-UGにゴマをすろうと思ってAWSでHTML5してみた
パンダの会 Html5概説
パンダの会 Html5概説
みなさんがHtml5をやらなくていい3つの理由
みなさんがHtml5をやらなくていい3つの理由
Html5で変わるいろんなこと
Html5で変わるいろんなこと
Kerasで可視化いろいろ
Kerasで可視化いろいろ
HTML5とOSSで作るブラウザで簡単顔認識
HTML5とOSSで作るブラウザで簡単顔認識
AMD basic and practice
AMD basic and practice
Html5時代のクリエイターのあり方
Html5時代のクリエイターのあり方
Concentrated HTML5 & Attractive HTML5
Concentrated HTML5 & Attractive HTML5
最新Webプロトコル傾向と対策
最新Webプロトコル傾向と対策
More from Masakazu Muraoka
Async awaitでの繰り返し処理についての小話
Async awaitでの繰り返し処理についての小話
Masakazu Muraoka
Mozapps installがなくなったことへの不平不満
Mozapps installがなくなったことへの不平不満
Masakazu Muraoka
JS非同期処理のいま
JS非同期処理のいま
Masakazu Muraoka
実はとれました。System xhrでcsv形式のopen dataを取得する
実はとれました。System xhrでcsv形式のopen dataを取得する
Masakazu Muraoka
Async flow controll basic and practice
Async flow controll basic and practice
Masakazu Muraoka
MarkupCafe - html5j Markup group
MarkupCafe - html5j Markup group
Masakazu Muraoka
つかってみよう!Yeoman 〜riaビルドツール超入門+α〜
つかってみよう!Yeoman 〜riaビルドツール超入門+α〜
Masakazu Muraoka
つかってみよう!Yeoman 〜HTML5 Webアプリ開発を効率化するツールの紹介〜
つかってみよう!Yeoman 〜HTML5 Webアプリ開発を効率化するツールの紹介〜
Masakazu Muraoka
Yeoman RIAビルドツール超入門
Yeoman RIAビルドツール超入門
Masakazu Muraoka
Webセキュリティ 3つの視点から考えるサイバー攻撃と自分
Webセキュリティ 3つの視点から考えるサイバー攻撃と自分
Masakazu Muraoka
IE6をやめようと思ってももう手遅れ
IE6をやめようと思ってももう手遅れ
Masakazu Muraoka
More from Masakazu Muraoka
(11)
Async awaitでの繰り返し処理についての小話
Async awaitでの繰り返し処理についての小話
Mozapps installがなくなったことへの不平不満
Mozapps installがなくなったことへの不平不満
JS非同期処理のいま
JS非同期処理のいま
実はとれました。System xhrでcsv形式のopen dataを取得する
実はとれました。System xhrでcsv形式のopen dataを取得する
Async flow controll basic and practice
Async flow controll basic and practice
MarkupCafe - html5j Markup group
MarkupCafe - html5j Markup group
つかってみよう!Yeoman 〜riaビルドツール超入門+α〜
つかってみよう!Yeoman 〜riaビルドツール超入門+α〜
つかってみよう!Yeoman 〜HTML5 Webアプリ開発を効率化するツールの紹介〜
つかってみよう!Yeoman 〜HTML5 Webアプリ開発を効率化するツールの紹介〜
Yeoman RIAビルドツール超入門
Yeoman RIAビルドツール超入門
Webセキュリティ 3つの視点から考えるサイバー攻撃と自分
Webセキュリティ 3つの視点から考えるサイバー攻撃と自分
IE6をやめようと思ってももう手遅れ
IE6をやめようと思ってももう手遅れ
Recently uploaded
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
Toru Tamaki
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
CRI Japan, Inc.
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
Toru Tamaki
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NTT DATA Technology & Innovation
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
CRI Japan, Inc.
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
atsushi061452
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
Hiroshi Tomioka
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Hiroshi Tomioka
Recently uploaded
(11)
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Html5でOpen Dataをやってみる
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.
7.
8.
RichでOpenなWebアプリケーションが 作成できる。
9.
OpenData
10.
http://linkeddata.org/
11.
http://5stardata.info/
12.
( ́ー`)y- ワカンネ
13.
難しい理屈はわからんけど、 オープンなのはわかった
14.
HTML5でデータを取ってみた。
15.
横浜市立博物館施設一覧のLODを取得する
16.
http://fp.yafjp.org/yokohama_art_lod/place_rdf
17.
と、その前に
18.
orz ハマったこと。。。
19.
XHRで取得する際にSame Origin Policyにひっかかる。 横浜美術館のRDFをXHRで取得しようと思ったけどできなかった。 HTML5
RIAでOpenDataを利用する際には致命的かも。 OpenData界隈ではCORSはどう考えられてるんだろうか? 詳しい人おしえてください。
20.
調べまくったあげく、
21.
SPARQL http://ja.wikipedia.org/wiki/SPARQL
22.
http://lod.ac/wiki/SPARQL%E3%82%B9%E3%83%8B%E3%83%9A%E3%83%83%E3%83%88
23.
https://github.com/jgeldart/jquery-sparql
24.
Demo
25.
26.
大阪市施設情報CSVを取得する
27.
http://www.city.osaka.lg.jp/toshikeikaku/page/0000250227.html
28.
と、その前に
29.
やっぱりとれなかった orz CSVのパースがやりたかったのでデータをSame Originにコピーした。。。 OpenDataのデモとしてダメダメなのはわかってますw
30.
Demo
31.
https://github.com/mirlord/jquery-csv
32.
33.
http://goo.gl/hI9VhN
34.
appendix
35.
XHRなどのコールバック処理をわかりやすく記述しよう function() { callback( function()
{ callback( function() { callback( function () { callback( function () { callback( function () {
36.
https://api.jquery.com/jQuery.ajax/
37.
https://api.jquery.com/jQuery.when/
38.
http://wiki.commonjs.org/wiki/Promises/A
39.
http://www.slideshare.net/bathtimefish/async-flow-controll-basic-and-practice
40.
まとめ HTML5 Webapp開発的にはSame Origin Policyが痛い。 ServerSide
Programで取得か、PackagedAppか? RDFならSPARQL利用がいいのかも データのパースは簡単だった。 jQueryマンセー!
41.
いろんなアイデアをOpen WebAppに。 Happy Hacking
:-)
42.
Thanks !
Download now