Drupal テーマ開発入門講座 第1回 テーマの基礎知識

https://www.acquia.com/jp/events/webinars/drupal-theming-development-vol1

Transcript

1. Drupal ςʔϚ ։ൃೖ໳ߨ࠲ ୈ1ճ ςʔϚͷجૅ஌ࣝ
2. Drupal ςʔϚ։ൃೖ໳ߨ࠲γϦʔζ – Drupalʹ͓͚ΔʮςʔϚʯͱ͸ɺWebαΠτͷݟͨ໨Λ୲͏ػೳͰ͢ɻຊ΢ΣϏφʔγϦʔ ζͰ͸ɺDrupalͷςʔϚ։ൃʹؔ͢Δجૅ஌ࣝΛղઆ͠·͢ɻ – DrupalͷϑϩϯτΤϯυपΓʹ͍ͭͯମܥతʹֶͼ͍ͨํɺࣗ෼ͰΧελϜςʔϚΛ࡞ΕΔ Α͏ʹͳΓ͍ͨํɺΞΫΠΞೝఆσϕϩούʔࢼݧΛ໨ࢦ͢ํʹ͓͢͢ΊͰ͢ɻ – DrupalΛҰ௨Γૢ࡞ͨ͜͠ͱ͕͋ΔํΛର৅ͱ͍ͯ͠·͢ɻ·ͩDrupalΛ৮ͬͨ͜ͱ͕ແ͍ ํ͸ɺॳ৺ऀ޲͚DrupalνϡʔτϦΞϧಈըʢ೔ຊޠʣΛઌʹݟ͓ͯ͘ͱΑΓཧղ͕ਂ·Γ ·͢ɻ
3. ΞδΣϯμ 1. ςʔϚͱ͸ 2. ςʔϚͷछྨ 3. ςʔϚͷ؅ཧ 4. ςʔϚͷσΟϨΫτϦߏ੒ͱϑΝΠϧ 5. Drupal؀ڥͷ༻ҙ 6. ࿅श໰୊
4. ςʔϚͱ͸
5. – αΠτͷݟͨ໨Λఆٛ͢ΔϑΝΠϧͷू߹ମͰ͢ɻ – ओʹCSSɺJSɺςϯϓϨʔτϑΝΠϧʢTwigʣɺઃఆϑΝΠϧͳͲͰߏ੒͞Ε·͢ɻ – Drupal.orgͰ͸ίϯτϦϏϡʔλʔʹΑͬͯ3,000ݸҎ্ͷςʔϚ͕ެ։͞Ε͓ͯ Γɺࣗ༝ʹμ΢ϯϩʔυͯ͠ར༻Ͱ͖·͢ɻ – ؅ཧը໘͔ΒςʔϚΛ੾Γସ͑ͨΓɺઃఆΛมߋͨ͠ΓͰ͖·͢ɻ ςʔϚͷ֓ཁ
6. ςʔϚ։ൃʹؔ࿈͢Δ஌ࣝ – DrupalͷαΠτߏஙʹؔ͢Δجૅతͳ஌ࣝ – HTML/CSS/JavaScriptͷશൠతͳ஌ࣝ – Twigߏจͷॻ͖ํ – ଟগͷPHPͷ஌ࣝ
7. ςʔϚͷछྨ
8. – ίΞςʔϚ – DrupalͷίΞʹؚ·ΕΔςʔϚͰ͢ɻ 
 – ίϯτϦϏϡʔτςʔϚ – Drupal.orgͰެ։͞Ε͍ͯΔςʔϚͰ͢ɻ – https://www.drupal.org/project/project_theme 
 – ΧελϜςʔϚ – θϩ͔Βɺ͋Δ͍͸αϒςʔϚͳͲΛϕʔεʹࣗ࡞͢ΔࡍʹΧελϜςʔϚͱ ݺ͹Ε·͢ɻ ςʔϚͷछྨ
