O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

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

8.966 visualizações

Publicada em

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

Publicada em: Internet
  • Seja o primeiro a comentar

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 !

×