Drupal + Site Studioでローコードサイト構築

https://mabl-japan.connpass.com/event/283833/

Transcript

1. Drupal + Site StudioͰ
   ϩʔίʔυαΠτߏங
   
   
   ΞΫΠΞδϟύϯ߹ಉձࣾ
   
   
   ؙࢁͻ͔Δ
   
   
   ؛ढ़ฌ
   

   View Slide

2. εϐʔΧʔ
   ؙࢁ ͻ͔Δ
   
   
   ΞΫΠΞδϟύϯ
   
   
   ςΫχΧϧτϥϯεϨʔλʔ
   ؛ ढ़ฌ
   
   
   ΞΫΠΞδϟύϯ
   
   
   ιϦϡʔγϣϯΤϯδχΞ
   

   View Slide

3. Acquia(ΞΫΠΞ)ʹ͍ͭͯ
   ໊ࣾ Acquia Inc.
   ຊࣾ ΞϝϦΧ߹ऺࠃϚανϡʔηοπभϘετϯ
   ઃཱ 2007೥6݄
   ࣾһ਺ 1,400໊
   ސ٬਺ ໿4,000ࣾ
   🌎 άϩʔόϧ
   ໊ࣾ ΞΫΠΞδϟύϯ߹ಉձࣾ
   ॴࡏ஍ ौ୩εΫϥϯϒϧεΫΤΞ WeWork 39F
   ઃཱ 2018೥12݄
   ಋೖ࣮੷ ࠃ಺໿50ࣾ
   🇯🇵 ೔ຊ๏ਓ
   

   View Slide

4. ੈքͰ࠷΋໺৺తͳ
   

   σδλϧମݧΛ
   

   ࣮ݱ͢Δ͜ͱ
   ACQUIA’S VISION
   

   View Slide

5. ੈք 4,000͕ࣾ࠾༻
   

   View Slide

6. Acquia’s Open DXP
   

   View Slide

7. Drupalͱ͸
   

   View Slide

8. 118,000+
   
   
   ΞΫςΟϒ
   
   
   ίϛϡχςΟ
   
   
   ίϯτϦϏϡʔλʔ
   Drupalͷ
   
   
   ૑ઃऀ
   
   
   ݉ ΞΫΠΞͷCTO
   
   
   υϦεɾόΠλϧτ
   120ສਓ
   
   
   drupal.org ΁ͷ
   
   
   ݄ؒϢχʔΫ๚໰ऀ਺
   Acquia
   
   
   Drupal΁ͷߩݙ౓
   
   
   No.1ͷاۀ
   46,000+
   
   
   ֦ுػೳ
   
   
   ΤϯλʔϓϥΠζ
   
   
   Ϋϥεͷσδλϧମݧ
   
   
   Λఏڙ͢Δɺ
   
   
   ΦʔϓϯιʔεCMS
   
   
   Drupal 8ࣾத1ࣾ
   
   
   ͷΤϯλʔϓϥΠζ
   
   
   αΠτ͕DrupalΛ࠾༻
   Sources: BuiltWith, https://trends.builtwith.com/cms/Drupal and the Drupal Association
   ੈքதͰར༻͞Ε͍ͯΔ
   
   
   Φʔϓϯιʔεͱͯ͠ެ։͞Εͯ
   ͍ΔCMSͰ͢ɻ
   
   
   NASDAQɺωεϨɺ
   

   ϑΝΠβʔɺIBM ͳͲ
   

   ͕DrupalΛ࠾༻ͯ͠
   

   ͍·͢ɻ
   
   
   

   View Slide

9. Drupalपลͷొ৔ਓ෺ͱٕज़ελοΫ
   ίϯςϯπฤूऀ
   αΠτ๚໰ऀ
   ϖʔδϦΫΤετ
   ίϯςϯπΛ
   
   
   ௥Ճɾฤू
   HTMLΛฦ٫
   ϑϩϯτΤϯυ
   όοΫΤϯυ(؅ཧը໘)
   Drupal
   MySQL
   Apache
   Linux
   PHP
   Drupalͷओͳαʔυ
   ύʔςΟͷґଘؔ܎
   
   
   ● Symfony
   
   
   ● Twig
   
   
   ● Composer
   
   
   ● PHPUnit
   
   
   ● CKEditor
   LAMPελοΫ Drupal։ൃऀ
   ࣮૷ɾσϓϩΠ
   

   View Slide