9. ςʔϚͷछྨ - ίΞςʔϚ – Bartik – Drupal 9ͷσϑΥϧτςʔϚɻStandardϓϩϑΟʔϧͰDrupalΛىಈ͢ΔͱσϑΥϧτͰBartikςʔϚ͕ద༻͞Ε·͢ɻ – Classy – Stable͕ϕʔεςʔϚͱͯ͠ࢦఆ͞Ε͓ͯΓɺStableΛ֦ுͯ͠ɺϞμϯͳϨΠΞ΢τΛ࣮ݱ͢ΔͨΊʹ໾ཱͭଟ͘ͷΫϥ ε͕༻ҙ͞Ε͍·͢ɻΧελϜςʔϚΛ࡞੒͢ΔࡍͷϕʔεςʔϚͱͯ͠ར༻Ͱ͖·͢ɻ – Seven – Drupal 9ͷσϑΥϧτͷ؅ཧ༻ςʔϚɻStandardϓϩϑΟʔϧͰDrupalΛىಈ͢ΔͱσϑΥϧτͰSevenςʔϚ͕ద༻͞Ε ·͢ɻ – Stable – Classyಉ༷ɺΧελϜςʔϚΛ࡞੒͢ΔࡍͷϕʔεςʔϚͱͯ͠ར༻Ͱ͖·͢ɻ࠷খݶͷCSSΫϥεͰΑΓΫϦʔϯͳΞϓ ϩʔνΛऔΓ͍ͨ৔߹ʹબ୒͞Ε·͢ɻ – Stark – ओʹಈ࡞֬ೝɺτϥϒϧγϡʔςΟϯάΛ໨తͱͯ͠ఏڙ͞Ε·͢ɻCSS͸ઃఆ͞Ε͍ͯ·ͤΜɻ – Olivero new! – Drupal 10ͷσϑΥϧτςʔϚʢ༧ఆʣɻ – Claro new! – Drupal 10ͷσϑΥϧτͷ؅ཧ༻ςʔϚʢ༧ఆʣɻ https://www.drupal.org/docs/core-modules-and- themes/core-themes
10. ςʔϚͷछྨ - ίϯτϦϏϡʔτςʔϚ – ΦʔϓϯιʔεͰެ։͞ΕͨςʔϚͰ͢ɻ – Drupal.orgͰެ։͞Ε͍ͯΔςʔϚͷμ΢ϯϩʔυʹ͸ɺϞδϡʔϧͷμ΢ϯ ϩʔυͱಉ༷ʹComposerΛ༻͍·͢ɻ – ίϯτϦϏϡʔτςʔϚΛΧελϚΠζ͢Δ͜ͱ΋Ͱ͖·͢ɻʢϕʔεςʔϚ ͱαϒςʔϚʣ
11. ςʔϚͷछྨ - ΧελϜςʔϚ – ࣗ਎Ͱ࡞੒ɺΧελϚΠζͨ͠ςʔϚΛΧελϜςʔϚͱݺͼ·͢ɻ – θϩ͔Β࡞੒͢Δ͜ͱ΋Ͱ͖·͢͠ɺίΞςʔϚ΍ίϯτϦϏϡʔτ ςʔϚΛܧঝ͢ΔܗͰΧελϜςʔϚΛ࡞੒Ͱ͖·͢ɻʢϕʔεςʔ ϚͱαϒςʔϚʣ
12. ϕʔεςʔϚͱαϒςʔϚ – ϕʔεςʔϚ – αϒςʔϚͷ਌ͱͳΔςʔϚͰ͢ɻ – ελʔλʔςʔϚͱ΋ݺ͹Ε·͢ɻ 
 – αϒςʔϚ – ͋ΔϕʔεςʔϚΛݩʹ࡞ΒΕͨςʔϚΛαϒςʔϚͱݺͼ·͢ɻ – *.info.yml ͷ base theme ΩʔͰϕʔεςʔϚΛࢦఆ͠·͢ɻ – ྫʣbase theme: stable – ϕʔεςʔϚ͕࣋ͭελΠϧ΍ςϯϓϨʔτͳͲͷҰ෦ͷߏ੒Λܧঝ͠ͳ͕ΒΧελ ϚΠζͰ͖·͢ɻ – Classy͸ɺStableΛϕʔεςʔϚͱͯ͠࢖༻͍ͯ͠ΔαϒςʔϚͰ͢ɻ – ίϯτϦϏϡʔτςʔϚΛΧελϚΠζ͍ͨ͠৔߹ɺϕʔεςʔϚͱαϒςʔϚͷ࢓ ૊ΈΛ࢖͑͹ɺϑΝΠϧΛ௚઀ॻ͖׵͑Δ͜ͱͳ͘ΧελϚΠζ͕ՄೳʹͳΓ·͢ɻ
