Download to read offline
![{
"head": {
"vars": [ "created" , "value" ]
} ,
"results": {
"bindings": [
{
"created": { "datatype": "http://www.w3.org/2001/XMLSchema#dateTime" ,
"type": "typed-literal" , "value": "2015-02-05T10:35:01+09:00" } ,
"value": { "datatype": "http://www.w3.org/2001/XMLSchema#integer" , "type":
"typed-literal" , "value": "62" }
}
]
}
}
最新の水位を取得するSPARQLクエリーの結果](https://image.slidesharecdn.com/20150206-150206182043-conversion-gate02/85/in-96-320.jpg)
![var getWaterLevelSPARQL = function(sensor, callback) {
var query = f2s(function() {/*
PREFIX rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#>
PREFIX rdfs: <http://www.w3.org/2000/01/rdf-schema#>
PREFIX xsd: <http://www.w3.org/2001/XMLSchema#>
PREFIX dct: <http://purl.org/dc/terms/>
PREFIX odp: <http://odp.jig.jp/odp/1.0#>
select ?created ?value {
?s rdf:next rdf:nil;
rdf:type odp:WaterLevel;
<http://schema.org/spatial> {sensor};
dct:created ?created;
rdf:value ?value.
}
*/});
query = query.replace("{sensor}", "<" + sensor + ">");
var url = "http://sparql.odp.jig.jp/api/v1/sparql?output=json&query=" +
encodeURIComponent(query);
url += "&callback=" + getCallbackMethod(function(data) {
var d = data.results.bindings[0];
callback(d.created.value, d.value.value);
});
jsonp(url);
};
水位取得するJavaScript scriptタグ内](https://image.slidesharecdn.com/20150206-150206182043-conversion-gate02/85/in-98-320.jpg)
![var point = localStorage["waterlavelgame_point"];
var stock = localStorage["waterlavelgame_stock"];
if (point) {
get("point").textContent = point;
get("stock").textContent = stock;
}
ポイントとストックの読み込み (onload内)](https://image.slidesharecdn.com/20150206-150206182043-conversion-gate02/85/in-105-320.jpg)
![get("buy").onclick = function() {
var pnt = parseInt(get("point").textContent);
var price = parseInt(get("value").textContent);
var stock = parseInt(get("stock").textContent);
if (price > pnt) {
alert("所持ポイントが足りません！！");
return;
}
pnt -= price;
pnt--;
stock++;
get("stock").textContent = stock;
get("point").textContent = pnt;
localStorage["waterlavelgame_point"] = pnt;
localStorage["waterlavelgame_stock"] = stock;
};
買いオペ (onload内)](https://image.slidesharecdn.com/20150206-150206182043-conversion-gate02/85/in-106-320.jpg)
![get("sell").onclick = function() {
var pnt = parseInt(get("point").textContent);
var price = parseInt(get("value").textContent);
var stock = parseInt(get("stock").textContent);
if (stock == 0) {
alert("売却するストックがありません");
return;
}
stock--;
pnt += price;
if (price >= 10000) {
if (!localStorage["waterlavelgame_over"]) {
alert("おめでとう！！10,000ポイント達成！！");
localStorage["waterlavelgame_over"] = 1;
}
}
pnt--;
get("stock").textContent = stock;
get("point").textContent = pnt;
localStorage["waterlavelgame_point"] = pnt;
localStorage["waterlavelgame_stock"] = stock;
};
売りオペ (onload内)](https://image.slidesharecdn.com/20150206-150206182043-conversion-gate02/85/in-107-320.jpg)
![LODを使ったサイトとプラグインを作ってみた話[WordBenchOsaka]](https://cdn.slidesharecdn.com/ss_thumbnails/wordbentchosaka33-140920001750-phpapp02-thumbnail.jpg?width=640&height=640&fit=bounds)
オープンデータセミナー in 鳥取
- 1. オープンデータで変わる社会と 新たなビジネスチャンスの⾒見見つけ⽅方 株式会社 jig.jp代表取締役社長 福野泰介 @taisukef http://fukuno.jig.jp/
- 3.
- 4.
- 6.
- 7.
- 8.
- 9.
- 13.
- 14.
- 16.
- 18.
- 19.
- 20.
- 21.
- 22.
- 23.
- 24.
- 25.
- 26.
- 27.
- 28.
- 29.
- 30. コスト 拡散力 双方向 声0円 1人 ⃝ 紙 100円 100人 ☓ 放送 10,000円 10,000人 ☓ Web 0円 1,000人 ⃝
- 31.
- 32.
- 33.
- 34.
- 36.
- 37.
- 38.
- 39.
- 40. Photo credit: kevindooley / Foter / CC BY
- 41.
- 42.
- 43.
- 45.
- 46.
- 47. 世界最先端 IT 国家創造宣言、閣議決定 2013.6.14 Ⅰ．基本理念 Ⅱ.目指すべき社会・姿 Ⅲ.目指すべき社会・姿を実現するための取組 １．革新的な新産業・新サービスの創出と全産業の成長を促進する社会の実現 （１）オープンデータ・ビッグデータの活用の推進 1.公共データの民間開放（オープンデータ）の推進 2013 年度中に試行版を立ち上げ、広く国民の意見募集を行うとともに、 2014 年度から本格運用を実施する 2014 年度及び 2015 年度の２年間を集中取組期間と位置づけ、 2015 年度末には、他の先進国と同水準の公開内容を実現する ２．健康で安心して快適に生活できる、世界一安全で災害に強い社会 ３．公共サービスがワンストップで誰でもどこでもいつでも受けられる社会の実現
- 48.
- 49.
- 50.
- 51.
- 59.
- 60.
- 64.
- 65.
- 66.
- 67.
- 68. 鯖江市 7万 流山市20万 淡路市 5万 サービス オープンデータ ５つ星オープンデータで全地域共通のサービス！ 行政 市民 民間 オープンデータ オープンデータ 情報流通連携基盤 / SPARQL
- 69. 日本 1億 イギリス0.6億 アメリカ 3億 サービス オープンデータ 世界標準なのでグローバル展開が可能！ 行政 市民 民間 オープンデータ オープンデータ 情報流通連携基盤 / SPARQL
- 70.
- 72.
- 73.
- 74.
- 75.
- 77.
- 78. Open Data BestPractice (W3C TPAC2014)
- 79.
- 80.
- 82.
- 83.
- 84.
- 85.
- 86.
- 87.
- 88. 2.21(⼟土) インターナショナル オープンデータ・デイ with Code for Tottori
- 89. オープンデータ x WoT！ 次世代Web時代のデータ公開⽅方法と アプリ開発 株式会社 jig.jp 代表取締役社長 福野泰介 @taisukef http://fukuno.jig.jp/
- 90. 5つ星オープンデータ RDFの集合へのアクセス手段(API) ＝SPARQL(スパークル) select * {?s ?p ?o } ※W3C標準
- 91.
- 94.
- 95. PREFIX rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#> PREFIXrdfs: <http://www.w3.org/2000/01/rdf-schema#> PREFIX xsd: <http://www.w3.org/2001/XMLSchema#> PREFIX dct: <http://purl.org/dc/terms/> PREFIX odp: <http://odp.jig.jp/odp/1.0#> SELECT ?created ?value { ?s rdf:next rdf:nil; rdf:type odp:WaterLevel; <http://schema.org/spatial> <http://odp.jig.jp/jp/fukui/sabae/waterlevelsensor/1>; dct:created ?created; rdf:value ?value. } 最新の水位を取得するSPARQLクエリー
- 96. { "head": { "vars": ["created" , "value" ] } , "results": { "bindings": [ { "created": { "datatype": "http://www.w3.org/2001/XMLSchema#dateTime" , "type": "typed-literal" , "value": "2015-02-05T10:35:01+09:00" } , "value": { "datatype": "http://www.w3.org/2001/XMLSchema#integer" , "type": "typed-literal" , "value": "62" } } ] } } 最新の水位を取得するSPARQLクエリーの結果
- 97. <html> <head> <script src="http://fukuno.jig.jp/fukuno.js"></script> <script> </script> </head> <body> <h1>鯖江市 論手川水位メーター</h1> <divid="main"> <div id="level"><span id="value"></span>cm</div> <div id="datetime"></div> </div> <div id="credit"> DATA: CC BY <a href=http://odp.jig.jp/ target=_blank>odp</a> </div> </body> 水位表示アプリ、ベース
- 98. var getWaterLevelSPARQL =function(sensor, callback) { var query = f2s(function() {/* PREFIX rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#> PREFIX rdfs: <http://www.w3.org/2000/01/rdf-schema#> PREFIX xsd: <http://www.w3.org/2001/XMLSchema#> PREFIX dct: <http://purl.org/dc/terms/> PREFIX odp: <http://odp.jig.jp/odp/1.0#> select ?created ?value { ?s rdf:next rdf:nil; rdf:type odp:WaterLevel; <http://schema.org/spatial> {sensor}; dct:created ?created; rdf:value ?value. } */}); query = query.replace("{sensor}", "<" + sensor + ">"); var url = "http://sparql.odp.jig.jp/api/v1/sparql?output=json&query=" + encodeURIComponent(query); url += "&callback=" + getCallbackMethod(function(data) { var d = data.results.bindings[0]; callback(d.created.value, d.value.value); }); jsonp(url); }; 水位取得するJavaScript scriptタグ内
- 99. window.onload = function(){ var sensor = "http://odp.jig.jp/jp/fukui/sabae/waterlevelsensor/1" var f = function() { getWaterLevelSPARQL(sensor, function(datetime, value) { get("datetime").textContent = datetime.replace("T", " "); get("value").textContent = value; }); }; setInterval(f, 5 * 60 * 1000); f(); }; 5分置きに取得し表示するJavaScript scriptタグ内
- 101. <style> body { text-align: center; } #main{ display: inline-block; width: 300px; height: 300px; background-color: #8ca8ff; position: relative; } #level { padding-top: 60px; font-size: 70px; color: #002699; } #datetime { font-size: 18px; color: #002699; } </style> head内にCSSを記述して完成
- 102.
- 103. <h1>鯖江市 論手川水位予測ゲーム</h1> <div id="main"> <divid="level"><span id="value"></span>cm</div> <div id="datetime"></div> <div id=pointdiv><span id="point">1000</span>ポイント</div> <span class=btn id="buy">買う</span><span class=btn id="sell">売 る</span><br> <div><span id="stock">0</span>ストック</div> </div> 予測ゲーム用に追加する
- 104. .btn { padding: 4px12px; background: white; border-radius: 8px; margin: 4px; } #pointdiv { margin: 4px; font-weight: bold; } CSSをstyleタグ内に追記
- 105. var point =localStorage["waterlavelgame_point"]; var stock = localStorage["waterlavelgame_stock"]; if (point) { get("point").textContent = point; get("stock").textContent = stock; } ポイントとストックの読み込み (onload内)
- 106. get("buy").onclick = function(){ var pnt = parseInt(get("point").textContent); var price = parseInt(get("value").textContent); var stock = parseInt(get("stock").textContent); if (price > pnt) { alert("所持ポイントが足りません！！"); return; } pnt -= price; pnt--; stock++; get("stock").textContent = stock; get("point").textContent = pnt; localStorage["waterlavelgame_point"] = pnt; localStorage["waterlavelgame_stock"] = stock; }; 買いオペ (onload内)
- 107. get("sell").onclick = function(){ var pnt = parseInt(get("point").textContent); var price = parseInt(get("value").textContent); var stock = parseInt(get("stock").textContent); if (stock == 0) { alert("売却するストックがありません"); return; } stock--; pnt += price; if (price >= 10000) { if (!localStorage["waterlavelgame_over"]) { alert("おめでとう！！10,000ポイント達成！！"); localStorage["waterlavelgame_over"] = 1; } } pnt--; get("stock").textContent = stock; get("point").textContent = pnt; localStorage["waterlavelgame_point"] = pnt; localStorage["waterlavelgame_stock"] = stock; }; 売りオペ (onload内)
- 108.
- 109.
- 110.
- 113.
- 115.
- 117.
- 119.
- 120.
- 121.
- 122.
- 123.
- 125.
- 127.
- 128.
- 129.
- 130. 2.21(⼟土) インターナショナル オープンデータ・デイ with Code for Tottori
- 131.
- 132.
- 133.
- 134. 1. イライラすること 2. どうすると解消する？ 3.どんなデータが必要？ 4. それは誰がもってる？
- 135. 福野泰介 on Facebook @taisukefon Twitter http://fukuno.jig.jp/