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

内容

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

概要

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

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 ͸ ΋ ͬ ͱ ָ ͠ ͘ ͳ Δ ʂ
   

   View Slide

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೥+
   

   View Slide

3. ࠓ ೔ ͷ ໨ త ͱ ΰ ʔ ϧ
   • αΠτ/ίϯςϯπͷύϑΥʔϚϯεΛߴΊΔ
   • ։ൃͷύϑΥʔϚϯεΛߴΊΔ
   • WordPress(ϓϩμΫτ)ͷύϑΥʔϚϯεΛߴΊΔ
   

   View Slide

4. I N T R O D U C T I O N
   

   View Slide

5. ʮ ύ ϒ Ϧ ο γ ϯ ά ͷ ຽ ओ Խ ʯ
   W O R D P R E S S ͷ ϛ ο γ ϣ ϯ
   

   View Slide

6. 1 0 ೥ Ͱ W O R D P R E S S ͷ ໾ ׂ ͷ ม Խ ͱ ਐ Խ
   • Blog
   • CMS
   • REST API ʢApp Backendʣ
   

   View Slide

7. View Slide

8. # W H Y 

   " ֎ ͷ Ϟ ϊ α γ " ͕ ͳ ͥ ඞ ཁ ͳ ͷ ͔ʁ
   

   View Slide

9. • πΫϧ͔Βɺ͏·͘πΧ΢΁

   ϑϥοτԽ͢Δੈքͱ

   σδλϧτϥϯεϑΥʔϝʔγϣϯ
   • Agility ͕ڧ͞ΛੜΉ࣌୅

   ʮେ͖͍΋ͷ͕খ͍͞΋ͷʹউͭʯͷͰ͸ͳ͘

   ʮ଎͍΋ͷ͕஗͍΋ͷʹউͭʯ
   

   View Slide

10. # H O W 

    " ֎ ͷ Ϟ ϊ α γ " Λ Ͳ ͏ ࢖ ͑ ͹ ͍ ͍ ͷ ͔ʁ
    

    View Slide

11. Ϋ ϥ ΢ υ = ϗ ε ςΟ ϯ ά ͩ ͚ Ͱ ͸ ͳ ͍
    C L O U D S E R V I C E
    

    View Slide

12. • ϑϧςΩετݕࡧ
    • ݕࡧΩʔϫʔυͷϚονλΠϓઃఆ
    • ؔ࿈৘ใ
    • ݕࡧ݁ՌͷϏδϡΞϥΠζ
    WordPress + Elasticsearch 

    = શจݕࡧ/ϨίϝϯυΤϯδϯ
    WP Simple Elasticsearch

    https://wordpress.org/plugins/wp-simple-elasticsearch/
    

    View Slide

13. • GoogleΞφϦςΟΫεAPI Λ࢖༻ͯ͠

    هࣄͷϥϯΩϯάΛදࣔ
    • WordPress DBͰσʔλΛ

    ॲཧ/อଘ͠ͳ͍ͨΊ௒ܰྔͰಈ࡞
    • ΧελϚΠζՄೳ
    WordPress + Google Analytics 

    = RankingγεςϜ
    Simple GA Ranking

    https://wordpress.org/plugins/simple-ga-ranking/
    

    View Slide

14. WooCommerce + Amazon Rekognition 

    = ը૾ೝࣝ/ݕࡧ/είΞϦϯά
    360images.io

    http://www.360images.io/
    

    View Slide

15. ػ ೳ Λ ֦ ு ͢ Δ બ ୒ ࢶ ͸ W O R D P R E S S
    P L U G I N S ͩ ͚ Ͱ ͸ ͳ ͍
    S A A S / FA A S
    

    View Slide

16. WordPress + Stripe 

    = ϓϥοτϑΥʔϜͷͨΊͷܾࡁ
    Stripe

    https://stripe.com/jp
    • EίϚʔε/MarketPlace
    • Ϋϥ΢υϑΝϯσΟϯά
    • τϥϕϧ΍Πϕϯτ
    • 1ର1, 1ରଟ, ଟରଟ Ͱͷܾࡁϓϥοτ
    ϑΥʔϜ
    

    View Slide