13. σϑΥϧτςʔϚ – ਺͋ΔίΞςʔϚͷதͰɺStandardϓϩϑΟʔϧͰ͸ ʮBartikʯ͕σϑΥϧτςʔϚͱͯ͠࠾༻͞Ε͍ͯ·͢ɻ (Drupal 9࣌఺) – Drupal 10Ͱ͸ʮOliveroʯ͕৽͘͠σϑΥϧτςʔϚʹͳΔ༧ఆ Ͱ͢ɻ DrupalͷσϑΥϧτςʔϚʮBartikʯ
14. ؅ཧ༻ςʔϚ – αΠτ๚໰ऀͷͨΊͷςʔϚ͚ͩͰ͸ͳ͘ɺ؅ཧը໘Ͱ ࢖༻͢ΔςʔϚΛʮ؅ཧ༻ςʔϚʯͱͯ͠ઃఆ͢Δ͜ͱ ͕Ͱ͖·͢ɻ – Drupal 9ͷ࣌఺ͰɺStandardϓϩϑΟʔϧͰ͸ʮSevenʯ ͕σϑΥϧτͷ؅ཧ༻ςʔϚͰ͢ɻ – Drupal 10Ͱ͸ʮClaroʯ͕৽͘͠σϑΥϧτͷ؅ཧςʔϚ ʹͳΔ༧ఆͰ͢ɻ DrupalͷσϑΥϧτ؅ཧςʔϚʮSevenʯ
15. ςʔϚͷ؅ཧ
16. ςʔϚͷμ΢ϯϩʔυ – ςʔϚͷμ΢ϯϩʔυ͸ComposerίϚϯυͰߦ ͑·͢ɻ – $ composer require “drupal/bootstrap:^3.23”
17. – ؅ཧը໘Ͱߦ͏ɿ – ؅ཧϝχϡʔͷςʔϚʹҠಈͯ͠ɺ 
 ΞϯΠϯετʔϧࡁΈςʔϚ ͔Βର৅ͷ ςʔϚͷΠϯετʔϧΛΫϦοΫ 
 – DrushͰߦ͏ɿ – $ drush theme:enable bootstrap_barrio ςʔϚͷΠϯετʔϧ
18. ςʔϚΛσϑΥϧτʹઃఆ͢Δ – ؅ཧը໘Ͱߦ͏ɿ – ؅ཧϝχϡʔͷςʔϚʹҠಈͯ͠ɺ 
 ΠϯετʔϧࡁΈςʔϚ͔Βର৅ͷςʔϚ ͷσϑΥϧτʹઃఆΛΫϦοΫ 
 – DrushͰߦ͏ɿ – $ drush config:set system.theme default bootstrap_barrio
19. – ςʔϚͷΠϯετʔϧ – ςʔϚͷΞϯΠϯετʔϧ – σϑΥϧτςʔϚͷ੾Γସ͑ – ݸʑͷςʔϚݻ༗ͷઃఆ – ৽͍͠ςʔϚͷ௥Ճ 
 ʢUpdate ManagerϞδϡʔϧͰఏڙʣ 
 ※ςʔϚͷ௥Ճ͸Ϟδϡʔϧಉ༷ɺcomposerͰߦ͏ ํ๏͕ਪ঑͞Ε͍ͯ·͢ɻ ؅ཧϝχϡʔʮςʔϚʯͰͰ͖Δ͜ͱ
