Slide 1

Slide 1 text

جૅ͔Β࣮ફ·Ͱʂ ελδΦɾ΢ϛͱֶͿ DrupalςʔϚ։ൃ DrupalͷςʔϚʹ͍ͭͯ ςʔϚ։ൃͷجຊ஌ࣝ ελδΦɾ΢ϛͰͷςʔϚ։ൃͷํ๏ Q&A

Slide 2

Slide 2 text

ʰͰͿͪΌΜͶΔʱͱ͸ʁ ΞΫΠΞδϟύϯ͕͓ಧ͚͢ΔʰͰͿͪΌΜͶΔʱͰ ͸ɺΤϯδχΞͷΈͳ͞·͕ٳܜ͠ͳ͕Βฉ͚ΔΑ͏ ͳɺΧδϡΞϧͳܗࣜͰςΫχΧϧ৘ใΛൃ৴͢Δ։ ൃऀ޲͚΢ΣϏφʔͰ͢ɻִिਫ༵೔͸ίʔώʔยख ʹ͝ΏΔΓͱ͝ࢹௌ͍ͩ͘͞ɻ ϋογϡλά #AcquiaJP Ͱײ૝ͳͲᄁ͍͍͚ͯͨͩΔ ͱخ͍͠Ͱ͢ʂ

Slide 3

Slide 3 text

ຊ೔ͷεϐʔΧʔ ΞΫΠΞδϟύϯ
 ؛ढ़ฌ ιϦϡʔγϣϯΤϯδχΞ ΞΫΠΞδϟύϯ
 ؙࢁͻ͔Δ ςΫχΧϧτϥϯεϨʔλʔ ͰͿͪΌΜͶΔ ελδΦɾ΢ϛ
 ٱอాޫل DrupalΤϯδχΞ

Slide 4

Slide 4 text

ήετͷ͝঺հɿٱอాޫلʢ͘΅ͨ ͜͏͖ʣ ● 1990೥ੜ·Ε 30ࡀ ● ελδΦɾ΢ϛʢ2017೥ೖࣾʣ ● Drupalྺ 3೥ ● ϝΠϯ͸ϑϩϯτΤϯυ ● झຯ͸ϚϥιϯɺѪݘͱͷࢄา

Slide 5

Slide 5 text

ελδΦɾ΢ϛ DrupalҰے 15೥ Drupalઐ໳ͷ։ൃձࣾͰ͢ https://www.studio-umi.jp/

Slide 6

Slide 6 text

DrupalͷςʔϚػೳ ʹ͍ͭͯ

Slide 7

Slide 7 text

Drupalͷςʔϛϯά ςʔϚͱ͸ɿ αΠτͷݟͨ໨Λఆٛ͢Δ ϑΝΠϧͷू߹ମ https://www.drupal.org/docs/theming-drupal

Slide 8

Slide 8 text

DrupalͷςʔϚͷछྨ͍Ζ͍Ζ ίϯτϦϏϡʔτςʔϚ l DrupalίϛϡχςΟʹد༩͞ΕͨແྉͷςʔϚ
 ex) https://www.drupal.org/project/business_responsive_theme
 ΧελϜςʔϚ l θϩ͔Βɺ͋Δ͍͸αϒςʔϚͳͲΛϕʔεʹ࡞Δ
 αϒςʔϚ l ࣗ෼ͰΧελϚΠζ֦ͯ͠ுͰ͖ΔΑ͏ʹઃܭ͞Ε͍ͯΔ
 ex) https://www.drupal.org/project/bootstrap
 ίΞςʔϚ l DrupalͷίΞʹؚ·Ε͍ͯΔςʔϚ
 ex) ClassyɺBartikɺSevenɺStableɺStark

Slide 9

Slide 9 text

ςʔϚ։ൃͷ͖΄Μ

Slide 10

Slide 10 text

ςʔϚͷσΟϨΫτϦߏ੒ themes !"" contrib # !"" bfd # $"" business_responsive_theme $"" custom !"" marucha_bootstrap $"" marucha_custom themes಺ͷσΟϨΫτϦߏ੒ ίϯτϦϏϡʔτςʔϚ ΧελϜςʔϚ

Slide 11

Slide 11 text

ΧελϜςʔϚΛ։ൃ͢Δεςοϓ - ઃఆϑΝΠϧʢ.info.ymlʣͷ௥Ճ - CSS/JSϑΝΠϧͷ௥Ճ - ςϯϓϨʔτϑΝΠϧͷ௥Ճ

