WordBench京都 WordPress with Linked Open Data

28
Linked Open Data with WordPress WordBench京都201510月号

Transcript of WordBench京都 WordPress with Linked Open Data

Page 1: WordBench京都 WordPress with Linked Open Data

Linked Open Data with WordPressWordBench京都2015年10月号

Page 2: WordBench京都 WordPress with Linked Open Data

Linked Open Dataのおさらい

• データそのものをリンクさせたネットワーク

• 要するにAPIで行政とかのデータが使える

• データ同士がリンクしている=RDBのようなもの

• 行政や各団体のデータをもっと活かそうぜ

Page 3: WordBench京都 WordPress with Linked Open Data

で、WordPressで なにやればいいの?

Page 4: WordBench京都 WordPress with Linked Open Data

Linked Open Dataのおさらい

• データそのものをリンクさせたネットワーク

• 要するにAPIで行政とかのデータが使える

• データ同士がリンクしている=RDBのようなもの

• 行政や各団体のデータをもっと活かそうぜ

Page 5: WordBench京都 WordPress with Linked Open Data

データ 使おうぜ

Page 6: WordBench京都 WordPress with Linked Open Data

WordPress with DBpedia

https://github.com/hideokamoto/dbdetails

Page 7: WordBench京都 WordPress with Linked Open Data

WordPress with DBpedia

[detail]京都[/detail]

Page 8: WordBench京都 WordPress with Linked Open Data

WordPress with DBpedia

Page 9: WordBench京都 WordPress with Linked Open Data

WordPress with DBpedia

• DBpedia(≒Wikipedia)の説明文をAjaxで取得

• 現時点では「作ってみた」レベルなので近日更新予定

• 難しい単語や歴史上の出来事などの補足が簡単に!

• 全部自分でやるのではなく、「今あるデータを活用」

• あれ、この考え方って・・・

Page 10: WordBench京都 WordPress with Linked Open Data

巨人の肩に立つ

“Standing on the shoulders of giants”

Page 11: WordBench京都 WordPress with Linked Open Data

OSS -> Fork LOD -> MashUp

Page 12: WordBench京都 WordPress with Linked Open Data

WordPressのデータ LODにできないの?

Page 13: WordBench京都 WordPress with Linked Open Data

https://github.com/hideokamoto/make-json-ld

Page 14: WordBench京都 WordPress with Linked Open Data

Make JSON-LD for WordPress With Custom Fields

• Easy make JSON-LD from WordPress Custome Fields

• Easy Customize RDF Schema

• No support Google Structured Data

Page 15: WordBench京都 WordPress with Linked Open Data

Make Custome Fields

Page 16: WordBench京都 WordPress with Linked Open Data

Use schema.org

http://schema.org/

Page 17: WordBench京都 WordPress with Linked Open Data

Input Data

Page 18: WordBench京都 WordPress with Linked Open Data

Access JSON-LD Pass

• POST URL :http://exmaple.com/post-1/

• JSON-LD URL:http://exmaple.com/post-1/json-ld/

Page 19: WordBench京都 WordPress with Linked Open Data

Result[

{

"@context": "http://dev.web-sample.org/jsonld-context/",

"@id": "http://dev.web-sample.org/archives/27",

"schema:description": [

"Schema Description"

],

"schema:name": [

"Schema Name"

]

}

]

Page 20: WordBench京都 WordPress with Linked Open Data
Page 21: WordBench京都 WordPress with Linked Open Data

http://opendata.shiga.jp/moriyamahotaru/

Page 22: WordBench京都 WordPress with Linked Open Data
Page 23: WordBench京都 WordPress with Linked Open Data
Page 24: WordBench京都 WordPress with Linked Open Data
Page 25: WordBench京都 WordPress with Linked Open Data

LOD with Polymer 0.5

Page 26: WordBench京都 WordPress with Linked Open Data

WordPressでLODを扱うための手順

1. SPARQLクエリを作成

2. APIを叩くためのURLを作成

3. $.ajaxやwp_remote_getなどでデータを取得

4. 取得したデータを表示する

5. ライセンスの明記

Page 27: WordBench京都 WordPress with Linked Open Data

WordPressでLODを扱うための手順

1. SPARQLクエリを作成   SPARQL Creatorなどを使う

2. APIを叩くためのURLを作成   SPARQLクエリをURLエンコードする

3. $.ajaxやwp_remote_getなどでデータを取得   エラーハンドリングなどもやっておこう

4. 取得したデータを表示する

5. ライセンスの明記   データ配信元に記載されてるライセンスを必ず書く

Page 28: WordBench京都 WordPress with Linked Open Data

サンプルコード http://bit.ly/1jEEkYz

解説記事 http://bit.ly/1KRjjmj