20. ςʔϚͷσΟϨΫτϦߏ੒ͱϑΝΠϧ
21. ςʔϚͷ৔ॴ your Drupal project roo t ᵓ── docroo t │ ᵓ── cor e │ │ └── theme s │ │ ᵓ── barti k │ │ ᵓ── clar o │ │ ᵓ── … │ │ │ └── theme s │ │ ᵓ── contri b │ │ └── custo m … ɹɹɹɹɹ–––––––– ίΞςʔϚ͕഑ஔ͞ΕΔ ɹɹɹɹɹ–––––––– ίϯτϦϏϡʔτςʔϚ͕഑ஔ͞ΕΔ ɹɹɹɹɹ–––––––– ΧελϜςʔϚ͕഑ஔ͞ΕΔ ίΞςʔϚɺίϯτϦϏϡʔτςʔϚɺΧελϜςʔϚͰςʔϚϑΝΠϧ܈Λ഑ஔ ͢Δ৔ॴ͕ܾ·͍ͬͯ·͢ɻ
22. ςʔϚͷσΟϨΫτϦߏ੒ maruch a ᵓ── cs s │ └── style.cs s ᵓ── image s │ └── buttons.pn g ᵓ── j s │ └── custom.j s ᵓ── template s │ └── node.html.twi g ᵓ── marucha.breakpoints.ym l ᵓ── marucha.info.ym l ᵓ── marucha.libraries.ym l ᵓ── marucha.them e ᵓ── logo.sv g ᵓ── screenshot.pn g …
23. ςʔϚͷϚγϯ໊ – ςʔϚʹ͸ඞͣʮϚγϯ໊ʯ͕ଘࡏ͠·͢ɻ – DrupalίΞʹΑͬͯϓϩάϥϜͰςʔϚΛࢀর͢ΔͨΊʹ಺෦త ʹ࢖༻͞Ε·͢ɻ – ӈͷྫͰ͸ʮmaruchaʯ͕Ϛγϯ໊Ͱ͢ɻ – marucha.info.ymlͳͲɺϑΝΠϧ໊ʹϚγϯؚ໊͕·ΕΔΑ͏ͳ໋ ໊نଇΛ࣋ͭϑΝΠϧ͕ଘࡏ͠·͢ɻ 
 – Ϛγϯ໊ͷ໋໊نଇ – จࣈͰ࢝·Δඞཁ͕͋Γ·͢ɻ – খจࣈͱΞϯμʔείΞͷΈΛؚΊΔඞཁ͕͋Γ·͢ɻ – εϖʔεΛؚΊΔ͜ͱ͸Ͱ͖·ͤΜɻ – 50จࣈΛ௒͑ͯ͸ͳΓ·ͤΜɻ – γεςϜ಺ͰҰҙͰ͋Δඞཁ͕͋Γ·͢ɻαΠτͰ࢖༻͢ΔଞͷϞδϡʔϧɺ ςʔϚɺςʔϚΤϯδϯɺΠϯετʔϧϓϩϑΝΠϧͱಉ໊͡લΛ෇͚ͳ͍Ͱ͘ ͍ͩ͞ɻ – ༧໿ࡁΈͷ༻ޠ͸࢖༻Ͱ͖·ͤΜɿsrcɺlibɺvendorɺassetsɺcssɺfilesɺ imagesɺjsɺmiscɺtemplatesɺincludesɺfixturesɺdrupal maruch a ᵓ── cs s │ └── style.cs s ᵓ── image s │ └── buttons.pn g ᵓ── j s │ └── custom.j s ᵓ── template s │ └── node.html.twi g ᵓ── marucha.breakpoints.ym l ᵓ── marucha.info.ym l ᵓ── marucha.libraries.ym l ᵓ── marucha.them e ᵓ── logo.sv g ᵓ── screenshot.pn g …