10. Drupalͷϙδγϣχϯά
    Χ
    ε
    λ
    Ϛ
    Π
    ζ
    ੑ
    
    
    ߴ
    Drupal
    Ruby on Rails
    
    
    LaravelͳͲ
    WordPress
    ΤϯλʔϓϥΠζ
    
    
    ޲͚঎༻CMS
    Jekyll
    ௿Ձ֨ˍߴΧελϚΠζ!
    
    
    ● ΦʔϓϯιʔεͳͷͰϥΠη
    ϯεඅ༻͕ແྉ
    
    
    ● ΧελϚΠζΛߦ͏্Ͱͷ౔
    ୆͕͔ͬ͠Γ͍ͯ͠Δ
    Ձ֨ߴ
    

    View Slide

11. Drupalʹ޲͍͍ͯΔαΠτͷҰྫ
    ίϯςϯπྔ
    

    ͕ଟ͍
    
    
    ੡඼৘ใαΠτ
    άϩʔόϧ
    

    (ଟݴޠ)ରԠ
    
    
    άϩʔόϧاۀαΠτ
    ߴ͍҆શੑ
    
    
    Λҡ࣋
    
    
    ϛογϣϯΫϦςΟΧϧͳαΠτ
    Ϛϧννϟωϧ
    

    ΁ͷ഑৴
    
    
    ϔουϨεCMS
    ϚʔέςΟϯά
    

    πʔϧͱͷ࿈ܞ
    
    
    ϒϥϯυαΠτ
    Ϣʔβʔձһ
    
    
    ରԠ
    
    
    ࣾ಺ϙʔλϧ
    

    View Slide

12. Acquia Cloud
    
    
    Platform
    DrupalΛ։ൃ/ϗεςΟϯά
    
    
    ͢ΔͨΊͷΫϥ΢υ
    
    
    ϓϥοτϑΥʔϜ
    ͓٬༷ͷ Drupal αΠτΛӡ༻ɺ
    αϙʔτ͢Δ؀ڥΛ PaaS ͱ͠
    ͯఏڙɻ
    
    
    σϓϩΠϓϩηεΛ
    

    αϙʔτ͢ΔηΩϡΞͳ
    

    Πϯϑϥͱ։ൃπʔϧΛඋ͑ͯ
    ͍·͢ɻ
    

    View Slide

13. Drupal x ϩʔίʔυ։ൃ
    

    View Slide

14. DrupalͷΧελϚΠζํ๏
    DrupalίΞ αϒγεςϜ
    ίΞϞδϡʔϧ ίΞςʔϚ
    ίϯτϦϏϡʔτ
    

    Ϟδϡʔϧ
    ίϯτϦϏϡʔτ
    

    ςʔϚ
    ΧελϜϞδϡʔϧ ΧελϜςʔϚ
    1. Drupalͷඪ४ػೳΛͰ͖Δ͚ͩ׆༻ɻඪ४ػೳͱ
    ͯ͠Ϣʔβʔݖݶ؅ཧɺίϯςϯπϦετ࡞੒ػ
    ೳɺঝೝϫʔΫϑϩʔͳͲCMSʹඞཁͳػೳΛ࣋
    ͭɻ
    Ϟδϡʔϧ
    
    
    (όοΫΤϯυ)
    ςʔϚ
    

    (ϑϩϯτΤϯυ)
    2.଍Γͳ͍ػೳ͸ίϛϡχςΟ͔Βఏڙ͞ΕΔ֦ு
    ػೳΛ࢖͏ɻ਺ສ+ఏڙ͞Ε͍ͯΔɻ༷ʑͳཁ݅
    ʹ։ൃίετͳ͠ͰରԠՄೳɻ
    3.͞Βʹ଍Γͳ͍ػೳΛΧελϜίʔυͰิ͏ɻ๛
    ෋ͳAPI͕༻ҙ͞Ε͓ͯΓॊೈͳ֦ு͕Մೳɻ
    

    ΧελϜίʔυͷൺॏΛ཈͑Δ͜ͱͰ։ൃ޻਺ɾ
    อकίετΛ࡟ݮɻ
    

    View Slide

