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

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

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

More Decks by アクイアジャパン Acquia Japan

Other Decks in Programming

Transcript

  1. Acquia(ΞΫΠΞ)ʹ͍ͭͯ ໊ࣾ Acquia Inc. ຊࣾ ΞϝϦΧ߹ऺࠃϚανϡʔηοπभϘετϯ ઃཱ 2007೥6݄ ࣾһ਺ 1,400໊

    ސ٬਺ ໿4,000ࣾ 🌎 άϩʔόϧ ໊ࣾ ΞΫΠΞδϟύϯ߹ಉձࣾ ॴࡏ஍ ौ୩εΫϥϯϒϧεΫΤΞ WeWork 39F ઃཱ 2018೥12݄ ಋೖ࣮੷ ࠃ಺໿50ࣾ 🇯🇵 ೔ຊ๏ਓ
  2. 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Λ࠾༻ͯ͠ 
 ͍·͢ɻ
  3. Drupalपลͷొ৔ਓ෺ͱٕज़ελοΫ ίϯςϯπฤूऀ αΠτ๚໰ऀ ϖʔδϦΫΤετ ίϯςϯπΛ ௥Ճɾฤू HTMLΛฦ٫ ϑϩϯτΤϯυ όοΫΤϯυ(؅ཧը໘) Drupal

    MySQL Apache Linux PHP Drupalͷओͳαʔυ ύʔςΟͷґଘؔ܎ • Symfony • Twig • Composer • PHPUnit • CKEditor LAMPελοΫ Drupal։ൃऀ ࣮૷ɾσϓϩΠ
  4. Drupalͷϙδγϣχϯά Χ ε λ Ϛ Π ζ ੑ ߴ Drupal

    Ruby on Rails LaravelͳͲ WordPress ΤϯλʔϓϥΠζ ޲͚঎༻CMS Jekyll ௿Ձ֨ˍߴΧελϚΠζ! • ΦʔϓϯιʔεͳͷͰϥΠη ϯεඅ༻͕ແྉ • ΧελϚΠζΛߦ͏্Ͱͷ౔ ୆͕͔ͬ͠Γ͍ͯ͠Δ Ձ֨ߴ
  5. Drupalʹ޲͍͍ͯΔαΠτͷҰྫ ίϯςϯπྔ 
 ͕ଟ͍ ੡඼৘ใαΠτ άϩʔόϧ 
 (ଟݴޠ)ରԠ άϩʔόϧاۀαΠτ ߴ͍҆શੑ

    Λҡ࣋ ϛογϣϯΫϦςΟΧϧͳαΠτ Ϛϧννϟωϧ 
 ΁ͷ഑৴ ϔουϨεCMS ϚʔέςΟϯά 
 πʔϧͱͷ࿈ܞ ϒϥϯυαΠτ Ϣʔβʔձһ ରԠ ࣾ಺ϙʔλϧ
  6. Acquia Cloud Platform DrupalΛ։ൃ/ϗεςΟϯά ͢ΔͨΊͷΫϥ΢υ ϓϥοτϑΥʔϜ ͓٬༷ͷ Drupal αΠτΛӡ༻ɺ αϙʔτ͢Δ؀ڥΛ

    PaaS ͱ͠ ͯఏڙɻ σϓϩΠϓϩηεΛ 
 αϙʔτ͢ΔηΩϡΞͳ 
 Πϯϑϥͱ։ൃπʔϧΛඋ͑ͯ ͍·͢ɻ
  7. DrupalͷΧελϚΠζํ๏ DrupalίΞ αϒγεςϜ ίΞϞδϡʔϧ ίΞςʔϚ ίϯτϦϏϡʔτ 
 Ϟδϡʔϧ ίϯτϦϏϡʔτ 


    ςʔϚ ΧελϜϞδϡʔϧ ΧελϜςʔϚ 1. Drupalͷඪ४ػೳΛͰ͖Δ͚ͩ׆༻ɻඪ४ػೳͱ ͯ͠Ϣʔβʔݖݶ؅ཧɺίϯςϯπϦετ࡞੒ػ ೳɺঝೝϫʔΫϑϩʔͳͲCMSʹඞཁͳػೳΛ࣋ ͭɻ Ϟδϡʔϧ (όοΫΤϯυ) ςʔϚ 
 (ϑϩϯτΤϯυ) 2.଍Γͳ͍ػೳ͸ίϛϡχςΟ͔Βఏڙ͞ΕΔ֦ு ػೳΛ࢖͏ɻ਺ສ+ఏڙ͞Ε͍ͯΔɻ༷ʑͳཁ݅ ʹ։ൃίετͳ͠ͰରԠՄೳɻ 3.͞Βʹ଍Γͳ͍ػೳΛΧελϜίʔυͰิ͏ɻ๛ ෋ͳAPI͕༻ҙ͞Ε͓ͯΓॊೈͳ֦ு͕Մೳɻ 
 ΧελϜίʔυͷൺॏΛ཈͑Δ͜ͱͰ։ൃ޻਺ɾ อकίετΛ࡟ݮɻ
  8. DrupalͰͷϩʔίʔυ։ൃ΁ͷ௅ઓ DrupalίΞ αϒγεςϜ ίΞϞδϡʔϧ ίΞςʔϚ ίϯτϦϏϡʔτ 
 Ϟδϡʔϧ ίϯτϦϏϡʔτ 


    ςʔϚ ΧελϜϞδϡʔϧ ΧελϜςʔϚ ਺ສ+ͷ֦ுػೳʹ ΑͬͯΧελϜίʔυ Λ࠷খݶʹ཈͑ΒΕ Δ ҰํɺϨΠΞ΢τʹ ؔͯ͠͸ίϯτϦ ϏϡʔτςʔϚΑͬ ͯେ࿮͸ఏڙ͞ΕΔ ΋ͷͷɺTwig/CSSͷ ࣮૷Λආ͚Δ͜ͱ͸ ೉͍͠ Ϟδϡʔϧ (όοΫΤϯυ) ςʔϚ 
 (ϑϩϯτΤϯυ)
  9. ֤୲౰ऀ͕࣋ͭ՝୊ ίϯςϯπฤूऀ Ϛʔέλʔ Drupal։ൃऀ ιʔείʔυʹབྷΉ ࡞ۀ͕શͯ։ൃऀʹ ґཔ͞ΕɺόοΫϩ ά͕ੵ·Ε͍ͯ͘ WebαΠτͷϩʔϯν ΍มߋͱʹ͔͘ૣΊ

    ͯࢢ৔ʹग़͍ͨ͠ ෳࡶͳϥϯσΟϯά ϖʔδΛɺ։ൃऀʹ པΒͣࣗ෼ͨͪͰ࡞ Γ͍ͨ ࣗಈςετͷಋೖ΍ύ ϑΥʔϚϯεվળͳͲ ͷλεΫ͸Ͳ͏ͯ͠΋ ޙճ͠ʹͳͬͯ͠·͏
  10. δϡχΞ։ൃऀorσβΠφʔ͸ɺςϯ ϓϨʔτʢʹαΠτͷ࿮૊Έʣ΍ί ϯϙʔωϯτʢʹ࠶ར༻ՄೳͳϨΠ Ξ΢τͷύʔπʣΛϊʔίʔυͰ࡞੒ Ͱ͖·͢ɻ Acquia Site StudioͰͰ͖Δ͜ͱ ίϯςϯπฤूऀorϚʔέλʔ͸ɺ ༻ҙ͞ΕͨίϯϙʔωϯτΛυϥο

    ά&υϩοϓͰ഑ஔ͢Δ͜ͱͰෳࡶͳ ϥϯσΟϯάϖʔδΛ࡞੒Ͱ͖·͢ɻ σβΠφʔ͸ɺϒϥϯυΨΠυϥΠ ϯʹ४ڌͨ͠৭΍ϑΥϯτɺελΠ ϧΛαΠτ্Ͱఆٛ͢Δ͜ͱͰɺϒ ϥϯυͷҰ؏ੑΛอͭ͜ͱ͕Ͱ͖· ͢ɻ
  11. ͕͔͔࣌ؒΓɺ 
 ίετߴ 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։ൃϑϩʔ σβΠφʔ ΤϯδχΞͷ࡞ۀ͕աଟɻ࡞ۀΛ෼ࢄͰ͖ͳ͍͔ʁ
  12. Site Studioͷ׆༻Ͱ։ൃνʔϜ͕ΑΓߴՁ஋ͳλεΫʹूத ίϯςϯπ ࡞੒ɾฤू ϒϥϯυ σβΠϯ ΞΫΠΞͷϩʔίʔυπʔϧʹΑΔ৽։ൃϑϩʔ ςϯϓϨʔτ ࡞੒ ϒϩοΫ

    ϨΠΞ΢τ CSS 
 ελΠϧ ϖʔδ ϨΠΞ΢τ ΧελϜ ίʔυ Ϗϡʔζ ࡞੒ ίʔσΟϯάෆཁͷ ίϯςϯπ࡞੒ σβΠφʔɾαΠτϏϧμʔʹΑΔ ϩʔίʔυͰͷ੍࡞ ΤϯδχΞ αΠτϏϧμʔɺσβΠφʔɺϚʔέλʔʹΑΔαΠτ੍࡞ ٕज़తͳ஌͕ࣝෆཁ = ίετ௿ + ਝ଎ͳ։ൃ + ࢖͍΍͢͞
  13. 2 3 1 υϥοάˍυϩοϓͰLP࡞੒ CSSෆཁͰߦ͑ΔϒϥϯυΧϥʔઃఆ Acquia CMS DrupalσϞ ϒϥϯυΧϥʔ͸؅ཧը໘্͔ΒઃఆՄೳ ڽͬͨϨΠΞ΢τͷϖʔδ΋υϥοάˍυϩοϓͰ؆୯ʹ࡞੒

    ίʔσΟϯάෆཁͷςʔϚ։ൃ 4 ςϯϓϨʔτϑΝΠϧͷฤू࡞ۀͱಉ౳ͷૢ࡞͕؅ཧը໘͔ΒՄೳ SQLෆཁͷΫΤϦϏϧμʔViewsػೳ DB͔Βͷίϯςϯπσʔλͷऔಘ͸؅ཧը໘͔ΒՄೳ
  14. ιϑτ΢ΣΞςετͷ؍఺Ͱ͸ DrupalίΞ αϒγεςϜ ίΞϞδϡʔϧ ίΞςʔϚ ίϯτϦϏϡʔτ 
 Ϟδϡʔϧ ίϯτϦϏϡʔτ 


    ςʔϚ ΧελϜϞδϡʔϧ ΧελϜςʔϚ ͍͘ΒϩʔίʔυͰ ࣮૷Ͱ͖ͨͱͯ͠ ΋ɺUI͕བྷΉE2Eςε τͷෛՙ͸શ͘มΘ Βͳ͍ɾɾͦ͜Ͱ mablͷΑ͏ͳςετ ࣗಈԽιϦϡʔγϣ ϯͷधཁ͕ߴ·ͬͯ ͍Δ ΧελϜίʔυΛ࠷ খݶʹ཈͑Δ͜ͱ ͰɺͦΕʹ෇ਵ͢Δ ୯ମςετͷ࣮૷ɾ อक΋࠷খݶʹʂ Ϟδϡʔϧ (όοΫΤϯυ) ςʔϚ 
 (ϑϩϯτΤϯυ)
  15. ·ͱΊ – ΦʔϓϯιʔεCMSʮDrupalʯ͸ɺେن໛ίϛϡχςΟ͔Βఏڙ͞ΕΔଟ࠼ͳ֦ுػೳΛ׆ ༻ͯ͠ෳࡶͳαΠτߏஙΛϩʔίʔυͰߦ͑·͢ɻ – ΞΫΠΞ͕ఏڙ͢Δϩʔίʔυ։ൃπʔϧʮAcquia Site StudioʯΛ׆༻͢Δ͜ͱͰɺϑϩϯ τΤϯυ·Ͱϩʔίʔυ։ൃ͢Δ͜ͱ͕Մೳʹɻ –

    Drupal։ൃऀ͕ෳࡶͳػೳ։ൃ΍౷߹࡞ۀʹूதͰ͖ΔΑ͏ʹͳΓɺࢢ৔౤ೖ·Ͱͷεϐʔ υΛૣΊΔ͜ͱ͕Ͱ͖·͢ɻ – ͞ΒʹɺςετࣗಈԽιϦϡʔγϣϯʮmablʯΛ׆༻͢Δ͜ͱͰɺࣗಈςετ·Ͱϩʔίʔ υԽɻεϐʔυΛམͱ͢͜ͱͳ͘඼࣭Λ୲อͰ͖·͢ɻ