24. ςʔϚσΟϨΫτϦʹؚ·ΕΔϑΝΠϧʢ̍ʣ – *.info.yml – ςʔϚͷ໊લ΍આ໌ͳͲɺςʔϚʹؔ͢Δϝλ৘ใΛهड़͢ΔͨΊͷϑΝΠϧͰ͢ɻඞਢ(ςʔϚͰ།Ұͷඞ ਢϑΝΠϧͰ͢)ɻ – *.libraries.yml – ςʔϚͰಡΈࠐΉJavaScriptɺCSSϥΠϒϥϦΛఆٛ͢ΔͨΊʹ࢖༻͠·͢ɻDrupalͰ͸ςϯϓϨʔτʹCSS΍ JSͷURLΛຒΊࠐΉͷͰ͸ͳ͘ɺΞηοτϥΠϒϥϦͱݺ͹ΕΔ಺෦ͷγεςϜʹొ࿥͢ΔܗͰߦΘΕ·͢ɻ ͜ΕʹΑΓɺγεςϜ಺෦ͰDrupal͕CSSͱJSͷѹॖ΍Ωϟογϡɺϩʔυ͢Δॱ൪ΛೖΕସ͑ΔॲཧΛߦ͏ ͜ͱ͕Ͱ͖·͢ɻ – *.breakpoints.yml – αΠτΛӾཡ͢Δ୺຤ͷը໘αΠζ෯ʹԠͯ͡ϨεϙϯγϒσβΠϯͷදࣔΛ੾Γସ͑ΔϙΠϯτ(=ϒϨʔΫ ϙΠϯτ)ΛఆٛͰ͖·͢ɻ – *.theme – PHPϑΝΠϧͰ͢ɻςϯϓϨʔτʹม਺Λ౉͢ϓϦϓϩηεؔ਺Λهड़ͨ͠ΓɺςϯϓϨʔτͷsuggestionsΛ ఆٛ͢Δࡍʹར༻͠·͢ɻ
25. ςʔϚσΟϨΫτϦʹؚ·ΕΔϑΝΠϧʢ̎ʣ – css/ – ςʔϚͰ࢖༻͢ΔCSSϑΝΠϧΛ֨ೲ͢ΔσΟϨΫτϦͰ͢ɻCSSϑΝΠϧΛϩʔυ͢ΔͨΊʹ͸ *.libraries.ymlϑΝΠϧͰఆٛ͢Δඞཁ͕͋Γ·͢ɻ – js/ – ςʔϚͰ࢖༻͢ΔJavaScriptϑΝΠϧΛ֨ೲ͢ΔσΟϨΫτϦͰ͢ɻJSϑΝΠϧΛϩʔυ͢ΔͨΊʹ͸ *.libraries.ymlϑΝΠϧͰఆٛ͢Δඞཁ͕͋Γ·͢ɻ – images/ – ςʔϚͰ࢖༻͢Δը૾ϑΝΠϧΛ֨ೲ͢ΔσΟϨΫτϦͰ͢ɻ
26. ςʔϚσΟϨΫτϦʹؚ·ΕΔϑΝΠϧʢ̏ʣ – screenshot.png – σΟϨΫτϦ಺ʹscreenshot.pngͷ໊લͰϑΝΠϧΛ഑ஔ͓ͯ͘͠ͱɺ؅ཧը໘ͷςʔϚϝχϡʔ(/ admin/appearance)Ͱදࣔ͞ΕΔΑ͏ʹͳΓ·͢ɻ΋͘͠͸*.info.ymlͰ೚ҙͷϑΝΠϧ໊Λࢦఆ͢Δ͜ ͱ΋Ͱ͖·͢ɻ – logo.svg – σΟϨΫτϦ಺ʹlogo.svgͷ໊લͰϑΝΠϧΛ഑ஔ͓ͯ͘͠ͱɺαΠτͷϔομʹදࣔ͞ΕΔαΠτϩ ΰͱͯ͠ೝࣝͯ͘͠Ε·͢ɻαΠτϩΰ͸؅ཧը໘͔ΒΞοϓϩʔυͯ͠มߋ͢Δ͜ͱ͕ՄೳͰ͢ɻ – templates/ – ςʔϚͰ࢖༻͢ΔTwigςϯϓϨʔτϑΝΠϧ(*.html.twig)Λ֨ೲ͢ΔσΟϨΫτϦͰ͢ɻDrupal 8Ҏ߱ɺ Drupal͸TwigΛςϯϓϨʔτΤϯδϯʹ࠾༻͍ͯ͠·͢ɻ
27. Drupal؀ڥͷ༻ҙ
28. Drupal؀ڥͷ༻ҙ – Drupal 9ͷֶश؀ڥΛ༻ҙ – ༗໊ͳDrupalͷϩʔΧϧ։ൃ؀ڥߏஙπʔϧ – Lando – Docksal – DDEV – Drupal VM 
 – ࠓճ͸ྫͱͯ͠ɺLandoͰDrupal 9؀ڥΛߏங͢ΔखॱΛ঺հ