15. DrupalͰͷϩʔίʔυ։ൃ΁ͷ௅ઓ
    DrupalίΞ αϒγεςϜ
    ίΞϞδϡʔϧ ίΞςʔϚ
    ίϯτϦϏϡʔτ
    

    Ϟδϡʔϧ
    ίϯτϦϏϡʔτ
    

    ςʔϚ
    ΧελϜϞδϡʔϧ ΧελϜςʔϚ
    ਺ສ+ͷ֦ுػೳʹ
    ΑͬͯΧελϜίʔυ
    Λ࠷খݶʹ཈͑ΒΕ
    Δ
    ҰํɺϨΠΞ΢τʹ
    ؔͯ͠͸ίϯτϦ
    ϏϡʔτςʔϚΑͬ
    ͯେ࿮͸ఏڙ͞ΕΔ
    ΋ͷͷɺTwig/CSSͷ
    ࣮૷Λආ͚Δ͜ͱ͸
    ೉͍͠
    Ϟδϡʔϧ
    
    
    (όοΫΤϯυ)
    ςʔϚ
    

    (ϑϩϯτΤϯυ)
    

    View Slide

16. ֤୲౰ऀ͕࣋ͭ՝୊
    ίϯςϯπฤूऀ
    
    
    Ϛʔέλʔ
    Drupal։ൃऀ
    ιʔείʔυʹབྷΉ
    ࡞ۀ͕શͯ։ൃऀʹ
    ґཔ͞ΕɺόοΫϩ
    ά͕ੵ·Ε͍ͯ͘
    WebαΠτͷϩʔϯν
    ΍มߋͱʹ͔͘ૣΊ
    ͯࢢ৔ʹग़͍ͨ͠
    ෳࡶͳϥϯσΟϯά
    ϖʔδΛɺ։ൃऀʹ
    པΒͣࣗ෼ͨͪͰ࡞
    Γ͍ͨ
    ࣗಈςετͷಋೖ΍ύ
    ϑΥʔϚϯεվળͳͲ
    ͷλεΫ͸Ͳ͏ͯ͠΋
    ޙճ͠ʹͳͬͯ͠·͏
    

    View Slide

17. Acquia Site
    
    
    Studio
    DrupalͷͨΊͷ
    
    
    ϩʔίʔυ։ൃπʔϧ
    ΤϯλʔϓϥΠζ޲͚ϩʔ
    ίʔυDrupalαΠτߏங
    πʔϧɻυϥοάˍυϩο
    ϓʹΑΔςʔϚߏஙɻ
    Drupal։ൃऀ͕ෳࡶͳػೳ
    ։ൃ΍౷߹࡞ۀʹूதɻ
    

    View Slide

18. δϡχΞ։ൃऀorσβΠφʔ͸ɺςϯ
    ϓϨʔτʢʹαΠτͷ࿮૊Έʣ΍ί
    ϯϙʔωϯτʢʹ࠶ར༻ՄೳͳϨΠ
    Ξ΢τͷύʔπʣΛϊʔίʔυͰ࡞੒
    Ͱ͖·͢ɻ
    Acquia Site StudioͰͰ͖Δ͜ͱ
    ίϯςϯπฤूऀorϚʔέλʔ͸ɺ
    ༻ҙ͞ΕͨίϯϙʔωϯτΛυϥο
    ά&υϩοϓͰ഑ஔ͢Δ͜ͱͰෳࡶͳ
    ϥϯσΟϯάϖʔδΛ࡞੒Ͱ͖·͢ɻ
    σβΠφʔ͸ɺϒϥϯυΨΠυϥΠ
    ϯʹ४ڌͨ͠৭΍ϑΥϯτɺελΠ
    ϧΛαΠτ্Ͱఆٛ͢Δ͜ͱͰɺϒ
    ϥϯυͷҰ؏ੑΛอͭ͜ͱ͕Ͱ͖·
    ͢ɻ
    

    View Slide

