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

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

Transcript

1. Drupal + Site StudioͰ ϩʔίʔυαΠτߏங ΞΫΠΞδϟύϯ߹ಉձࣾ ؙࢁͻ͔Δ ؛ढ़ฌ
2. εϐʔΧʔ ؙࢁ ͻ͔Δ ΞΫΠΞδϟύϯ ςΫχΧϧτϥϯεϨʔλʔ ؛ ढ़ฌ ΞΫΠΞδϟύϯ ιϦϡʔγϣϯΤϯδχΞ
3. Acquia(ΞΫΠΞ)ʹ͍ͭͯ ໊ࣾ Acquia Inc. ຊࣾ ΞϝϦΧ߹ऺࠃϚανϡʔηοπभϘετϯ ઃཱ 2007೥6݄ ࣾһ਺ 1,400໊ ސ٬਺ ໿4,000ࣾ 🌎 άϩʔόϧ ໊ࣾ ΞΫΠΞδϟύϯ߹ಉձࣾ ॴࡏ஍ ौ୩εΫϥϯϒϧεΫΤΞ WeWork 39F ઃཱ 2018೥12݄ ಋೖ࣮੷ ࠃ಺໿50ࣾ 🇯🇵 ೔ຊ๏ਓ
4. ੈքͰ࠷΋໺৺తͳ 
 σδλϧମݧΛ 
 ࣮ݱ͢Δ͜ͱ ACQUIA’S VISION
5. ੈք 4,000͕ࣾ࠾༻
6. Acquia’s Open DXP
7. Drupalͱ͸
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Λ࠾༻ͯ͠ 
 ͍·͢ɻ
9. Drupalपลͷొ৔ਓ෺ͱٕज़ελοΫ ίϯςϯπฤूऀ αΠτ๚໰ऀ ϖʔδϦΫΤετ ίϯςϯπΛ ௥Ճɾฤू HTMLΛฦ٫ ϑϩϯτΤϯυ όοΫΤϯυ(؅ཧը໘) Drupal MySQL Apache Linux PHP Drupalͷओͳαʔυ ύʔςΟͷґଘؔ܎ • Symfony • Twig • Composer • PHPUnit • CKEditor LAMPελοΫ Drupal։ൃऀ ࣮૷ɾσϓϩΠ
10. Drupalͷϙδγϣχϯά Χ ε λ Ϛ Π ζ ੑ ߴ Drupal Ruby on Rails LaravelͳͲ WordPress ΤϯλʔϓϥΠζ ޲͚঎༻CMS Jekyll ௿Ձ֨ˍߴΧελϚΠζ! • ΦʔϓϯιʔεͳͷͰϥΠη ϯεඅ༻͕ແྉ • ΧελϚΠζΛߦ͏্Ͱͷ౔ ୆͕͔ͬ͠Γ͍ͯ͠Δ Ձ֨ߴ
11. Drupalʹ޲͍͍ͯΔαΠτͷҰྫ ίϯςϯπྔ 
 ͕ଟ͍ ੡඼৘ใαΠτ άϩʔόϧ 
 (ଟݴޠ)ରԠ άϩʔόϧاۀαΠτ ߴ͍҆શੑ Λҡ࣋ ϛογϣϯΫϦςΟΧϧͳαΠτ Ϛϧννϟωϧ 
 ΁ͷ഑৴ ϔουϨεCMS ϚʔέςΟϯά 
 πʔϧͱͷ࿈ܞ ϒϥϯυαΠτ Ϣʔβʔձһ ରԠ ࣾ಺ϙʔλϧ
12. Acquia Cloud Platform DrupalΛ։ൃ/ϗεςΟϯά ͢ΔͨΊͷΫϥ΢υ ϓϥοτϑΥʔϜ ͓٬༷ͷ Drupal αΠτΛӡ༻ɺ αϙʔτ͢Δ؀ڥΛ PaaS ͱ͠ ͯఏڙɻ σϓϩΠϓϩηεΛ 
 αϙʔτ͢ΔηΩϡΞͳ 
 Πϯϑϥͱ։ൃπʔϧΛඋ͑ͯ ͍·͢ɻ
13. Drupal x ϩʔίʔυ։ൃ
14. DrupalͷΧελϚΠζํ๏ DrupalίΞ αϒγεςϜ ίΞϞδϡʔϧ ίΞςʔϚ ίϯτϦϏϡʔτ 
 Ϟδϡʔϧ ίϯτϦϏϡʔτ 
 ςʔϚ ΧελϜϞδϡʔϧ ΧελϜςʔϚ 1. Drupalͷඪ४ػೳΛͰ͖Δ͚ͩ׆༻ɻඪ४ػೳͱ ͯ͠Ϣʔβʔݖݶ؅ཧɺίϯςϯπϦετ࡞੒ػ ೳɺঝೝϫʔΫϑϩʔͳͲCMSʹඞཁͳػೳΛ࣋ ͭɻ Ϟδϡʔϧ (όοΫΤϯυ) ςʔϚ 
 (ϑϩϯτΤϯυ) 2.଍Γͳ͍ػೳ͸ίϛϡχςΟ͔Βఏڙ͞ΕΔ֦ு ػೳΛ࢖͏ɻ਺ສ+ఏڙ͞Ε͍ͯΔɻ༷ʑͳཁ݅ ʹ։ൃίετͳ͠ͰରԠՄೳɻ 3.͞Βʹ଍Γͳ͍ػೳΛΧελϜίʔυͰิ͏ɻ๛ ෋ͳAPI͕༻ҙ͞Ε͓ͯΓॊೈͳ֦ு͕Մೳɻ 
 ΧελϜίʔυͷൺॏΛ཈͑Δ͜ͱͰ։ൃ޻਺ɾ อकίετΛ࡟ݮɻ