29. LandoΛ༻͍ͨDrupalͷϩʔΧϧ։ൃ؀ڥͷ࡞੒ ͦͷ1. DrupalϓϩδΣΫτ࡞੒ʙίϯςφͷىಈ # ࡞ۀσΟϨΫτϦͷ࡞੒ͱҠಈ $ mkdir my-drupal9-app && cd my-drupal9-ap p $ composer create-project drupal/recommended-project my-drupal9-ap p # LandoͷॳظԽ $ lando init --source cwd --recipe drupal9 --webroot web --name my-drupal9-ap p # ίϯςφͷىಈ $ lando star t …(লུ).. . APPSERVER URLS https://localhost:5501 7 http://localhost:5501 8 http://my-drupal9-app.lndo.site:8080 / https://my-drupal9-app.lndo.site / # DrupalϓϩδΣΫτͷ࡞੒ $ lando composer create-project drupal/recommended-project tmp && cp -r tmp/. . && rm -rf tmp
30. ͦͷ2. DrupalͷΠϯετʔϧ – ϒϥ΢βͰϩʔΧϧαʔόʔʹΞΫηε͠·͢ɻ – http://my-drupal9-app.lndo.site:8080/ – ΠϯλϥΫςΟϒΠϯετʔϥʔ͕ىಈ͠·͢ɻ – ϓϩϑΝΠϧ͸ʮඪ४ʯΛબ୒ – σʔλϕʔεͷ઀ଓઌ৘ใ͸ 
 lando info ίϚϯυͰ֬ೝ LandoΛ༻͍ͨDrupalͷϩʔΧϧ։ൃ؀ڥͷ࡞੒ ͓·͚ɿLandoͷૢ࡞ – lando stop – ίϯςφͷఀࢭ – lando ssh – ίϯςφͷγΣϧʹΞΫηε͢Δ
