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

WordCamp Tokyo 2017 / HUB / プラットフォームとしての WordPress

Hidetaka Okamoto
September 23, 2017

WordCamp Tokyo 2017 / HUB / プラットフォームとしての WordPress

WordCamp Tokyo 2017 Session day

Hidetaka Okamoto

September 23, 2017
Tweet

More Decks by Hidetaka Okamoto

Other Decks in Technology

Transcript

  1. H U B / ϓ ϥ ο τϑ Υ ʔϜ

    ͱ ͯ͠ͷ Wo rd P re s s Wo rd C a m p To k y o 2 0 1 7 S e s s i o n d a y
  2. H i d e t a k a O k

    a m o t o • Digitalcube Co. Ltd. • ೔ຊޠϑΥʔϥϜੈ࿩໾ • WordCamp Kyoto 2017࣮ߦҕһ௕
  3. Wo rd P re s s ͷ ڧ Έ ͷ

    ̍ ͭ • ςʔϚͰͷ؆୯ͳσβΠϯมߋ • ϓϥάΠϯͰͷػೳ௥Ճ • ϑοΫͰΧελϚΠζ΋ࣗ༝ • ϊ΢ϋ΢΋ଟ͍
  4. ڊ େ ͳ Ϟ ϊ Ϧε Խ ͢ Δ Wo

    rd P re s s α Π τ • ΧελϜϑΟʔϧυ΁ͷෳࡶͳݕࡧΫΤϦ • ΞοϓσʔτͰམͪΔϑϩϯτΤϯυ • σʔλ૿ՃͰύϑΥʔϚϯε௿Լ • ΞϓϦԽ͢ΔwebͷྲྀΕ
  5. ʮ Wo rd P re s s Ͱ ͳ ʹ

    ΋ ͔ ΋ ΍ Β ͳ ͍ ʯ ͱ ͍ ͏ બ ୒ ࢶ
  6. H U B / ϓ ϥ ο τϑ Υ ʔϜ

    ͱ ͯ͠ Wo rd P re s s Λ ར ༻ ͢ Δ
  7. Wo rd P re s s ͷ ศ ར ͳ

    ͱ ͜ Ζ • ચ࿅͞Εͨ؅ཧը໘ɾΤσΟλ • ϒϩά΍ϝσΟΞ޲͚ͷߏ଄ • ϑοΫ΍APIͰ࿈ܞ͕༰қ
  8. H U B ΍ ϓ ϥ ο τϑ Υ ʔϜ

    ͱ ͯ͠ ͷ Wo rd P re s s • HUBɿWordPress͔Β֎෦αʔϏεΛར༻͢Δ • ϓϥοτϑΥʔϜɿ֎෦ͷαʔϏε͕WordPressΛར༻͢Δ
  9. H U B ΍ ϓ ϥ ο τϑ Υ ʔϜ

    ͱ ͯ͠ ͷ Wo rd P re s s • HUBɿWordPress͔Β֎෦αʔϏεΛར༻͢Δ • ϓϥοτϑΥʔϜɿ֎෦ͷαʔϏε͕WordPressΛར༻͢Δ
  10. H U B : ֎ ෦ α ʔ Ϗ ε

    Λ Wo rd P re s s ͕ ར ༻ ͢ Δ • ݕࡧͷ֎෦Խ - Algolia / Elasticsearch • ໰͍߹Θͤͷ֎෦࿈ܞ - Mautic / kintone • ը૾ͷλά෇͚ࣗಈԽ - AWS • more…
  11. ݕ ࡧ ͷ ֎ ෦ Խ - A l o

    g o l i a / E l a s t i c s e a rc h • શจݕࡧΤϯδϯͷFaaS ͱ OSS • transition_post_statusͳͲͰߋ৽ΛϑοΫ • هࣄσʔλΛAPIܦ༝Ͱૹ৴ • ݕࡧॲཧΛஔ׵ͯ͠ར༻ https://www.algolia.com/ https://www.elastic.co/jp/ products/elasticsearch
  12. ࿈ ܞ ϓ ϥ άΠ ϯ ΋ ֤ छ Ϧ

    Ϧ ʔε ࡁ Έ • Search by Algolia(ݕࡧϑΥʔϜͷஔ׵ͳͲ) • WP Simple ElasticsearchʢݕࡧΫΤϦͷॻ͖׵͑ʣ • ElasticPressʢؔ࿈هࣄදࣔͳͲʹ΋ରԠʣ • etc…
  13. ໰ ͍ ߹ Θ ͤ ͷ ֎ ෦ ࿈ ܞ

    - M a u t i c / k i n t o n e • ໰͍߹ΘͤϑΥʔϜͷσʔλΛ֎෦αʔϏε΁ • Mautic(OSS)΍kintone(SaaS)ʹҠৡ • WordPress͸Viewʹઐ೦͢Δ https://jp.mautic.org/ https://kintone.cybozu.com/jp/
  14. ֤ छ ࿈ ܞ ϓ ϥ άΠ ϯ • Publish

    kintone data(kintoneσʔλͷΠϯϙʔτ) • WP to kintone (kintoneϑΥʔϜͷૠೖ) • WP Mautic(τϥοΩϯάɾϑΥʔϜૠೖ) • Mauticommerce(WooϑΥʔϜ࿈ܞ) • and more
  15. ը ૾ ͷ λ ά ෇ ͚ Λ ࣗ ಈ

    Խ • Ξοϓϩʔυը૾ͷλά෇͚Λ֎෦Խ • ը૾ೝࣝαʔϏεΛར༻ͯ͠ղੳ • ղੳ݁ՌΛλάͱͯ͠ར༻͢Δ
  16. 3 6 0 i m a g e s .

    i o • 360°ը૾ൢചαΠτɿhttp://www.360images.io/ • λά෇͚ͷࣗಈԽ • ࿈ܞϓϥάΠϯΛOSSʹ https://wordpress.org/plugins/wp-rekogni/
  17. ͦ ͷ ΄ ͔ ʹ ΋ ࣄ ྫ ɾ Ϣ

    ʔεέ ʔε ͸ ͨ ͘ ͞ Μ • StripeΛ༻͍ܾͨࡁॲཧͷ֎෦Խ • kintoneͷσʔλΠϯϙʔτ • Woo + MauticͰCVRվળ • Backlog࿈ܞ https://tech.linkbal.co.jp/2932/
  18. ཉ ͠ ͍ ػ ೳ ͷ A P I Λ

    ୳ ͢ͱ ͍ ͏ ։ ൃ ํ ๏ • WordPress͸APIίʔϧʹศརͳಠࣗؔ਺͕͋Δ • APIΛ࣋ͭ֎෦αʔϏεͱ࿈ܞͯ͠ޮ཰Խ • WordPress͸ίϯςϯπ؅ཧʹಛԽ • ಘҙ෼໺ʹϑΥʔΧεͨ͠։ൃ
  19. H U B ΍ ϓ ϥ ο τϑ Υ ʔϜ

    ͱ ͯ͠ ͷ Wo rd P re s s • HUBɿWordPress͔Β֎෦αʔϏεΛར༻͢Δ • ϓϥοτϑΥʔϜɿ֎෦ͷαʔϏε͕WordPressΛར༻͢Δ
  20. ϓ ϥ ο τϑ Υ ʔϜ : ֎ ෦ α

    ʔ Ϗ ε ͕ Wo rd P re s s Λ ར ༻ ͢ Δ • ϑϩϯτΤϯυͱΞϓϦͷ෼཭ • SaaS΁ͷ૊ΈࠐΈ • Ի੠σόΠε http://air.areaia.jp/ http://ustwo.com/
  21. ϑ ϩ ϯ τ Τ ϯ υ ͱ Ξ ϓ

    Ϧ ͷ ෼ ཭ - P ro g re s s i v e We b A p p s • ϑϩϯτΤϯυͱΞϓϦͷαʔόʔΛ෼཭ • εέʔϥϏϦςΟ΍଱ো֐ੑͷ޲্ • SPAԽͰϞόΠϧΞϓϦʹ΋ • ΦϑϥΠϯରԠͳͲ http://bit.ly/2vNZtWt https://github.com/ustwo/ ustwo.com-frontend
  22. ཉ ͠ ͍ ػ ೳ ͷ A P I Λ

    ୳ ͢ͱ ͍ ͏ ։ ൃ ํ ๏ • WP API΍WordPress.com API͔ΒهࣄσʔλΛऔಘ • ϑϩϯτΤϯυ͸React ΍ Angular • Ionic / React NativeͰͷϞόΠϧΞϓϦԽ • OSSͰެ։͍ͯ͠ΔαΠτ΋ http://air.areaia.jp/ http://ustwo.com/ https://ionic-wp.com/
  23. S a a S ΁ ͷ ૊ Έ ࠐ Έ

    - N o m a d b a s e / H a p p y Ta b l e s • αʔϏεͷόοΫΤϯυʹWordPressΛར༻ • Ϣʔβʔ΍ళฮ৘ใΛWordPressʹอଘ • ϑϩϯτΤϯυ͔Β͸APIܦ༝Ͱऔಘ͢Δ https://nomadbase.io/ https://www.npmjs.com http://www.happytables.com/
  24. Ի ੠ σόΠ ε - A m a z o

    n A l e x a • AmazonͷԻ੠ೝࣝαʔϏεˍσόΠε • όοΫΤϯυʹWeb API͕ར༻Մೳ • Ұ෦RSS FeedରԠ https://www.amazon.com/dp/B01E6AO69U h t t p s : / / d e v e l o p e r. a m a z o n . c o m / a l e x a - s k i l l s - k i t
  25. χ ϡ ʔε ΍ ϓ ϩ μΫ τ ঺ հ

    ͷ σ ʔ λ ι ʔε ʹ Wo rd P re s s • WordPressͷFeedΛAlexa͸ೝࣝ͢Δ • New York TimesͳͲ͕SkillϦϦʔεࡁ • AWS Lambda + WP APIͰΧελϜSkill • طଘίϯςϯπΛԻ੠σόΠε΁ https://amimoto-ami.com/amimoto-ninja/ https://www.amazon.com/Daily-New-York-Times/dp/B01MY9B5BB/ https://www.amazon.com/Digitalcube-Inc-Shifter-man/dp/B07572D7N8/
  26. Wo rd P re s s ͷ ί ϯ ςϯ

    π Λ ༗ ޮ ར ༻ ͢ Δ • WordPressʹ஝͑ΒΕͨίϯςϯπΛ༗ޮར༻͢Δ • WP APIΛ࢖͏͜ͱͰ࿈ܞ͕ΑΓ؆୯ʹ • ίϯςϯπͷू໿Ͱ؅ཧΛޮ཰Խ • ࠓ͋Δ΋ͷͰͰ͖Δ
  27. ʮ Wo rd P re s s ͩ ͚ Ͱ

    શ ෦ ΍ Β ͳ ͍ ʯ ͱ ͍ ͏ બ ୒ ࢶ
  28. H U B Խ ɾ ϓ ϥ ο τϑ Υ

    ʔϜ Խ Ͱ Wo rd P re s s Λ ਎ ܰ ʹ ͢ Δ
  29. ެ ։ 6 ೔ Ͱ 1 0 0 ສ P

    V ౸ ୡ ͠ ͨ αΠ τ h t t p s : / / o re n o - y o m e . c o m /
  30. ੍ ࡞ ظ ؒ ɿ ̏ ࣌ ؒ h t

    t p s : / / z e n l o g i c . j p / c a s e / i n t ro d u c t i o n 1 5 . h t m l
  31. Ϟ όΠϧΞ ϓ Ϧ ( i O S / A

    n d ro i d ) ʹ ΋ ల ։ h t t p s : / / i t u n e s . a p p l e . c o m / u s / a p p / Զ ͷ Շ ͕ Մ Ѫ ͍ / i d 1 2 6 1 0 3 6 5 5 0
  32. “ ֎ ͷ Ϟ ϊ α γ ” Λ ஌

    Ε ͹ ɺ Wo rd P re s s ͸ ΋ ͬ ͱ ָ ͠ ͘ ͳΔ ʂ h t t p s : / / w w w. d i g i t a l c u b e . j p / i n f o r m a t i o n / 3 6 1 7 / Wo rd C a m p K y o t o 2 0 1 7
  33. T h i n k B i g , S

    t a r t S m a l l , a n d S c a l e F a s t
  34. T h i n k B i g , S

    t a r t S m a l l , a n d S c a l e F a s t Thanks!