Upgrade to Pro — share decks privately, control downloads, hide ads and more …

[WordCamp Kyoto 2017]"外のモノサシ"を知れば WORDPRESSはもっ...

[WordCamp Kyoto 2017]"外のモノサシ"を知れば WORDPRESSはもっと楽しくなる

内容

本セッションでは、WordPressのこれまでの進化(アップデート)と、それを取り巻くweb環境やwebツールとしての役割の変化を”外のモノサシ”をキーワードに、実際の経験や事例を交えてお話します。

概要

– WordPressのコア・コンピタンスについて考える
– “ツクル”から、うまく”ツカウ”へ
– Microservicesというアプローチ
– WordPressとAPIエコノミー
– 共通のプラットフォーム/共通のスキルを開発速度に活かす
– コミュニティを通じて多様性を知る
– これからもとめられる WordPress の役割と展望

DigitalCube Inc.

June 24, 2017
Tweet

More Decks by DigitalCube Inc.

Other Decks in Technology

Transcript

  1. W O R D C A M P K Y

    O T O 2 0 1 7 " ֎ ͷ Ϟ ϊ α γ " Λ ஌ Ε ͹ ɺ 
 W O R D P R E S S ͸ ΋ ͬ ͱ ָ ͠ ͘ ͳ Δ ʂ
  2. C E O + H B T D I G

    I TA L C U B E W H O A M I ? H I R O M I C H I K O G A amimoto-ami.com getshifter.io Bio:
 - WordPress 10೥+
 - AWS 5೥+
  3. ࠓ ೔ ͷ ໨ త ͱ ΰ ʔ ϧ •

    αΠτ/ίϯςϯπͷύϑΥʔϚϯεΛߴΊΔ • ։ൃͷύϑΥʔϚϯεΛߴΊΔ • WordPress(ϓϩμΫτ)ͷύϑΥʔϚϯεΛߴΊΔ
  4. ʮ ύ ϒ Ϧ ο γ ϯ ά ͷ ຽ

    ओ Խ ʯ W O R D P R E S S ͷ ϛ ο γ ϣ ϯ
  5. 1 0 ೥ Ͱ W O R D P R

    E S S ͷ ໾ ׂ ͷ ม Խ ͱ ਐ Խ • Blog • CMS • REST API ʢApp Backendʣ
  6. # W H Y 
 " ֎ ͷ Ϟ ϊ

    α γ " ͕ ͳ ͥ ඞ ཁ ͳ ͷ ͔ʁ
  7. # H O W 
 " ֎ ͷ Ϟ ϊ

    α γ " Λ Ͳ ͏ ࢖ ͑ ͹ ͍ ͍ ͷ ͔ʁ
  8. Ϋ ϥ ΢ υ = ϗ ε ςΟ ϯ ά

    ͩ ͚ Ͱ ͸ ͳ ͍ C L O U D S E R V I C E
  9. • ϑϧςΩετݕࡧ • ݕࡧΩʔϫʔυͷϚονλΠϓઃఆ • ؔ࿈৘ใ • ݕࡧ݁ՌͷϏδϡΞϥΠζ WordPress +

    Elasticsearch 
 = શจݕࡧ/ϨίϝϯυΤϯδϯ WP Simple Elasticsearch
 https://wordpress.org/plugins/wp-simple-elasticsearch/
  10. • GoogleΞφϦςΟΫεAPI Λ࢖༻ͯ͠
 هࣄͷϥϯΩϯάΛදࣔ • WordPress DBͰσʔλΛ
 ॲཧ/อଘ͠ͳ͍ͨΊ௒ܰྔͰಈ࡞ • ΧελϚΠζՄೳ

    WordPress + Google Analytics 
 = RankingγεςϜ Simple GA Ranking
 https://wordpress.org/plugins/simple-ga-ranking/
  11. ػ ೳ Λ ֦ ு ͢ Δ બ ୒ ࢶ

    ͸ W O R D P R E S S P L U G I N S ͩ ͚ Ͱ ͸ ͳ ͍ S A A S / FA A S
  12. WordPress + Stripe 
 = ϓϥοτϑΥʔϜͷͨΊͷܾࡁ Stripe
 https://stripe.com/jp • EίϚʔε/MarketPlace

    • Ϋϥ΢υϑΝϯσΟϯά • τϥϕϧ΍Πϕϯτ • 1ର1, 1ରଟ, ଟରଟ Ͱͷܾࡁϓϥοτ ϑΥʔϜ
  13. WordPress + Shifter = Serverless Hosting Shifter
 https://getshifter.io/ • ੩తHTML΁ม׵

    • ݎݻͳηΩϡϦςΟ • HTTPS + HTTP/2 +CDN Ͱߴ଎ • αʔόϝϯςφϯεϑϦʔ
  14. # H O W 
 “ ֎ ͷ Ϟ ϊ

    α γ " Λ ࢖ ͍ ͜ ͳ ͢ ʹ ͸ ?
  15. খ ͞ ͘ ࡞ Γ ɺ A P I Ͱ

    ͭ ͳ ͍Ͱ ͍ ͘ A P I Τ ί ϊ ϛ ʔ ͱ M I C R O S E R V I C E S A R C H I T E C T U R E
  16. WP REST API + SPA = Calypso Calypso
 https://developer.wordpress.com/calypso/ •

    REST API + React • BackendʢPHP/MySQl)ͱFrontendͷ෼཭ • Single Page ApplicationʢSPAʣΫϥΠΞ ϯτͱͯ͠ಈ࡞ • UXͷ޲্
  17. WordPress + kintone API 
 = Data Management kintone +

    WordPress
 https://kintone.amimoto-ami.com/ • ϦΞϧλΠϜσʔλ৘ใͷදࣔ
 kintoneͰ͸͜Ε·Ͱ؅ཧʹ༻͍ΒΕ͍ͯͨExcelͳͲͷσʔλ ΛऔࠐΉ࢓૊ΈΛߏங͢Δ͜ͱ͕Ͱ͖·͢ɻͦͷͨΊσʔλ؅ ཧͷϫʔΫϑϩʔΛม͑Δ͜ͱͳ͘ɺkintone্Ͱ΋৘ใͷ؅ ཧ͕ՄೳͱͳΓ·͢ɻ • ࣾ಺ϫʔΫϑϩʔͷkitoneҰݩԽ
 kintoneͰ͸ϒϥ΢β্ͷૢ࡞͚ͩͰ؆୯ʹۀ຿ΞϓϦέʔ γϣϯΛ࡞Δ͜ͱ͕Ͱ͖·͢ɻࣾ಺؅ཧ͢ΔΞϓϦΛߏங͢Δ ͜ͱ΍ɺਃࠐΈ৘ใͷ؅ཧγεςϜͳͲ΋؆୯ʹ࡞Δ͜ͱ͕Ͱ ͖·͢ɻ
  18. WP REST API + Alexa Skills Kit 
 = Voice

    Interface Alexa AMIMOTO Ninja
 https://amimoto-ami.com/amimoto-ninja/
  19. WP REST API + Alexa Skills Kit 
 = Voice

    Interface VoiceWP
 https://github.com/alleyinteractive/voicewp/
  20. # W H AT 
 " ֎ ͷ Ϟ ϊ

    α γ " Λ ஌ Ε ͹ ɺ W O R D P R E S S ͸ ΋ ͬ ͱ ָ ͠ ͘ ͳΔ
  21. H U B ͱ ͯ͠ͷ ໾ ׂ I N E

    V I TA B L E T E C H N O L O G I E S ͱ W O R D P R E S S
  22. # W H AT 
 " ֎ ͷ Ϟ ϊ

    α γ " Λ Ͳͷ Α ͏ ʹ ஌ Γ ɺ Ͳͷ Α ͏ ʹ औ Γ ೖ Ε Δ ͷ ͔ʁ
  23. – T H A N K S ; ) “Think

    Big, Start Small, and Scale Fast”