31. ࿅श໰୊
32. ࿅श໰୊1 DrupalͷςʔϚʹؔ͢Δઆ໌ͱͯ͠ޡ͍ͬͯΔ΋ͷΛ2ͭબ୒ͯͩ͘͠ ͍͞ɻ 1. Drupal.orgʹ͸ແྉͰར༻Ͱ͖ΔςʔϚ͕਺ଟ͘ެ։͞Ε͍ͯΔɻ 2. Drupal 9ͷσϑΥϧτςʔϚ͸ʮOliveroʯͰ͋Δɻ 3. ςʔϚ͸਌ࢠؔ܎Λ࣋ͨͤΔ͜ͱ͕Ͱ͖Δɻ 4. ϊϯϓϩάϥϛϯάͰΧελϜςʔϚΛ࡞੒Ͱ͖Δɻ
33. ࿅श໰୊1 DrupalͷςʔϚʹؔ͢Δઆ໌ͱͯ͠ޡ͍ͬͯΔ΋ͷΛ2ͭબ୒ͯͩ͘͠ ͍͞ɻ 1. Drupal.orgʹ͸ແྉͰར༻Ͱ͖ΔςʔϚ͕਺ଟ͘ެ։͞Ε͍ͯΔɻ 2. Drupal 9ͷσϑΥϧτςʔϚ͸ʮOliveroʯͰ͋Δɻ 3. ςʔϚ͸਌ࢠؔ܎Λ࣋ͨͤΔ͜ͱ͕Ͱ͖Δɻ 4. ϊϯϓϩάϥϛϯάͰΧελϜςʔϚΛ࡞੒Ͱ͖Δɻ 2, 4
34. DrupalͷςʔϚʹؔ͢Δઆ໌ͱͯ͠ޡ͍ͬͯΔ΋ͷΛ2ͭબ୒͍ͯͩ͘͠͞ɻ 1. ςʔϚͱͯ͠ೝࣝͤ͞Δʹ͸ɺςʔϚσΟϨΫτϦ಺ʹ *.theme ϑΝΠϧΛඞͣ ༻ҙ͢Δඞཁ͕͋Δɻ 2. DrupalͷσϑΥϧτͷςϯϓϨʔτΤϯδϯ͸ʮTwigʯͰ͋Δɻ 3. υΩϡϝϯτϧʔτ௚Լͷ themes σΟϨΫτϦʹίΞςʔϚɺίϯτϦϏϡʔ τςʔϚɺΧελϜςʔϚͳͲ͕શͯ֨ೲ͞ΕΔΑ͏ʹͳ͍ͬͯΔɻ 4. CSS΍JavaScriptΛಡΈࠐ·ͤΔʹ͸ɺ*.libraries.yml ʹهड़͢Δ͜ͱͰରԠ͢Δɻ ࿅श໰୊2
35. DrupalͷςʔϚʹؔ͢Δઆ໌ͱͯ͠ޡ͍ͬͯΔ΋ͷΛ2ͭબ୒͍ͯͩ͘͠͞ɻ 1. ςʔϚͱͯ͠ೝࣝͤ͞Δʹ͸ɺςʔϚσΟϨΫτϦ಺ʹ *.theme ϑΝΠϧΛඞͣ ༻ҙ͢Δඞཁ͕͋Δɻ 2. DrupalͷσϑΥϧτͷςϯϓϨʔτΤϯδϯ͸ʮTwigʯͰ͋Δɻ 3. υΩϡϝϯτϧʔτ௚Լͷ themes σΟϨΫτϦʹίΞςʔϚɺίϯτϦϏϡʔ τςʔϚɺΧελϜςʔϚͳͲ͕શͯ֨ೲ͞ΕΔΑ͏ʹͳ͍ͬͯΔɻ 4. CSS΍JavaScriptΛಡΈࠐ·ͤΔʹ͸ɺ*.libraries.yml ʹهड़͢Δ͜ͱͰରԠ͢Δɻ ࿅श໰୊2 1, 3
36. DrupalͷςʔϚͷϚγϯ໊ͱͯ͠ద੾ͳ΋ͷΛ1ͭબ୒͍ͯͩ͘͠͞ɻ 1. ice-cream 2. green pepper 3. fixtures 4. rice_ball 5. Carrot 6. 24karat ࿅श໰୊3
37. DrupalͷςʔϚͷϚγϯ໊ͱͯ͠ద੾ͳ΋ͷΛ1ͭબ୒͍ͯͩ͘͠͞ɻ 1. ice-cream 2. green pepper 3. fixtures 4. rice_ball 5. Carrot 6. 24karat ࿅श໰୊3 4
38. ຊ೔ͷΞδΣϯμ͸ऴྃ
39. ΞδΣϯμ 1. ςʔϚͱ͸ 2. ςʔϚͷछྨ 3. ςʔϚͷ؅ཧ 4. ςʔϚͷσΟϨΫτϦߏ੒ͱϑΝΠϧ 5. Drupal؀ڥͷ༻ҙ 6. ࿅श໰୊