Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
WORDCAMP US参加レポート
WORDBENCH京都12月
WORDCAMP US参加レポート
~という名のWP REST APIの話~
WORDBENCH京都12月
WORDCAMP US
2015/12/04~12/06
実はあんまり
セッション聞いてない
WordBench京都12月
WORDCAMP US2015私的サマリー
▸わぷー人気過ぎ
▸WordPress.com API
▸WP REST API
▸WP REST API
GLOBAL
WAPUU
わぷー人気出過ぎ
WORDBENCH京都12月テキスト
わぷーってなに?
▸ 日本語版公式キャラクター
▸ カネウチカズコさんによるデザイン
▸ GPL v2で利用可能
▸ ご当地わぷーが沢山いる
▸ 2014年末頃から海外でブームに
▸ (ボールは齧ってるらし...
WordBench京都12月
http://jawordpressorg.github.io/wapuu/
WordBench京都12月
GitHubに世界中のわぷーが登録されている
https://github.com/jawordpressorg/wapuu
WordBench京都12月
突如現れたファンサイト
http://wapuu.jp/
WordBench京都12月
スペースわぷー
http://wapuu.amimoto-ami.com/
WordPress.com
API
すべては
ここからはじまった
CALYPSO
WordBench京都12月
CALYPSO
▸ React + WordPress.com API
▸ WordPressのダッシュボードアプリ
▸ UIはWordPress.com風
▸ https://developer.wordpres...
https://developer.wordpress.com/docs/api/
WordBench京都12月
WORDPRESS.COM REST API
▸ WordPress.comのAPI
▸ JetPackやCalypsoで使用
▸ .orgで使うにはJetPackが必要
▸ WP REST APIとは別物なので要...
WordBench京都12月
WP REST APIと混同すると辛くなる
▸ WP REST APIと.com APIは別物
▸ WP REST APIもv1とv2は別物
▸ 「WP API」という別物のプラグインもある
▸ 試す時には「どれを...
WordBench京都12月
プラグイン対応表
API名 プラグイン名 URL 備考
.com API JetPack
https://wordpress.org/
plugins/jetpack/
.comアカウント
必須
WP REST
A...
WP-API
ついにコア実装
WordBench京都12月
ここで書くネタ
▸ WP APIとは? WordPressのコア部分のAPI
▸ プラグインで開発されていて、今はVersion2
▸ WP4.2に入ると言われてから約1年、ついにコア実装
▸ OmEmbedで使わ...
WordBench京都12月
WP REST APIとは?
▸ WordPressのコア部分のAPI
▸ 投稿 / 固定ページ / メディア / ユーザー / etc..
▸ WordPress4.2でコアに入ると言われてから約1年
▸ WP4...
WordBench京都12月
WordPress4.4 コアに実装されたREST API
▸ oEmbedを実装するためのAPI
▸ 今まで話題になっていたAPIエンドポイントは入ってない
▸ ただしフックなどは追加されているので
 オリジナル...
WordBench京都12月
WordPress4.4 コアで使えるエンドポイント
▸ /wp-json/
▸ WP APIに関する各種情報をとれるエンドポイント
▸ /wp-json/oembed/1.0
▸ oEmbed用APIに関する情報...
oEmbedしか
使えない
WordBench京都12月
WPRESTAPIv2を入れると使えるエンドポイント(一部)
▸ /wp-json/wp/v2/       :ルート情報
▸ /wp-json/wp/v2/categories  :カテゴリ
▸ /wp-json...
使える
メソッドなど
http://v2.wp-api.org/
ドキュメント読むの
めんどくさい
Hidetaka Okamoto
WordBench京都12月
そんな時の
ルートエンドポイント
curl -X GET 
http://example.com/wp-json/wp/v2/ 
| jq .
WordBench京都12月
WordPress4.4 コアで使えるエンドポイント
"/wp/v2/comments": {
"namespace": "wp/v2",
"methods": [ "GET", "POST" ],
"endpoi...
WordBench京都12月
エンドポイントのURL
"/wp/v2/comments": {
"namespace": "wp/v2",
"methods": [ "GET", "POST" ],
"endpoints": [
{
"meth...
WordBench京都12月
このエンドポイントで使えるメソッド
"/wp/v2/comments": {
"namespace": "wp/v2",
"methods": [ "GET", "POST" ],
"endpoints": [
{...
WordBench京都12月
GETで使えるクエリとその説明
"/wp/v2/comments": {
"namespace": "wp/v2",
"methods": [ "GET", "POST" ],
"endpoints": [
{
"...
curlとjq使えると
いろいろ る
WordBench京都12月
var url = 'http://wp-kyoto.net/wp-json/';
$.ajax({
url: url + ‘wp/v2/posts', type:’GET’, dataType: 'json',
...
WordBench京都12月
var url = 'http://wp-kyoto.net/wp-json/';
$.ajax({
url: url + ‘wp/v2/posts', type:’GET’, dataType: 'json',
...
WordBench京都12月
var url = 'http://wp-kyoto.net/wp-json/';
$.ajax({
url: url + ‘wp/v2/posts', type:’GET’, dataType: 'json',
...
WordBench京都12月
var url = 'http://wp-kyoto.net/wp-json/';
$.ajax({
url: url + ‘wp/v2/posts', type:’GET’, dataType: 'json',
...
WordBench京都12月
var url = 'http://wp-kyoto.net/wp-json/';
$.ajax({
url: url + ‘wp/v2/posts', type:’GET’, dataType: 'json',
...
https://feelingrestful.com/
WP-API
結局どう使うのさ?
で、WP REST APIとやらは
どう使えと?
Someone
WordBench京都12月
WordBench京都12月
WP REST API × SOMETHING
▸ WP REST API × Plugins
▸ WP REST API × Themes
▸ WP REST API × Application
▸ WP RES...
WordBench京都12月
WP REST API × PLUGINS
▸ WP REST APIを使ったプラグイン
▸ 非同期検索
▸ 記事埋め込みショートコード
▸ ユーザー登録・コメント投稿機能
https://wordpress.org/plugins/wp-search-live/
http://wp-kyoto.net/using-wp-api-shortcode-wbnara/
WP REST API v1
なので要注意
WordBench京都12月
WP REST API × THEMES
▸ WP REST API を使ったWordPressテーマ
▸ WP REST API v2必須のテーマは公式OK
▸ Reactやbackboneでテーマを作る?
▸ ...
wptavern.com/anadama-an-example-wordpress-recipe-theme-based-on-react
http://media-assembly-kit.com/ja/
https://github.com/Automattic/Picard
PHP苦手でもJS書ければ
公式ディレクトリに
テーマをあげれるように
WordBench京都12月
WP REST API × APPLICATION
▸ WP REST APIを使ったアプリケーション
▸ ユーザー・投稿・メディアなどを管理
▸ WordPress をアプリケーションFW化する
http://www.happytables.com/
https://nomadbase.io/
WordBench京都12月
WP REST API × IOT
▸ Internet Of Things(モノのインターネット)
▸ マイコンからWP REST APIを使用する
▸ 「GUIすら存在しないWordPress」
https://ja.wordpress.org/plugins/littlebits/
https://ja.wordpress.org/plugins/littlebits/
WordPressの
リアルダッシュボード
他Webサービスから
WordPressを更新
https://developer.amazon.com/appsandservices/solutions/alexa/alexa-skills-kit/docs/developing-an-alexa-
skill-as-a-lambda-...
音声入力から
AWS経由で
WodPressを操作
WordBench京都12月
ここで書くネタ
▸ WordCamp USのセッションから活用アイディアを紹介
▸ テーマに使う  _s+backbone / React 他GitHubサンプル
▸ プラグインとして使う 検索・関連記事
▸ 管理...
まとめ
さらばPHP・・・?
LEARN JAVASCRIPT DEEPLY.
Matt Mullenweg
WordBench京都12月
だけど、
PHPは
無くならない
WordBench京都12月
WP REST APIは万能薬ではない
▸ WP REST APIでは取れないデータも多い
▸ メニュー・ウィジェット・基本設定etc..
▸ APIをいっぱい使う=サーバー負荷上がる
▸ レガシーブラウザの悪夢
...
WordBench京都12月
WordPress関数との協力プレイ
▸ APIで取れないものはPHPで
▸ APIでとれるものはJavaScript
▸ サーバーとブラウザでの処理の分散
▸ 遅延読み込みや仮想DOMの活用
WordBench京都12月
管理画面の設定を活かす
▸ get_options()でデータ取得
▸ HTMLのdata属性に出力
▸ JSで取得してAPI処理に利用
▸ http://wp-kyoto.net/wp-rest-api-get-...
WebComponent
というまだ見ぬ未来
WordBench京都12月
WEBCOMPONENT+WP REST API
▸ HTMLの要素を「パーツ化」して独自タグにできる
▸ うまく使えばJavaScriptすらほとんど書かずに済む
▸ フロントエンドをComponent化
▸ C...
なんて将来が
きたらいいよね
時間が余ったら
US参加組を巻き込ます
Hidetaka Okamoto
WordBench京都12月
WordBench京都12月、WordCampUSからのWP REST APIな話
WordBench京都12月、WordCampUSからのWP REST APIな話
WordBench京都12月、WordCampUSからのWP REST APIな話
WordBench京都12月、WordCampUSからのWP REST APIな話
WordBench京都12月、WordCampUSからのWP REST APIな話
WordBench京都12月、WordCampUSからのWP REST APIな話
WordBench京都12月、WordCampUSからのWP REST APIな話
WordBench京都12月、WordCampUSからのWP REST APIな話
WordBench京都12月、WordCampUSからのWP REST APIな話
WordBench京都12月、WordCampUSからのWP REST APIな話
WordBench京都12月、WordCampUSからのWP REST APIな話
WordBench京都12月、WordCampUSからのWP REST APIな話
WordBench京都12月、WordCampUSからのWP REST APIな話
WordBench京都12月、WordCampUSからのWP REST APIな話
WordBench京都12月、WordCampUSからのWP REST APIな話
WordBench京都12月、WordCampUSからのWP REST APIな話
WordBench京都12月、WordCampUSからのWP REST APIな話
WordBench京都12月、WordCampUSからのWP REST APIな話
WordBench京都12月、WordCampUSからのWP REST APIな話
WordBench京都12月、WordCampUSからのWP REST APIな話
WordBench京都12月、WordCampUSからのWP REST APIな話
WordBench京都12月、WordCampUSからのWP REST APIな話
WordBench京都12月、WordCampUSからのWP REST APIな話
WordBench京都12月、WordCampUSからのWP REST APIな話
Upcoming SlideShare
Loading in …5
×

WordBench京都12月、WordCampUSからのWP REST APIな話

953 views

Published on

WordCamp USでREST APIの話が多かった印象なので、REST APIの話をしました。

Published in: Engineering
  • Be the first to comment

WordBench京都12月、WordCampUSからのWP REST APIな話

  1. 1. WORDCAMP US参加レポート WORDBENCH京都12月
  2. 2. WORDCAMP US参加レポート ~という名のWP REST APIの話~ WORDBENCH京都12月
  3. 3. WORDCAMP US 2015/12/04~12/06
  4. 4. 実はあんまり セッション聞いてない
  5. 5. WordBench京都12月 WORDCAMP US2015私的サマリー ▸わぷー人気過ぎ ▸WordPress.com API ▸WP REST API ▸WP REST API
  6. 6. GLOBAL WAPUU わぷー人気出過ぎ
  7. 7. WORDBENCH京都12月テキスト わぷーってなに? ▸ 日本語版公式キャラクター ▸ カネウチカズコさんによるデザイン ▸ GPL v2で利用可能 ▸ ご当地わぷーが沢山いる ▸ 2014年末頃から海外でブームに ▸ (ボールは齧ってるらしい) https://ja.wordpress.org/about-wp-ja/wapuu/
  8. 8. WordBench京都12月 http://jawordpressorg.github.io/wapuu/
  9. 9. WordBench京都12月 GitHubに世界中のわぷーが登録されている https://github.com/jawordpressorg/wapuu
  10. 10. WordBench京都12月 突如現れたファンサイト http://wapuu.jp/
  11. 11. WordBench京都12月 スペースわぷー http://wapuu.amimoto-ami.com/
  12. 12. WordPress.com API すべては ここからはじまった
  13. 13. CALYPSO
  14. 14. WordBench京都12月 CALYPSO ▸ React + WordPress.com API ▸ WordPressのダッシュボードアプリ ▸ UIはWordPress.com風 ▸ https://developer.wordpress.com/calypso/ ▸ https://github.com/Automattic/wp-calypso
  15. 15. https://developer.wordpress.com/docs/api/
  16. 16. WordBench京都12月 WORDPRESS.COM REST API ▸ WordPress.comのAPI ▸ JetPackやCalypsoで使用 ▸ .orgで使うにはJetPackが必要 ▸ WP REST APIとは別物なので要注意 ▸ https://developer.wordpress.com/docs/api/
  17. 17. WordBench京都12月 WP REST APIと混同すると辛くなる ▸ WP REST APIと.com APIは別物 ▸ WP REST APIもv1とv2は別物 ▸ 「WP API」という別物のプラグインもある ▸ 試す時には「どれを使うのか」を確認しよう!
  18. 18. WordBench京都12月 プラグイン対応表 API名 プラグイン名 URL 備考 .com API JetPack https://wordpress.org/ plugins/jetpack/ .comアカウント 必須 WP REST API v1 WP REST API (WP API) https://wordpress.org/ plugins/json-rest-api/ WP REST API v2 WordPress REST API (Version 2) https://wordpress.org/ plugins/rest-api/ 一部コア実装 (WP4.4~) WP API WP API https://wordpress.org/ plugins/wp-api/ 4年以上 メンテなし
  19. 19. WP-API ついにコア実装
  20. 20. WordBench京都12月 ここで書くネタ ▸ WP APIとは? WordPressのコア部分のAPI ▸ プラグインで開発されていて、今はVersion2 ▸ WP4.2に入ると言われてから約1年、ついにコア実装 ▸ OmEmbedで使われてる、camp.orgはv1カスタマイズ ▸ ただし自分で使うにはプラグイン必要よ ▸ V1とV2の違いを一部紹介(フック・エンドポイント)
  21. 21. WordBench京都12月 WP REST APIとは? ▸ WordPressのコア部分のAPI ▸ 投稿 / 固定ページ / メディア / ユーザー / etc.. ▸ WordPress4.2でコアに入ると言われてから約1年 ▸ WP4.4で一部機能がコアに実装 ▸ 全機能を使うにはプラグインが必要
  22. 22. WordBench京都12月 WordPress4.4 コアに実装されたREST API ▸ oEmbedを実装するためのAPI ▸ 今まで話題になっていたAPIエンドポイントは入ってない ▸ ただしフックなどは追加されているので  オリジナルのエンドポイントを追加することは可能
  23. 23. WordBench京都12月 WordPress4.4 コアで使えるエンドポイント ▸ /wp-json/ ▸ WP APIに関する各種情報をとれるエンドポイント ▸ /wp-json/oembed/1.0 ▸ oEmbed用APIに関する情報をとれるエンドポイント ▸ /wp-json/oembed/1.0/embed ▸ oEmbedで実際に使われているエンドポイント
  24. 24. oEmbedしか 使えない
  25. 25. WordBench京都12月 WPRESTAPIv2を入れると使えるエンドポイント(一部) ▸ /wp-json/wp/v2/       :ルート情報 ▸ /wp-json/wp/v2/categories  :カテゴリ ▸ /wp-json/wp/v2/media    :メディア ▸ /wp-json/wp/v2/pages    :固定ページ ▸ /wp-json/wp/v2/posts     :投稿 ▸ /wp-json/wp/v2/tags     :タグ ▸ /wp-json/wp/v2/taxonomies  :タクソノミー ▸ /wp-json/wp/v2/users     :ユーザー
  26. 26. 使える メソッドなど
  27. 27. http://v2.wp-api.org/
  28. 28. ドキュメント読むの めんどくさい Hidetaka Okamoto WordBench京都12月
  29. 29. そんな時の ルートエンドポイント
  30. 30. curl -X GET http://example.com/wp-json/wp/v2/ | jq .
  31. 31. WordBench京都12月 WordPress4.4 コアで使えるエンドポイント "/wp/v2/comments": { "namespace": "wp/v2", "methods": [ "GET", "POST" ], "endpoints": [ { "methods": [ "GET" ], "args": { "context": { "required": false, "default": "view", "enum": [ "view", "embed", "edit" ], "description": "Scope under which the request is made; determines fields present in response." }, "page": {
  32. 32. WordBench京都12月 エンドポイントのURL "/wp/v2/comments": { "namespace": "wp/v2", "methods": [ "GET", "POST" ], "endpoints": [ { "methods": [ "GET" ], "args": { "context": { "required": false, "default": "view", "enum": [ "view", "embed", "edit" ], "description": "Scope under which the request is made; determines fields present in response." }, "page": {
  33. 33. WordBench京都12月 このエンドポイントで使えるメソッド "/wp/v2/comments": { "namespace": "wp/v2", "methods": [ "GET", "POST" ], "endpoints": [ { "methods": [ "GET" ], "args": { "context": { "required": false, "default": "view", "enum": [ "view", "embed", "edit" ], "description": "Scope under which the request is made; determines fields present in response." }, "page": {
  34. 34. WordBench京都12月 GETで使えるクエリとその説明 "/wp/v2/comments": { "namespace": "wp/v2", "methods": [ "GET", "POST" ], "endpoints": [ { "methods": [ "GET" ], "args": { "context": { "required": false, "default": "view", "enum": [ "view", "embed", "edit" ], "description": "Scope under which the request is made; determines fields present in response." }, "page": {
  35. 35. curlとjq使えると いろいろ る
  36. 36. WordBench京都12月 var url = 'http://wp-kyoto.net/wp-json/'; $.ajax({ url: url + ‘wp/v2/posts', type:’GET’, dataType: 'json', data : { filter: { s: ‘wp-api', posts_per_page: 5 } }, timeout:10000, }).done(function(datas) { for (var i = datas.length - 1; i >= 0; i--) { var post_url = datas[i]['link']; $.ajax({ url: url + 'oembed/1.0/embed?url='+ post_url, type:’GET', dataType: ‘json', timeout:10000, }).done(function(data) {$('#ajax').append(data['html']); }).fail(function(data) { $('#ajax').append('fail');}); } }).fail(function(datas) { $('#ajax').append('fail'); });
  37. 37. WordBench京都12月 var url = 'http://wp-kyoto.net/wp-json/'; $.ajax({ url: url + ‘wp/v2/posts', type:’GET’, dataType: 'json', data : { filter: { s: ‘wp-api', posts_per_page: 5 } }, timeout:10000, }).done(function(datas) { for (var i = datas.length - 1; i >= 0; i--) { var post_url = datas[i]['link']; $.ajax({ url: url + 'oembed/1.0/embed?url='+ post_url, type:’GET', dataType: ‘json', timeout:10000, }).done(function(data) {$('#ajax').append(data['html']); }).fail(function(data) { $('#ajax').append('fail');}); } }).fail(function(datas) { $('#ajax').append('fail'); }); POSTSを取得するAPIから記事データを5件取得
  38. 38. WordBench京都12月 var url = 'http://wp-kyoto.net/wp-json/'; $.ajax({ url: url + ‘wp/v2/posts', type:’GET’, dataType: 'json', data : { filter: { s: ‘wp-api', posts_per_page: 5 } }, timeout:10000, }).done(function(datas) { for (var i = datas.length - 1; i >= 0; i--) { var post_url = datas[i]['link']; $.ajax({ url: url + 'oembed/1.0/embed?url='+ post_url, type:’GET', dataType: ‘json', timeout:10000, }).done(function(data) {$('#ajax').append(data['html']); }).fail(function(data) { $('#ajax').append('fail');}); } }).fail(function(datas) { $('#ajax').append('fail'); }); oEmbedのAPIをAjaxで呼び出す
  39. 39. WordBench京都12月 var url = 'http://wp-kyoto.net/wp-json/'; $.ajax({ url: url + ‘wp/v2/posts', type:’GET’, dataType: 'json', data : { filter: { s: ‘wp-api', posts_per_page: 5 } }, timeout:10000, }).done(function(datas) { for (var i = datas.length - 1; i >= 0; i--) { var post_url = datas[i]['link']; $.ajax({ url: url + 'oembed/1.0/embed?url='+ post_url, type:’GET', dataType: ‘json', timeout:10000, }).done(function(data) {$('#ajax').append(data['html']); }).fail(function(data) { $('#ajax').append('fail');}); } }).fail(function(datas) { $('#ajax').append('fail'); }); oEmbedのAPIをAjaxで呼び出す
  40. 40. WordBench京都12月 var url = 'http://wp-kyoto.net/wp-json/'; $.ajax({ url: url + ‘wp/v2/posts', type:’GET’, dataType: 'json', data : { filter: { s: ‘wp-api', posts_per_page: 5 } }, timeout:10000, }).done(function(datas) { for (var i = datas.length - 1; i >= 0; i--) { var post_url = datas[i]['link']; $.ajax({ url: url + 'oembed/1.0/embed?url='+ post_url, type:’GET', dataType: ‘json', timeout:10000, }).done(function(data) {$('#ajax').append(data['html']); }).fail(function(data) { $('#ajax').append('fail');}); } }).fail(function(datas) { $('#ajax').append('fail'); }); oEmbedのAPIでとれたHTMLを挿入する
  41. 41. https://feelingrestful.com/
  42. 42. WP-API 結局どう使うのさ?
  43. 43. で、WP REST APIとやらは どう使えと? Someone WordBench京都12月
  44. 44. WordBench京都12月 WP REST API × SOMETHING ▸ WP REST API × Plugins ▸ WP REST API × Themes ▸ WP REST API × Application ▸ WP REST API × Other API ▸ WP REST API × Internet Of Things
  45. 45. WordBench京都12月 WP REST API × PLUGINS ▸ WP REST APIを使ったプラグイン ▸ 非同期検索 ▸ 記事埋め込みショートコード ▸ ユーザー登録・コメント投稿機能
  46. 46. https://wordpress.org/plugins/wp-search-live/
  47. 47. http://wp-kyoto.net/using-wp-api-shortcode-wbnara/
  48. 48. WP REST API v1 なので要注意
  49. 49. WordBench京都12月 WP REST API × THEMES ▸ WP REST API を使ったWordPressテーマ ▸ WP REST API v2必須のテーマは公式OK ▸ Reactやbackboneでテーマを作る? ▸ PHPなしでテーマ作成も可能
  50. 50. wptavern.com/anadama-an-example-wordpress-recipe-theme-based-on-react
  51. 51. http://media-assembly-kit.com/ja/
  52. 52. https://github.com/Automattic/Picard
  53. 53. PHP苦手でもJS書ければ 公式ディレクトリに テーマをあげれるように
  54. 54. WordBench京都12月 WP REST API × APPLICATION ▸ WP REST APIを使ったアプリケーション ▸ ユーザー・投稿・メディアなどを管理 ▸ WordPress をアプリケーションFW化する
  55. 55. http://www.happytables.com/
  56. 56. https://nomadbase.io/
  57. 57. WordBench京都12月 WP REST API × IOT ▸ Internet Of Things(モノのインターネット) ▸ マイコンからWP REST APIを使用する ▸ 「GUIすら存在しないWordPress」
  58. 58. https://ja.wordpress.org/plugins/littlebits/
  59. 59. https://ja.wordpress.org/plugins/littlebits/
  60. 60. WordPressの リアルダッシュボード
  61. 61. 他Webサービスから WordPressを更新
  62. 62. https://developer.amazon.com/appsandservices/solutions/alexa/alexa-skills-kit/docs/developing-an-alexa- skill-as-a-lambda-function
  63. 63. 音声入力から AWS経由で WodPressを操作
  64. 64. WordBench京都12月 ここで書くネタ ▸ WordCamp USのセッションから活用アイディアを紹介 ▸ テーマに使う  _s+backbone / React 他GitHubサンプル ▸ プラグインとして使う 検索・関連記事 ▸ 管理画面に使う OAuth認証、HappyTable ▸ あぷりけーしょん nomadobase、 ▸ Internet Of Things Alexa,littlebits,IFTTT
  65. 65. まとめ さらばPHP・・・?
  66. 66. LEARN JAVASCRIPT DEEPLY. Matt Mullenweg WordBench京都12月
  67. 67. だけど、
  68. 68. PHPは 無くならない
  69. 69. WordBench京都12月 WP REST APIは万能薬ではない ▸ WP REST APIでは取れないデータも多い ▸ メニュー・ウィジェット・基本設定etc.. ▸ APIをいっぱい使う=サーバー負荷上がる ▸ レガシーブラウザの悪夢 ▸ APIのカスタマイズ=PHPを書く
  70. 70. WordBench京都12月 WordPress関数との協力プレイ ▸ APIで取れないものはPHPで ▸ APIでとれるものはJavaScript ▸ サーバーとブラウザでの処理の分散 ▸ 遅延読み込みや仮想DOMの活用
  71. 71. WordBench京都12月 管理画面の設定を活かす ▸ get_options()でデータ取得 ▸ HTMLのdata属性に出力 ▸ JSで取得してAPI処理に利用 ▸ http://wp-kyoto.net/wp-rest-api-get-posts-per-page/
  72. 72. WebComponent というまだ見ぬ未来
  73. 73. WordBench京都12月 WEBCOMPONENT+WP REST API ▸ HTMLの要素を「パーツ化」して独自タグにできる ▸ うまく使えばJavaScriptすらほとんど書かずに済む ▸ フロントエンドをComponent化 ▸ Componentを仕様に合わせて並べていく ▸ あとはWP REST APIからデータを流し込むだけ
  74. 74. なんて将来が きたらいいよね
  75. 75. 時間が余ったら US参加組を巻き込ます Hidetaka Okamoto WordBench京都12月

×