19. 40%
    
    
    ࢢ৔౤ೖ·Ͱͷ
    
    
    ࣌ؒ୹ॖ
    
    
    (BayerࣾͷಋೖࣄྫΑΓ)
    17%
    
    
    νʔϜͷ
    
    
    ੜ࢈ੑ޲্
    
    
    (LifescanࣾͷಋೖࣄྫΑΓ)
    80%
    
    
    ӡ༻ίετͷ
    
    
    ࡟ݮ
    
    
    (ZscalerࣾͷಋೖࣄྫΑΓ)
    Acquia Site StudioͷޮՌ
    

    View Slide

20. Drupal + Site Studio
    
    
    σϞ
    

    View Slide

21. ͕͔͔࣌ؒΓɺ
    

    ίετߴ
    I need
    

    a 2-col
    layout
    
    
    Add
    tracking
    for 3rd
    party
    
    
    Adds 4
    fields to
    form
    
    
    Add 15 px
    of padding
    below H2’s
    
    
    A/B test
    webinar
    content
    
    
    Add board
    to site
    
    
    Geofence
    landing
    page
    
    
    ΧελϜ
    ίʔυ
    Ϗϡʔζ
    
    
    ͷ࡞੒
    ςϯϓϨʔτ
    ࡞੒
    ϒϩοΫ
    
    
    ϨΠΞ΢τ
    CSS
    

    ελΠϧ
    ϒϥϯυ
    
    
    σβΠϯ
    ϖʔδ
    
    
    ϨΠΞ΢τ
    ίϯςϯπ
    ࡞੒ɾฤू
    ϒϥϯυ
    

    ΨΠυ
    ϞοΫ࡞੒
    ίϯςϯπ࡞੒ऀ
    ΤϯδχΞ
    ௨ৗͷCMS։ൃϑϩʔ
    σβΠφʔ
    ΤϯδχΞͷ࡞ۀ͕աଟɻ࡞ۀΛ෼ࢄͰ͖ͳ͍͔ʁ
    

    View Slide

22. Site Studioͷ׆༻Ͱ։ൃνʔϜ͕ΑΓߴՁ஋ͳλεΫʹूத
    ίϯςϯπ
    
    
    ࡞੒ɾฤू
    ϒϥϯυ
    
    
    σβΠϯ
    ΞΫΠΞͷϩʔίʔυπʔϧʹΑΔ৽։ൃϑϩʔ
    ςϯϓϨʔτ
    
    
    ࡞੒
    ϒϩοΫ
    
    
    ϨΠΞ΢τ
    CSS
    

    ελΠϧ
    ϖʔδ
    
    
    ϨΠΞ΢τ
    ΧελϜ
    
    
    ίʔυ
    Ϗϡʔζ
    
    
    ࡞੒
    ίʔσΟϯάෆཁͷ
    
    
    ίϯςϯπ࡞੒
    σβΠφʔɾαΠτϏϧμʔʹΑΔ
    
    
    ϩʔίʔυͰͷ੍࡞
    ΤϯδχΞ
    αΠτϏϧμʔɺσβΠφʔɺϚʔέλʔʹΑΔαΠτ੍࡞
    
    
    ٕज़తͳ஌͕ࣝෆཁ = ίετ௿ + ਝ଎ͳ։ൃ + ࢖͍΍͢͞
    

    View Slide

