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リクエストをする普通のことをします。
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屋に必要な技術を考えてみる〜 FutureSync Vol.5 で発表したスライドです。 タイトルは釣りです。前半はほぼネタです。 中身はJavaScriptで動作するデバイスは楽しいからみんなやってみたら? という内容です。
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
Masakazu Muraoka
react-jsonschema-formについて
react-jsonschema-formについて
react-jsonschema-formについて
Masakazu Muraoka
Recommended
Htmlのコトバ
Htmlのコトバ
Masakazu Muraoka
HTML5でOpen Dataをやってみた
HTML5でOpen Dataをやってみた
Masakazu Muraoka
JavaScriptでHTTPリクエストをする普通のことをします。
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屋に必要な技術を考えてみる〜 FutureSync Vol.5 で発表したスライドです。 タイトルは釣りです。前半はほぼネタです。 中身はJavaScriptで動作するデバイスは楽しいからみんなやってみたら? という内容です。
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
Masakazu Muraoka
react-jsonschema-formについて
react-jsonschema-formについて
react-jsonschema-formについて
Masakazu Muraoka
@ega1979 さん @flatbirdH さん @aoi_nagatsuki さん @kurosawa0626 さん 共同作成・作品
AWS Summit Tokyo IoT アイディアソン&ハッカソン 2015
AWS Summit Tokyo IoT アイディアソン&ハッカソン 2015
Akihiko Kigure
2018/06/23 .NETラボLTにて発表した資料です。
データベース不要のCMS Picoについて
データベース不要のCMS Picoについて
高見 知英
Fetch apiについて
Fetch apiについて
Fetch apiについて
Masakazu Muraoka
Wipse+例の会 勉強会 2015年12月7日 @マイクロソフト品川31F
2105年、マイクロソフト関連記事ランキングベスト20 新野さん
2105年、マイクロソフト関連記事ランキングベスト20 新野さん
Kazuo Shimokawa
NetOpsCoding#5 × ネットワークプログラマビリティ勉強会#13 https://network-programmability.connpass.com/event/67156/
自動化ツールの違いを探る
自動化ツールの違いを探る
Toshiya Mabuchi
2016/07/27のBPStudy#107で発表した資料です。
株式会社カブク システム開発最前線
株式会社カブク システム開発最前線
Takuro Wada
神戸ITフェスティバル2013で発表した、Webのリアルタイム化とそれを支える最新技術動向の資料です。
Webによるデバイスを用いたリアルタイムサービスの可能性(神戸ITフェスティバル版)
Webによるデバイスを用いたリアルタイムサービスの可能性(神戸ITフェスティバル版)
Kensaku Komatsu
CSS Nite in AOMORI 基調講演資料。 マルチデバイス化がますます進む 2013 年。これは対応するスクリーンが増えただけではなく、新たな考え方を身につけなければいけないことを意味しています。今までのやり方が通用しないのは Web サイト制作だけのことではなく、マーケティングやブランディングなど他の分野にも共通していえることです。「コンテンツが大事」と昔から言われていますが、今までと同じやり方では大事なコンテンツが人へ届かないということになります。 コンテンツの設計から始めることで、より柔軟で拡張性のある Web サイトを作るためのワークフローのヒントを紹介します。
コンテンツから始まる新しい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について
Thing.jsについて
Masakazu Muraoka
Gaiaのソースコードに見るちょっと未来のweb app開発
Gaiaのソースコードに見るちょっと未来のweb app開発
Masakazu Muraoka
HTML5におけるこれからのマルチプラットフォーム
Platform.html5
Platform.html5
Masakazu Muraoka
Ie6をさっさとやめよう その2
Ie6をさっさとやめよう その2
Masakazu Muraoka
HTML5について私が感じる魅力を語る 2010/04/29
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
@ega1979 さん @flatbirdH さん @aoi_nagatsuki さん @kurosawa0626 さん 共同作成・作品
AWS Summit Tokyo IoT アイディアソン&ハッカソン 2015
AWS Summit Tokyo IoT アイディアソン&ハッカソン 2015
Akihiko Kigure
2018/06/23 .NETラボLTにて発表した資料です。
データベース不要のCMS Picoについて
データベース不要のCMS Picoについて
高見 知英
Fetch apiについて
Fetch apiについて
Fetch apiについて
Masakazu Muraoka
Wipse+例の会 勉強会 2015年12月7日 @マイクロソフト品川31F
2105年、マイクロソフト関連記事ランキングベスト20 新野さん
2105年、マイクロソフト関連記事ランキングベスト20 新野さん
Kazuo Shimokawa
NetOpsCoding#5 × ネットワークプログラマビリティ勉強会#13 https://network-programmability.connpass.com/event/67156/
自動化ツールの違いを探る
自動化ツールの違いを探る
Toshiya Mabuchi
2016/07/27のBPStudy#107で発表した資料です。
株式会社カブク システム開発最前線
株式会社カブク システム開発最前線
Takuro Wada
神戸ITフェスティバル2013で発表した、Webのリアルタイム化とそれを支える最新技術動向の資料です。
Webによるデバイスを用いたリアルタイムサービスの可能性(神戸ITフェスティバル版)
Webによるデバイスを用いたリアルタイムサービスの可能性(神戸ITフェスティバル版)
Kensaku Komatsu
CSS Nite in AOMORI 基調講演資料。 マルチデバイス化がますます進む 2013 年。これは対応するスクリーンが増えただけではなく、新たな考え方を身につけなければいけないことを意味しています。今までのやり方が通用しないのは Web サイト制作だけのことではなく、マーケティングやブランディングなど他の分野にも共通していえることです。「コンテンツが大事」と昔から言われていますが、今までと同じやり方では大事なコンテンツが人へ届かないということになります。 コンテンツの設計から始めることで、より柔軟で拡張性のある Web サイトを作るためのワークフローのヒントを紹介します。
コンテンツから始まる新しい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について
Thing.jsについて
Masakazu Muraoka
Gaiaのソースコードに見るちょっと未来のweb app開発
Gaiaのソースコードに見るちょっと未来のweb app開発
Masakazu Muraoka
HTML5におけるこれからのマルチプラットフォーム
Platform.html5
Platform.html5
Masakazu Muraoka
Ie6をさっさとやめよう その2
Ie6をさっさとやめよう その2
Masakazu Muraoka
HTML5について私が感じる魅力を語る 2010/04/29
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で可視化いろいろ
Kerasで可視化いろいろ
Masakazu Muraoka
2013/10/31 HTML5jえんぷら部主催 HALLOWEEN WEB NIGHT発表スライド
HTML5とOSSで作るブラウザで簡単顔認識
HTML5とOSSで作るブラウザで簡単顔認識
Mitsuru Ogawa
AMD basic and practice
AMD basic and practice
Masakazu Muraoka
Html5時代のクリエイターのあり方
Html5時代のクリエイターのあり方
Masakazu Muraoka
「ぎゅ〜っと濃縮、HTML5」と「Attractive HTML5」セッションの二本立て
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での繰り返し処理についての小話
Async awaitでの繰り返し処理についての小話
Masakazu Muraoka
Mozapps installがなくなったことへの不平不満
Mozapps installがなくなったことへの不平不満
Mozapps installがなくなったことへの不平不満
Masakazu Muraoka
JS非同期処理のいま
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 マークアップ部が主催するHTMLのマークアップを、ゲーム感覚で楽しむイベントです。 気軽に参加できて、みんなで話し合いながらHTMLマークアップについての知識を深めることができます。プロのWebデザイナーから初心者まで、みんなで気軽に会話しながらイマドキのHTMLマークアップの答えをさがしていきましょう!
MarkupCafe - html5j Markup group
MarkupCafe - html5j Markup group
Masakazu Muraoka
つかってみよう!Yeoman 〜riaビルドツール超入門+α〜
つかってみよう!Yeoman 〜riaビルドツール超入門+α〜
Masakazu Muraoka
Yeomanの基礎からちょっとした応用までを紹介。 Chrome+HTML5 Developers Live Japan #4 https://plus.google.com/events/c9p1aclqe3fhl6gpo9p5hj4a01g のライブ配信用スライドです。
つかってみよう!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をやめようと思ってももう手遅れ
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