17. WordPress + Intercom = CRM
    Intercom

    https://www.intercom.com/
    

    View Slide

18. WordPress + Shifter = Serverless Hosting
    Shifter

    https://getshifter.io/
    • ੩తHTML΁ม׵
    • ݎݻͳηΩϡϦςΟ
    • HTTPS + HTTP/2 +CDN Ͱߴ଎
    • αʔόϝϯςφϯεϑϦʔ
    

    View Slide

19. # H O W 

    “ ֎ ͷ Ϟ ϊ α γ " Λ ࢖ ͍ ͜ ͳ ͢ ʹ ͸ ?
    

    View Slide

20. খ ͞ ͘ ࡞ Γ ɺ 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
    

    View Slide

21. WP REST API + SPA = Calypso
    Calypso

    https://developer.wordpress.com/calypso/
    • REST API + React
    • BackendʢPHP/MySQl)ͱFrontendͷ෼཭
    • Single Page ApplicationʢSPAʣΫϥΠΞ
    ϯτͱͯ͠ಈ࡞
    • UXͷ޲্
    

    View Slide

22. WordPress + kintone API 

    = Data Management
    kintone + WordPress

    https://kintone.amimoto-ami.com/
    • ϦΞϧλΠϜσʔλ৘ใͷදࣔ

    kintoneͰ͸͜Ε·Ͱ؅ཧʹ༻͍ΒΕ͍ͯͨExcelͳͲͷσʔλ
    ΛऔࠐΉ࢓૊ΈΛߏங͢Δ͜ͱ͕Ͱ͖·͢ɻͦͷͨΊσʔλ؅
    ཧͷϫʔΫϑϩʔΛม͑Δ͜ͱͳ͘ɺkintone্Ͱ΋৘ใͷ؅
    ཧ͕ՄೳͱͳΓ·͢ɻ
    • ࣾ಺ϫʔΫϑϩʔͷkitoneҰݩԽ

    kintoneͰ͸ϒϥ΢β্ͷૢ࡞͚ͩͰ؆୯ʹۀ຿ΞϓϦέʔ
    γϣϯΛ࡞Δ͜ͱ͕Ͱ͖·͢ɻࣾ಺؅ཧ͢ΔΞϓϦΛߏங͢Δ
    ͜ͱ΍ɺਃࠐΈ৘ใͷ؅ཧγεςϜͳͲ΋؆୯ʹ࡞Δ͜ͱ͕Ͱ
    ͖·͢ɻ
    

    View Slide

23. WP REST API + Alexa Skills Kit 

    = Voice Interface
    

    View Slide

24. WP REST API + Alexa Skills Kit 

    = Voice Interface
    Alexa AMIMOTO Ninja

    https://amimoto-ami.com/amimoto-ninja/
    

    View Slide

25. WP REST API + Alexa Skills Kit 

    = Voice Interface
    VoiceWP

    https://github.com/alleyinteractive/voicewp/
    

    View Slide

26. # W H AT 

    " ֎ ͷ Ϟ ϊ α γ " Λ ஌ Ε ͹ ɺ W O R D P R E S S ͸ ΋ ͬ ͱ ָ ͠ ͘ ͳΔ
    

    View Slide

27. 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
    

    View Slide

28. # W H AT 

    " ֎ ͷ Ϟ ϊ α γ " Λ Ͳͷ Α ͏ ʹ ஌ Γ ɺ Ͳͷ Α ͏ ʹ औ Γ ೖ Ε Δ ͷ ͔ʁ
    

    View Slide

29. • άϩʔόϧϓϥοτϑΥʔϜ
    • άϩʔόϧίϛϡχςΟ
    ί Ξ ί ϯ ϐλ ϯε
    

    View Slide

30. – T H A N K S ; )
    “Think Big, Start Small, and Scale Fast”
    

    View Slide

31. Q & A
    

    View Slide