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.

WordPress JSON REST API 〜さらばPHP、さらばWordPressテーマ

8,956 views

Published on

CMSどうでしょう〜MT・WP対決列島〜 仙台編で話した「WordPress JSON REST API 〜さらばPHP、さらばWordPressテーマ」のスライド

Published in: Internet

WordPress JSON REST API 〜さらばPHP、さらばWordPressテーマ

  1. 1. WordPress JSON REST API ∼さらばPHP、さらばWordPressテーマ 五十嵐和恵 Kazue IGARASHI
  2. 2. Who am I ? • 五十嵐和恵 - Kazue IGARASHI • 通称おかん • @gatespace_k • http://gatespace.jp/ WordCamp Kansai 2014 with Matt
  3. 3. デジタルキューブ My job : Code Wrangler / Frontend Engineer • https://www.digitalcube.jp/ • WordPress
 CodePoet Directory コンサルタント • Amazon Web Services
 アドバンスド コンサルティング パートナー • 分散型ワークスタイル • 営業ゼロ。100%インバウンド • WordPress on AWS
 大規模ウェブメディア など
  4. 4. WordPressとの関わり • _s (Underscores)
 http://underscores.me/ • Contributor • WordPress日本語フォーラム
 http://ja.forums.wordpress.org • 世話役 • WordBench仙台
 http://wordbench.org/groups/ sendai/ • モデレーター
  5. 5. 網元起動隊 https://www.facebook.com/ GHOSTINTHEAMIMOTO 網元起動隊 奥の細道 網元起動隊 in サンフランシスコ網元起動隊 沖縄班
  6. 6. WordPress JSON REST API ∼さらばPHP、さらばWordPressテーマ
  7. 7. WordPress JSON REST API http://wp-api.org/
  8. 8. WordPress JSON REST API • HTTP REST API を介して WordPressのデータにアクセス! • JSONPにも対応 • WordPressのクエリが使える! • 将来的にWordPressコア部分に実装予定(2015年以内?) • 現時点ではプラグインで提供 • WP REST API (WP API)
 https://wordpress.org/plugins/json-rest-api/ • エンドポイントを拡張可能
  9. 9. 扱えるデータ • 投稿(投稿、固定ページ、カスタム投稿タイプ) • メディア • ユーザー • タクソノミー(カテゴリー・タグ・カスタム分類)
  10. 10. データを見てみる(Demo) • ルートデータ
 http://example.com/wp-json/ • 投稿リスト(デフォルト)
 http://example.com/wp-json/posts/ • 個別の投稿
 http://example.com/wp-json/posts/<ID> • Tips : ブラウザでも表示できますが見づらいので、
 コマンドラインで見つつ jq を入れると幸せになれます
  11. 11. WordPress JSON REST API の
 可能性
  12. 12. 投稿をHTMLで表示してみる (Demo) • HTML + JavaScript(jQuery + Ajax)
  13. 13. Media Assembly Kit http://media-assembly-kit.com/ja/
  14. 14. 制作者にとってのメリット • 制作に関して WordPress に関する知識やPHPに関する 知識は不要
  15. 15. Webサイト運営者のメリット • テクニカルサポート
 サーバー+ミドルウェアアップデート+WordPressアッ プデート • 記事の更新や複数投稿者の管理など、運用に集中できる
  16. 16. http://ja.demo.media-assembly-kit.com/
 http://ja.demo.media-assembly-kit.com/mak-simple/ デモサイト
  17. 17. API仕様やデモテンプレートはGitHubで公開 http://megumiteam.github.io/media-assembly-kit/
  18. 18. 事例 AppWoman http://appwoman.jp/
  19. 19. Thanks !

×