Slide 12

Slide 12 text

ςʔϚͷઃఆϑΝΠϧͱ͸ʁ name: Marucha Custom type: theme description: '·Δ஡ͷͨΊͷΧελϜςʔϚ' core_version_requirement: ^8 || ^9 base theme: classy marucha_custom.info.yml .info.ymlɿ ςʔϚͷجຊ৘ใΛDrupalଆʹ఻͑ΔͨΊͷઃఆϑΝΠϧ ؅ཧը໘Ͱ͜Μͳײ͡ʹදࣔ͞Ε·͢ marucha_custom $"" marucha_custom.info.yml σΟϨΫτϦߏ੒

Slide 13

Slide 13 text

ϕʔεςʔϚͱ͸ base themeͰࢦఆ͞Εͨ
 ςʔϚͷϦιʔεΛܧঝ͢Δ ʢDrupal 9ͰඞਢɺDrupal 8Ͱ͸Φϓγϣϯʣ name: Marucha Custom type: theme description: '·Δ஡ͷͨΊͷΧελϜςʔϚ' core_version_requirement: ^8 || ^9 base theme: classy marucha_custom.info.yml

Slide 14

Slide 14 text

CSS/JSϑΝΠϧͷ௥Ճํ๏ marucha_custom !"" css # $"" styles.css !"" js # $"" script.js !"" marucha_custom.info.yml $""marucha_custom.libraries.yml σΟϨΫτϦߏ੒ global-styling: version: 1.x css: theme: css/styles.css: {} global-scripts: version: 1.x js: js/script.js: {} marucha_custom.libraries.yml .libraries.ymlɿ ςʔϚ͕Πϯετʔϧ͞ΕͨࡍʹΞηοτϑΝΠϧ܈Λ
 Drupal͕ಡΈࠐΊΔΑ͏ʹ͢ΔͨΊͷઃఆϑΝΠϧ

Slide 15

Slide 15 text

CSS/JSϑΝΠϧͷ௥Ճํ๏ ᶄ ఆٛͨ͠ϥΠϒϥϦΛςʔϚʹ௥Ճ͢ΔͨΊʹ
 .info.ymlʹ௥ه name: Marucha Custom type: theme description: '·Δ஡ͷͨΊͷΧελϜςʔϚ' core_version_requirement: ^8 || ^9 base theme: classy libraries: - marucha_custom/global-styling - marucha_custom/global-scripts marucha_custom.info.yml ͜ΕͰCSS/JSϑΝΠϧ͕ ϨΠΞ΢τʹ൓ө͞ΕΔʂ

Slide 16

Slide 16 text

ςϯϓϨʔτϑΝΠϧͱ͸ TwigςϯϓϨʔτϑΝΠϧɿ ςʔϚͷHTMLϚʔΫΞοϓ Λੜ੒ https://knowledge.sakura.ad.jp/5885/

Slide 17

Slide 17 text

ςϯϓϨʔτϑΝΠϧͷ௥Ճ marucha_custom !"" css # $"" styles.css !"" js # $"" script.js !"" marucha_custom.info.yml !"" marucha_custom.libraries.yml $"" templates $"" node--3.html.twig σΟϨΫτϦߏ੒ ϕʔεςʔϚ͔ΒϑΝΠϧΛίϐʔͯ͠ΧελϚΠζ͢Δɻ ΧελϜςʔϚσΟϨΫτϦʹ഑ஔ TwigͷσόοάΛ༗ޮԽ͢Δͱɺੜ੒͞ΕͨHTMLʹ ςϯϓϨʔτϑΝΠϧ৘ใ͕ίϝϯτͰදࣔ͞Ε·͢

Slide 18

Slide 18 text

ͦͷ΄͔ͷઃఆϑΝΠϧ .breakpoint.yml l Ϗϡʔϙʔτͷߴ͞΍෯Λεςοϓʹ෼ׂ͠ɺ͞·͟·ͳσόΠεͰਖ਼͘͠දࣔ
 ϨεϙϯγϒσβΠϯΛௐ੔͢ΔͨΊʹ࢖༻
 .theme l ςʔϚݻ༗ͷPHPؔ਺ɺલॲཧؔ਺ɺϑοΫΛ֨ೲ͢ΔͨΊʹ࢖༻

Slide 19

Slide 19 text

No content