15. DrupalͰͷϩʔίʔυ։ൃ΁ͷ௅ઓ DrupalίΞ αϒγεςϜ ίΞϞδϡʔϧ ίΞςʔϚ ίϯτϦϏϡʔτ 
 Ϟδϡʔϧ ίϯτϦϏϡʔτ 
 ςʔϚ ΧελϜϞδϡʔϧ ΧελϜςʔϚ ਺ສ+ͷ֦ுػೳʹ ΑͬͯΧελϜίʔυ Λ࠷খݶʹ཈͑ΒΕ Δ ҰํɺϨΠΞ΢τʹ ؔͯ͠͸ίϯτϦ ϏϡʔτςʔϚΑͬ ͯେ࿮͸ఏڙ͞ΕΔ ΋ͷͷɺTwig/CSSͷ ࣮૷Λආ͚Δ͜ͱ͸ ೉͍͠ Ϟδϡʔϧ (όοΫΤϯυ) ςʔϚ 
 (ϑϩϯτΤϯυ)
16. ֤୲౰ऀ͕࣋ͭ՝୊ ίϯςϯπฤूऀ Ϛʔέλʔ Drupal։ൃऀ ιʔείʔυʹབྷΉ ࡞ۀ͕શͯ։ൃऀʹ ґཔ͞ΕɺόοΫϩ ά͕ੵ·Ε͍ͯ͘ WebαΠτͷϩʔϯν ΍มߋͱʹ͔͘ૣΊ ͯࢢ৔ʹग़͍ͨ͠ ෳࡶͳϥϯσΟϯά ϖʔδΛɺ։ൃऀʹ པΒͣࣗ෼ͨͪͰ࡞ Γ͍ͨ ࣗಈςετͷಋೖ΍ύ ϑΥʔϚϯεվળͳͲ ͷλεΫ͸Ͳ͏ͯ͠΋ ޙճ͠ʹͳͬͯ͠·͏
17. Acquia Site Studio DrupalͷͨΊͷ ϩʔίʔυ։ൃπʔϧ ΤϯλʔϓϥΠζ޲͚ϩʔ ίʔυDrupalαΠτߏங πʔϧɻυϥοάˍυϩο ϓʹΑΔςʔϚߏஙɻ Drupal։ൃऀ͕ෳࡶͳػೳ ։ൃ΍౷߹࡞ۀʹूதɻ
18. δϡχΞ։ൃऀorσβΠφʔ͸ɺςϯ ϓϨʔτʢʹαΠτͷ࿮૊Έʣ΍ί ϯϙʔωϯτʢʹ࠶ར༻ՄೳͳϨΠ Ξ΢τͷύʔπʣΛϊʔίʔυͰ࡞੒ Ͱ͖·͢ɻ Acquia Site StudioͰͰ͖Δ͜ͱ ίϯςϯπฤूऀorϚʔέλʔ͸ɺ ༻ҙ͞ΕͨίϯϙʔωϯτΛυϥο ά&υϩοϓͰ഑ஔ͢Δ͜ͱͰෳࡶͳ ϥϯσΟϯάϖʔδΛ࡞੒Ͱ͖·͢ɻ σβΠφʔ͸ɺϒϥϯυΨΠυϥΠ ϯʹ४ڌͨ͠৭΍ϑΥϯτɺελΠ ϧΛαΠτ্Ͱఆٛ͢Δ͜ͱͰɺϒ ϥϯυͷҰ؏ੑΛอͭ͜ͱ͕Ͱ͖· ͢ɻ
19. 40% ࢢ৔౤ೖ·Ͱͷ ࣌ؒ୹ॖ (BayerࣾͷಋೖࣄྫΑΓ) 17% νʔϜͷ ੜ࢈ੑ޲্ (LifescanࣾͷಋೖࣄྫΑΓ) 80% ӡ༻ίετͷ ࡟ݮ (ZscalerࣾͷಋೖࣄྫΑΓ) Acquia Site StudioͷޮՌ
20. Drupal + Site Studio σϞ
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։ൃϑϩʔ σβΠφʔ ΤϯδχΞͷ࡞ۀ͕աଟɻ࡞ۀΛ෼ࢄͰ͖ͳ͍͔ʁ
22. Site Studioͷ׆༻Ͱ։ൃνʔϜ͕ΑΓߴՁ஋ͳλεΫʹूத ίϯςϯπ ࡞੒ɾฤू ϒϥϯυ σβΠϯ ΞΫΠΞͷϩʔίʔυπʔϧʹΑΔ৽։ൃϑϩʔ ςϯϓϨʔτ ࡞੒ ϒϩοΫ ϨΠΞ΢τ CSS 
 ελΠϧ ϖʔδ ϨΠΞ΢τ ΧελϜ ίʔυ Ϗϡʔζ ࡞੒ ίʔσΟϯάෆཁͷ ίϯςϯπ࡞੒ σβΠφʔɾαΠτϏϧμʔʹΑΔ ϩʔίʔυͰͷ੍࡞ ΤϯδχΞ αΠτϏϧμʔɺσβΠφʔɺϚʔέλʔʹΑΔαΠτ੍࡞ ٕज़తͳ஌͕ࣝෆཁ = ίετ௿ + ਝ଎ͳ։ൃ + ࢖͍΍͢͞
