SlideShare une entreprise Scribd logo
1  sur  48
Télécharger pour lire hors ligne
denari01
コンロは絶対
家に買いましょう。
マジで料理する気がおきない…
denari01
社長室
・Design
・Mark up
・Javascript
・Ruby on Rails
・Django
・iOS(Swift)
・Java ・Android ・Obj-C
denari01
社長室
And SPARQL
💧💧
Open Data
オープンデータの話
jigのシステムを利用して自治体が
公開しているデータの使いかた
Let’s try!
http://sparql.odp.jig.jp/sparql.html
select * {
?s ?p ?o;
} limit 10
クエリです。
select * {
?s ?p ?o;
} limit 10
select * from users limit 10;
SPARQL
MySQL
?s??? ?p?????? ?o????????
避難所
データ
避難所
データ
避難所
データ
名前
住所
場所
江体育館
江市hoge町…
緯度 35.xxxx
経度 135.xxxx
避難所
データ
名前
住所
場所
江体育館
江市hoge町…
場所データ
主語 述語 目的語
場所
データ
緯度
経度
35.xxxx
135.xxxx
RDF
SPARQL Endpointが検索する対象のデータ
XMLの記法を拡張したもの
URIで基本すべて表記
<rdf:Description rdf:about=“http://odp.jig.jp/jp/shizuoka/shimada/236#%~~">
<geo:lat rdf:datatype=“http://www.w3.org/2001/XMLSchema#float">34.846963</geo:lat>
<geo:long rdf:datatype=“http://www.w3.org/2001/XMLSchema#float">138.122395</geo:long>
<rdfs:label xml:lang=“ja”>五和小学校</rdfs:label>
<rdf:type rdf:resource=“http://purl.org/jrrk#EmergencyFacility"/>
</rdf:Description>
PREFIX rdf:<http://www.w3.org/1999/02/22-rdf-syntax-ns#>
PREFIX rdfs:<http://www.w3.org/2000/01/rdf-schema#>
PREFIX jrrk:<http://purl.org/jrrk#>
SELECT ?name {
?s rdf:type jrrk:EmergencyFacility;
rdfs:label ?name.
}
PREFIX rdf:<http://www.w3.org/1999/02/22-rdf-syntax-ns#>
PREFIX rdfs:<http://www.w3.org/2000/01/rdf-schema#>
PREFIX jrrk:<http://purl.org/jrrk#>
SPARQL
SPARQL
select * {
?s ?p ?o;
} limit 10
PREFIX jrrk: <http://purl.org/jrrk#>
PREFIX rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#>
PREFIX rdfs: <http://www.w3.org/2000/01/rdf-schema#>
PREFIX schema: <http://schema.org/>
PREFIX geo:<http://www.w3.org/2003/01/geo/wgs84_pos#>
SELECT DISTINCT ?lat ?lng ?image_url ?name {
?target_rdf rdf:type jrrk:CivicPOI;
geo:lat ?lat;
geo:long ?lng;
schema:image ?image_url;
rdfs:label ?name
}
SPARQL
http://odp.jig.jp/odp/1.0#
SPARQL -> JSON -> hogeで
最高のオープンデータ開発ライフを
Task runner
Web front dev
ガルパンはいいぞ
ぼくは片メガネの桃ちゃんが最高だと思う
Gulp
Grunt
いいぞ、っていう話
.class1 {
font-size: 10px;
.class2 {
color : red;
}
}
.class1 {
font-size: 10px;
}