23. 2
    3
    1 υϥοάˍυϩοϓͰLP࡞੒
    CSSෆཁͰߦ͑ΔϒϥϯυΧϥʔઃఆ
    Acquia CMS
    
    
    DrupalσϞ
    ϒϥϯυΧϥʔ͸؅ཧը໘্͔ΒઃఆՄೳ
    ڽͬͨϨΠΞ΢τͷϖʔδ΋υϥοάˍυϩοϓͰ؆୯ʹ࡞੒
    ίʔσΟϯάෆཁͷςʔϚ։ൃ
    4
    ςϯϓϨʔτϑΝΠϧͷฤू࡞ۀͱಉ౳ͷૢ࡞͕؅ཧը໘͔ΒՄೳ
    SQLෆཁͷΫΤϦϏϧμʔViewsػೳ
    DB͔Βͷίϯςϯπσʔλͷऔಘ͸؅ཧը໘͔ΒՄೳ
    

    View Slide

24. Acquia Site Studioͷಋೖࣄྫ
    4ϲ݄Ҏ্͔͔͍ͬͯͨ΋ͷ͕
    
    
    1ϲ݄ͰαΠτެ։͕Մೳʹ
    1೥൒Ͱ400αΠτΛެ։͠ɺ
    

    3೥ؒͰITίετΛ
    
    
    $1,500ສޮ཰Խ
    όΠΤϧ
    
    
    ϔϧεέΞۀք
    
    
    άϩʔόϧاۀ
    θοτεέʔϥʔ
    
    
    Ϋϥ΢υϕʔεͷ
    

    ηΩϡϦςΟαʔϏε
    

    View Slide

25. ιϑτ΢ΣΞςετͷ؍఺Ͱ͸
    DrupalίΞ αϒγεςϜ
    ίΞϞδϡʔϧ ίΞςʔϚ
    ίϯτϦϏϡʔτ
    

    Ϟδϡʔϧ
    ίϯτϦϏϡʔτ
    

    ςʔϚ
    ΧελϜϞδϡʔϧ ΧελϜςʔϚ ͍͘ΒϩʔίʔυͰ
    ࣮૷Ͱ͖ͨͱͯ͠
    ΋ɺUI͕བྷΉE2Eςε
    τͷෛՙ͸શ͘มΘ
    Βͳ͍ɾɾͦ͜Ͱ
    mablͷΑ͏ͳςετ
    ࣗಈԽιϦϡʔγϣ
    ϯͷधཁ͕ߴ·ͬͯ
    ͍Δ
    ΧελϜίʔυΛ࠷
    খݶʹ཈͑Δ͜ͱ
    ͰɺͦΕʹ෇ਵ͢Δ
    ୯ମςετͷ࣮૷ɾ
    อक΋࠷খݶʹʂ
    Ϟδϡʔϧ
    
    
    (όοΫΤϯυ)
    ςʔϚ
    

    (ϑϩϯτΤϯυ)
    

    View Slide

26. ·ͱΊ
    – ΦʔϓϯιʔεCMSʮDrupalʯ͸ɺେن໛ίϛϡχςΟ͔Βఏڙ͞ΕΔଟ࠼ͳ֦ுػೳΛ׆
    ༻ͯ͠ෳࡶͳαΠτߏஙΛϩʔίʔυͰߦ͑·͢ɻ
    
    
    – ΞΫΠΞ͕ఏڙ͢Δϩʔίʔυ։ൃπʔϧʮAcquia Site StudioʯΛ׆༻͢Δ͜ͱͰɺϑϩϯ
    τΤϯυ·Ͱϩʔίʔυ։ൃ͢Δ͜ͱ͕Մೳʹɻ
    
    
    – Drupal։ൃऀ͕ෳࡶͳػೳ։ൃ΍౷߹࡞ۀʹूதͰ͖ΔΑ͏ʹͳΓɺࢢ৔౤ೖ·Ͱͷεϐʔ
    υΛૣΊΔ͜ͱ͕Ͱ͖·͢ɻ
    
    
    – ͞ΒʹɺςετࣗಈԽιϦϡʔγϣϯʮmablʯΛ׆༻͢Δ͜ͱͰɺࣗಈςετ·Ͱϩʔίʔ
    υԽɻεϐʔυΛམͱ͢͜ͱͳ͘඼࣭Λ୲อͰ͖·͢ɻ
    

    View Slide

27. Thank You!
    
    
    ΞΫΠΞδϟύϯ߹ಉձࣾ
    

    View Slide