23. 2 3 1 υϥοάˍυϩοϓͰLP࡞੒ CSSෆཁͰߦ͑ΔϒϥϯυΧϥʔઃఆ Acquia CMS DrupalσϞ ϒϥϯυΧϥʔ͸؅ཧը໘্͔ΒઃఆՄೳ ڽͬͨϨΠΞ΢τͷϖʔδ΋υϥοάˍυϩοϓͰ؆୯ʹ࡞੒ ίʔσΟϯάෆཁͷςʔϚ։ൃ 4 ςϯϓϨʔτϑΝΠϧͷฤू࡞ۀͱಉ౳ͷૢ࡞͕؅ཧը໘͔ΒՄೳ SQLෆཁͷΫΤϦϏϧμʔViewsػೳ DB͔Βͷίϯςϯπσʔλͷऔಘ͸؅ཧը໘͔ΒՄೳ
24. Acquia Site Studioͷಋೖࣄྫ 4ϲ݄Ҏ্͔͔͍ͬͯͨ΋ͷ͕ 1ϲ݄ͰαΠτެ։͕Մೳʹ 1೥൒Ͱ400αΠτΛެ։͠ɺ 
 3೥ؒͰITίετΛ $1,500ສޮ཰Խ όΠΤϧ ϔϧεέΞۀք άϩʔόϧاۀ θοτεέʔϥʔ Ϋϥ΢υϕʔεͷ 
 ηΩϡϦςΟαʔϏε
25. ιϑτ΢ΣΞςετͷ؍఺Ͱ͸ DrupalίΞ αϒγεςϜ ίΞϞδϡʔϧ ίΞςʔϚ ίϯτϦϏϡʔτ 
 Ϟδϡʔϧ ίϯτϦϏϡʔτ 
 ςʔϚ ΧελϜϞδϡʔϧ ΧελϜςʔϚ ͍͘ΒϩʔίʔυͰ ࣮૷Ͱ͖ͨͱͯ͠ ΋ɺUI͕བྷΉE2Eςε τͷෛՙ͸શ͘มΘ Βͳ͍ɾɾͦ͜Ͱ mablͷΑ͏ͳςετ ࣗಈԽιϦϡʔγϣ ϯͷधཁ͕ߴ·ͬͯ ͍Δ ΧελϜίʔυΛ࠷ খݶʹ཈͑Δ͜ͱ ͰɺͦΕʹ෇ਵ͢Δ ୯ମςετͷ࣮૷ɾ อक΋࠷খݶʹʂ Ϟδϡʔϧ (όοΫΤϯυ) ςʔϚ 
 (ϑϩϯτΤϯυ)
26. ·ͱΊ – ΦʔϓϯιʔεCMSʮDrupalʯ͸ɺେن໛ίϛϡχςΟ͔Βఏڙ͞ΕΔଟ࠼ͳ֦ுػೳΛ׆ ༻ͯ͠ෳࡶͳαΠτߏஙΛϩʔίʔυͰߦ͑·͢ɻ – ΞΫΠΞ͕ఏڙ͢Δϩʔίʔυ։ൃπʔϧʮAcquia Site StudioʯΛ׆༻͢Δ͜ͱͰɺϑϩϯ τΤϯυ·Ͱϩʔίʔυ։ൃ͢Δ͜ͱ͕Մೳʹɻ – Drupal։ൃऀ͕ෳࡶͳػೳ։ൃ΍౷߹࡞ۀʹूதͰ͖ΔΑ͏ʹͳΓɺࢢ৔౤ೖ·Ͱͷεϐʔ υΛૣΊΔ͜ͱ͕Ͱ͖·͢ɻ – ͞ΒʹɺςετࣗಈԽιϦϡʔγϣϯʮmablʯΛ׆༻͢Δ͜ͱͰɺࣗಈςετ·Ͱϩʔίʔ υԽɻεϐʔυΛམͱ͢͜ͱͳ͘඼࣭Λ୲อͰ͖·͢ɻ
27. Thank You! ΞΫΠΞδϟύϯ߹ಉձࣾ