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

WordBench京都 WordPress with Linked Open Data

Apr 13, 2017

Download

Engineering

Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
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