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

    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