.class1 .class2 {
color : red;
}
Sass
ul
li
a(href=”hoge.html”)
| ほげ
<ul>
<li>
<a href=”hoge.html”>
ほげ
</a>
</li>
</ul>
Jade
a = (a,b) -> a + b
var a;
a = function(a, b) {
return a + b;
};
CoffeeScript
コンパイルがめんどくさい…
一挙にコンパイルしてくれる
ソース保存時に自動で
ついでにブラウザを更新
・テスト実行
・依存関係を解決
・minify
・コーディング規約チェック
・ヒアドキュメントをまとめる
・コード中の// TODO : を収集
・簡易サーバー立てる
大体こんな感じで自動化
npm install -g grunt grunt-cli
install
npm install -g gulp
node.jsをインストールする
さて、何がちがうのか
タスクの書き方
module.exports = function(grunt) {
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
slim: {
dest: {
files: [
{
expand: true,
cwd: 'public_html',
src: ['*.slim', '!_*.slim'],
dest: 'public_html/dest',
ext: '.html'
}
]
}
}
});
grunt.loadNpmTasks(‘grunt-slim');
return grunt.registerTask('default', ['slim');
};
ほぼJSON
var gulp = require('gulp');
var jade = require('gulp-jade');
gulp.task('default', function() {
gulp.run(‘jade');
});
gulp.task('jade', function() {
return gulp.src(‘./*.jade’)
.pipe(plumber())
.pipe(jade({
pretty: true
})).pipe(gulp.dest(‘dest/’));
});
gulp.task('watch', function() {
gulp.watch(‘./*.jade', ['jade']);
gulp.watch(‘./**/*.jade', [‘jade']);
});
method
chaining
処理の軽さ
a = (a,b) -> a + b
var a;
a = function(a, b) {
return a + b;
};
例えば
var a;a=function(a,b){return a+b;};
coffeescriptのコンパイル
minify
a = (a,b) -> a + b
var a;
a = function(a, b) {
return a + b;
};
var a;a=function(a,b){return a+b;};
src.coffee
compiled.js
minified.min.js
a = (a,b) -> a + b
var a;
a = function(a, b) {
return a + b;
};
var a;a=function(a,b){return a+b;};
src.coffee
minified.min.js
module.exports = function(grunt) {
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
slim: {
dest: {
files: [
{
expand: true,
cwd: 'public_html',
src: ['*.slim', '!_*.slim'],
dest: 'public_html/dest',
ext: '.html'
}
]
}
}
});
grunt.loadNpmTasks(‘grunt-slim');
return grunt.registerTask('default', ['slim');
};
ほぼJSON
var gulp = require('gulp');
var jade = require('gulp-jade');
gulp.task('default', function() {
gulp.run(‘jade');
});
gulp.task('jade', function() {
return gulp.src(‘./*.jade’)
.pipe(plumber())
.pipe(jade({
pretty: true
})).pipe(gulp.dest(‘dest/’));
});
gulp.task('watch', function() {
gulp.watch(‘./*.jade', ['jade']);
gulp.watch(‘./**/*.jade', [‘jade']);
});
method
chaining
個人的にはGulpがオススメ
Gruntと比較しても、すごく軽い。Gulpはいいぞ
SlideShare
http://slideshare.com/denari01/spring-vacation

Contenu connexe

Similaire à Jig study

残念な日本地図 @第2回ニコニコ学会βシンポジウム
残念な日本地図 @第2回ニコニコ学会βシンポジウム残念な日本地図 @第2回ニコニコ学会βシンポジウム
残念な日本地図 @第2回ニコニコ学会βシンポジウム
Yusuke Komiyama
 
Backlog、Cacoo にみるAWS運用の勘所 - JAWS UG 三都物語
Backlog、Cacoo にみるAWS運用の勘所 - JAWS UG 三都物語Backlog、Cacoo にみるAWS運用の勘所 - JAWS UG 三都物語
Backlog、Cacoo にみるAWS運用の勘所 - JAWS UG 三都物語
Takashi Someda
 
泥臭い運用から、プログラマブルインフラ構築(に行きたい)
泥臭い運用から、プログラマブルインフラ構築(に行きたい) 泥臭い運用から、プログラマブルインフラ構築(に行きたい)
泥臭い運用から、プログラマブルインフラ構築(に行きたい)
Akihiro Kuwano
 
ななめ45°から見たJavaOne
ななめ45°から見たJavaOneななめ45°から見たJavaOne
ななめ45°から見たJavaOne
AdvancedTechNight
 
Kink: プロトタイプベースの俺々 JVM 言語
Kink: プロトタイプベースの俺々 JVM 言語Kink: プロトタイプベースの俺々 JVM 言語
Kink: プロトタイプベースの俺々 JVM 言語
Taku Miyakawa
 

Similaire à Jig study (20)

残念な日本地図 @第2回ニコニコ学会βシンポジウム
残念な日本地図 @第2回ニコニコ学会βシンポジウム残念な日本地図 @第2回ニコニコ学会βシンポジウム
残念な日本地図 @第2回ニコニコ学会βシンポジウム
 
AWS SDK for Smalltalk
AWS SDK for SmalltalkAWS SDK for Smalltalk
AWS SDK for Smalltalk
 
Rubyの会社でPythonistaが3ヶ月生き延びた話
Rubyの会社でPythonistaが3ヶ月生き延びた話Rubyの会社でPythonistaが3ヶ月生き延びた話
Rubyの会社でPythonistaが3ヶ月生き延びた話
 
Rubyの会社でPythonistaが三ヶ月生き延びた話
Rubyの会社でPythonistaが三ヶ月生き延びた話Rubyの会社でPythonistaが三ヶ月生き延びた話
Rubyの会社でPythonistaが三ヶ月生き延びた話
 
20181031 springfest spring data geode
20181031 springfest spring data geode20181031 springfest spring data geode
20181031 springfest spring data geode
 
Inside frogc in Dart
Inside frogc in DartInside frogc in Dart
Inside frogc in Dart
 
Xbyakの紹介とその周辺
Xbyakの紹介とその周辺Xbyakの紹介とその周辺
Xbyakの紹介とその周辺
 
これからのJSの話をしよう ~jQueryで作るTwitterアプリ~ (Gunma.web #2 2010/10/9)
これからのJSの話をしよう ~jQueryで作るTwitterアプリ~ (Gunma.web #2 2010/10/9)これからのJSの話をしよう ~jQueryで作るTwitterアプリ~ (Gunma.web #2 2010/10/9)
これからのJSの話をしよう ~jQueryで作るTwitterアプリ~ (Gunma.web #2 2010/10/9)
 
Javascript で暗号化
Javascript で暗号化Javascript で暗号化
Javascript で暗号化
 
地獄Spec
地獄Spec地獄Spec
地獄Spec
 
地獄Spec
地獄Spec地獄Spec
地獄Spec
 
Backlog、Cacoo にみるAWS運用の勘所 - JAWS UG 三都物語
Backlog、Cacoo にみるAWS運用の勘所 - JAWS UG 三都物語Backlog、Cacoo にみるAWS運用の勘所 - JAWS UG 三都物語
Backlog、Cacoo にみるAWS運用の勘所 - JAWS UG 三都物語
 
泥臭い運用から、プログラマブルインフラ構築(に行きたい)
泥臭い運用から、プログラマブルインフラ構築(に行きたい) 泥臭い運用から、プログラマブルインフラ構築(に行きたい)
泥臭い運用から、プログラマブルインフラ構築(に行きたい)
 
Android上での3D(OpenGL)描画の基礎とNDKによる実践的高速化手法
Android上での3D(OpenGL)描画の基礎とNDKによる実践的高速化手法Android上での3D(OpenGL)描画の基礎とNDKによる実践的高速化手法
Android上での3D(OpenGL)描画の基礎とNDKによる実践的高速化手法
 
ななめ45°から見たJavaOne
ななめ45°から見たJavaOneななめ45°から見たJavaOne
ななめ45°から見たJavaOne
 
Kink: プロトタイプベースの俺々 JVM 言語
Kink: プロトタイプベースの俺々 JVM 言語Kink: プロトタイプベースの俺々 JVM 言語
Kink: プロトタイプベースの俺々 JVM 言語
 
SparkやBigQueryなどを用いた モバイルゲーム分析環境
SparkやBigQueryなどを用いたモバイルゲーム分析環境SparkやBigQueryなどを用いたモバイルゲーム分析環境
SparkやBigQueryなどを用いた モバイルゲーム分析環境
 
Javaな人が今すぐ使えるG*
Javaな人が今すぐ使えるG*Javaな人が今すぐ使えるG*
Javaな人が今すぐ使えるG*
 
人狼知能プログラミング演習資料2015
人狼知能プログラミング演習資料2015人狼知能プログラミング演習資料2015
人狼知能プログラミング演習資料2015
 
WebApp個人開発のすゝめ / Recommendation of personal web app development
WebApp個人開発のすゝめ / Recommendation of personal web app developmentWebApp個人開発のすゝめ / Recommendation of personal web app development
WebApp個人開発のすゝめ / Recommendation of personal web app development
 

Dernier

Dernier (11)

LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアルLoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
 
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
 
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
 
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
 
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
 
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native IntegrationsUtilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
 
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
 
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
 
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
 
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー  DS20L  カタログ  LiDARデバイスLoRaWANスマート距離検出センサー  DS20L  カタログ  LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
 
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半        2024/04/26の勉強会で発表されたものです。新人研修 後半        2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
 

Jig study