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

アクイア認定サイトビルダー試験対策講座 第5回 サイトの構成 / Prep for exam Site Builder vol.5

アクイア認定サイトビルダー試験対策講座 第5回 サイトの構成 / Prep for exam Site Builder vol.5

Transcript

  1. ΞΫΠΞೝఆαΠτϏϧμʔ ࢼݧରࡦߨ࠲ ୈ5ճ αΠτͷߏ੒

  2. ΞΫΠΞೝఆαΠτϏϧμʔ ࢼݧରࡦߨ࠲γϦʔζ – ʮΞΫΠΞೝఆαΠτϏϧμʔ - Drupal 9ʯࢼݧ͸ɺίΞϞδϡʔϧ͓Αͼ֦ுϞδϡʔϧ Λ࢖༻ͯ͠DrupalαΠτΛߏங͢ΔϓϩϑΣογϣφϧ޲͚ͷࢿ֨Ͱ͢ɻ͜ͷࢼݧ͸ɺ DrupalαΠτϏϧμʔͷεΩϧɺ஌ࣝͷݕূΛ໨తͱͯ͠σβΠϯ͞Ε͍ͯ·͢ɻ –

    ຊ΢ΣϏφʔ͸ɺʮΞΫΠΞೝఆαΠτϏϧμʔ - Drupal 9ʯࢼݧͷग़୊ൣғΛ໢ཏͨ͠ɺ શ7ճͷࢼݧରࡦରࡦߨ࠲Ͱ͢ɻࢼݧ߹֨Λ໨ࢦ͢ํ͸΋ͪΖΜɺDrupalΛମܥతʹֶͼͨ ͍ํʹ΋͓͢͢ΊͰ͢ɻ – DrupalΛҰ௨Γૢ࡞ͨ͜͠ͱ͕͋ΔํΛର৅ͱ͍ͯ͠·͢ɻ·ͩDrupalΛ৮ͬͨ͜ͱ͕ແ ͍ํ͸ɺॳ৺ऀ޲͚DrupalνϡʔτϦΞϧಈըʢ೔ຊޠʣΛઌʹݟ͓ͯ͘ͱΑΓཧղ͕ਂ ·Γ·͢ɻ
  3. ຊ೔ͷεϐʔΧʔ ΞΫΠΞδϟύϯ
 ؛ढ़ฌ ιϦϡʔγϣϯΤϯδχΞ ΞΫΠΞδϟύϯ
 ؙࢁͻ͔Δ ςΫχΧϧτϥϯεϨʔλʔ

  4. ΞδΣϯμ 1. ֤छઃఆΦϓγϣϯ 2. αΠτͷߏ੒؅ཧ 3. ࿅श໰୊

  5. ֤छઃఆΦϓγϣϯ

  6. Drupalͷ؀ڥઃఆ Drupalͷ֤छઃఆ͸ɺओʹ؀ڥઃఆϖʔδ͔Βߦ͑·͢

  7. Drupalͷ؀ڥઃఆ ᶃ ᶄ ᶅ ᶆ ͨ͘͞Μ͋ΔͷͰɺ͜͜Ͱ͸4ͭͷ߲໨ʹߜͬͯ঺հ͍͖ͯ͠·͢

  8. 1. ΞΧ΢ϯτͷઃఆ ΞΧ΢ϯτઃఆϖʔδͰͰ͖Δ͜ͱ – ಗ໊Ϣʔβʔͷ໊শͷมߋ – Ϣʔβʔࣗ਎͕ΞΧ΢ϯτΛొ࿥Ͱ͖ΔΑ͏ʹ͢Δ/͠ͳ͍ – ΞΧ΢ϯτ௨஌ϝʔϧͷʮࠩग़ਓʯϝʔϧΞυϨεͷઃఆ –

    DrupalαΠτͰߦΘΕΔ௨஌ϝʔϧͷຊจͷΧελϚΠζ – ΧελϜϑΟʔϧυͷ௥Ճ – ϑΥʔϜͷදࣔ؅ཧઃఆ – දࣔ؅ཧઃఆ – ຋༁
  9. – ϢʔβʔΞΧ΢ϯτʹʮ੏ʯʮ໊ʯʮੜ೥݄೔ʯͷϑΟʔϧυΛ௥Ճ͠Α͏ ԋश ΍ͬͯΈΑ͏

  10. 2. ςΩετϑΥʔϚοτͱΤσΟλʔ https://www.drupal.org/docs/user_guide/en/structure-text-formats.html – HTMLλά΍ςΩετ͕αΠτͰॲཧɺදࣔ͞ΕΔํ๏Λઃఆ – ΤσΟλʹ͸CKEditor͕ར༻Ͱ͖Δ
 – ඪ४Ͱ༻ҙ͞Ε͍ͯΔςΩετϑΥʔϚοτ –

    ϕʔγοΫ HTML – ੍ݶ෇͖ HTML – ϑϧ HTML – ϓϨʔϯςΩετ
  11. ΫϩεαΠτεΫϦϓςΟϯάʢXSSʣ – े෼ʹอޢ͞Ε͍ͯͳ͍αΠτͰ͸ɺ߈ܸऀ͕ଞͷϢʔβʔ͕දࣔ͢ΔWebϖʔδʹѱ ҙͷ͋ΔεΫϦϓτΛೖྗ͢ΔՄೳੑ͕͋Δ – HTML಺Ͱɺѱҙͷ͋ΔεΫϦϓτΛ஫ೖ͠ಘΔՕॴ – <script>λάɺ<a>λάͷhref΍imgଐੑɺ<iframe>ͷsrcଐੑͳͲ
 – ѱ༻Λ๷͙ͨΊʹɾɾɾ


    – ֤Ϣʔβʔ໾ׂʹରͯ͠ద੾ͳςΩετϑΥʔϚοτΛڐՄ͢Δ – ྫʣ؅ཧऀݖݶʹ͸ϑϧHTMLΛڐՄ – ྫʣίϯςϯπฤूऀʹ͸੍ݶ෇͖HTMLΛڐՄ – ྫʣಗ໊Ϣʔβʔʹ͸ϓϨʔϯςΩετͷΈΛڐՄ
  12. – CKEditorͰຊจதʹϝσΟΞΛૠೖ͢ΔͨΊͷϘλϯΛઃஔ͠Α͏ ԋश ΍ͬͯΈΑ͏

  13. 3. ը૾ελΠϧ DrupalʹΞοϓϩʔυͨ͠ը૾ʹ • άϨʔεέʔϧԽ • εέʔϧ • τϦϛϯά •

    ϦαΠζ • ճస • ม׵ • ֦ுͱτϦϛϯά ΤϑΣΫτΛ௥Ճ͢Δͱɾɾ ͍ΖΜͳݟͤํ͕Ͱ͖Δʂ ਖ਼ํܗ άϨʔ
 εέʔϧ ίϯςϯπͷ දࣔ؅ཧͳͲͰ ը૾ϑΟʔϧυʹରͯ͠ ը૾ελΠϧΛ
 ࢖༻Ͱ͖Δ ୯Ұͷը૾͔Βෳ਺ͷը૾ͱͯ͠දݱͰ͖Δ ॎԣൺݻఆͰ
 αΠζมߋ
  14. – ը૾ελΠϧΛ௥Ճͯ͠ΈΑ͏ – ਖ਼ํܗը૾ʹՃ޻͍ͨ͠৔߹͸ʁ – ΦϦδφϧը૾ͷॎԣൺΛҡ࣋͠ͳ͕ΒαΠζมߋΛߦ͏৔߹͸ʁ ԋश ΍ͬͯΈΑ͏

  15. 4. ೔෇ͱ࣌ؒͷϑΥʔϚοτ ίϯςϯπͷ දࣔ؅ཧͳͲͰ ೔෇ϑΟʔϧυʹରͯ͠ ॻࣜΛ࢖༻Ͱ͖Δ – ೔࣌ͷॻࣜΛઃఆ – ॻࣜͷ௥Ճ΍ɺطଘͷॻࣜͷฤूɺ


    ॻࣜͷ຋༁͕ߦ͑Δ
  16. – ॻࣜΛ௥Ճͯ͠ΈΑ͏ – YYYY೥MM݄DD೔ ͱ͍͏ॻࣜΛ࡞੒͢Δʹ͸ʁ ԋश ΍ͬͯΈΑ͏

  17. αΠτͷߏ੒؅ཧ

  18. Drupalͷσʔλͷछྨ DrupalαΠτͰѻΘΕΔσʔλ͸4छྨʹ෼ྨ – Content – αΠτ๚໰ऀʹදࣔ͢Δ͜ͱΛ໨తͱͨ͠ςΩετɺը૾ͳ Ͳͷ৘ใ – Configuration –

    αΠτͷಈ࡞ɺදࣔํ๏ͳͲΛఆٛ͢Δ৘ใ – ௨ৗ͸খ͞ͳςΩετͰදݱ͞ΕΔ܏޲ – State – cronδϣϒ͕࠷ޙʹ࣮ߦ͞Εͨ࣌ࠁͳͲɺ
 αΠτͷݱࡏͷঢ়ଶʹؔ͢ΔҰ࣌తͳੑ࣭ͷ৘ใ – Session – ϩάΠϯ͍ͯ͠Δ͔Ͳ͏͔΍CookieͳͲɺݸʑͷαΠτ๚໰ ऀͷαΠτͱͷ΍ΓऔΓʹؔ͢Δ৘ใ https://www.drupal.org/docs/user_guide/en/understanding-data.html
  19. Drupalͷઃఆ͸σʔλϕʔεʹอଘ͞ΕΔ͚Ͳɾɾ εςʔδϯάαΠτɺຊ൪αΠτͳͲෳ਺؀ڥ༻ҙͯ͠Δ৔߹͸ɺͲ͏΍ͬͯಉظ͢Δʁ

  20. Drupalͷσʔλͷछྨ DrupalαΠτͰѻΘΕΔσʔλ͸4छྨʹ෼ྨ – Content – αΠτ๚໰ऀʹදࣔ͢Δ͜ͱΛ໨తͱͨ͠ςΩετɺը૾ͳ Ͳͷ৘ใ – Configuration –

    αΠτͷಈ࡞ɺදࣔํ๏ͳͲΛఆٛ͢Δ৘ใ – ௨ৗ͸খ͞ͳςΩετͰදݱ͞ΕΔ܏޲ – State – cronδϣϒ͕࠷ޙʹ࣮ߦ͞Εͨ࣌ࠁͳͲɺ
 αΠτͷݱࡏͷঢ়ଶʹؔ͢ΔҰ࣌తͳੑ࣭ͷ৘ใ – Session – ϩάΠϯ͍ͯ͠Δ͔Ͳ͏͔΍CookieͳͲɺݸʑͷαΠτ๚໰ ऀͷαΠτͱͷ΍ΓऔΓʹؔ͢Δ৘ใ https://www.drupal.org/docs/user_guide/en/understanding-data.html Configuration͸YAMLܗࣜͰ
 ΤΫεϙʔτɾΠϯϙʔτͰ͖Δ ͭ·Γ...αΠτͷઃఆΛίʔυϕʔεͰ؅ཧՄೳ ͭ·Γ...όʔδϣϯ؅ཧͱࠩ෼ൺֱ͕Ͱ͖Δ
  21. Configuration Managementʢߏ੒؅ཧʣͱ͸ uuid: 302fbf40-a72a-4943-be1f-5fad8fc5c0cc name: 'λϐΦΧ٤஡ళ ·Δ஡' mail: hikaru.maruyama@acquia.com slogan:

    '' page: 403: '' 404: '' front: /node admin_compact_mode: false weight_select_max: 100 langcode: ja system.site.yml – Drupalͷߏ੒ΛYAMLܗࣜͰΤΫεϙʔτɾΠϯϙʔτग़དྷΔػೳ – هࣄͷλΠτϧ΍ຊจͳͲͷαΠτͷίϯςϯπ͸ߏ੒؅ཧʹؚ·Εͳ͍
  22. ߏ੒؅ཧΛ࢖͍࢝ΊΔ 1. ؔ࿈Ϟδϡʔϧͷ༗ޮԽ – ߏ੒؅ཧΛ࢖༻͢Δʹ͸࣍ͷϞδϡʔϧΛ༗ޮԽ͢Δ – configuration manager
 2. ߏ੒ϑΝΠϧΛ഑ஔ͢ΔσΟϨΫτϦͷ࡞੒

    – ϓϩδΣΫτϧʔτ௚Լʹ config/default σΟϨΫτϦΛ࡞੒ – σΟϨΫτϦ໊͸ͳΜͰ΋OK
 3. σΟϨΫτϦΛDrupalଆʹೝࣝͤ͞ΔઃఆΛ௥Ճ – settings.phpʹ 
 $settings['config_sync_directory'] = '../config/default'; Λ௥Ճ 1. ʢΦϓγϣϯʣDrushΛಋೖ͢Δ – Lando؀ڥͷ৔߹ɺ
 $ lando composer require drush/drush ͰΠϯετʔϧ – $ lando drush --version ͰίϚϯυΛݺͼग़͢ 
 ಉظσΟϨΫτϦ͸Ͳ͜ʹ഑ஔ͢Δ΂͖ʁ • ΢Σϒ͔ΒΞΫηεͰ͖ͳ͍Α͏ʹ
 υΩϡϝϯτϧʔτͷ֎ʹ഑ஔ͢Δ͜ͱ͕ଟ ͍ • υΩϡϝϯτϧʔτҎԼʹ഑ஔ͢Δ৔߹͸ σΟϨΫτϦ໊ʹϋογϡ஋ͳͲΛར༻ͯ͠ ਪଌ͞Εͳ͍Α͏ʹ͢Δɺ΋͘͠͸ΞΫηε Ͱ͖ͳ͍Α͏ʹapacheͳͲͰઃఆ͢Δ

  23. – ߏ੒؅ཧΛ࢖͑ΔΑ͏ʹ͠Α͏ ԋश ΍ͬͯΈΑ͏

  24. ߏ੒؅ཧͷओͳૢ࡞ – DrupalαΠτͷߏ੒ΛYAMLϑΝΠϧͱͯ͠ΤΫεϙʔτ͢Δ – $ drush config:export
 – YAMLϑΝΠϧ͔Βߏ੒ΛDrupalαΠτʹΠϯϙʔτ͢Δ –

    $ drush config:import
 – YAMLϑΝΠϧͱσʔλϕʔεͷɺߏ੒ઃఆͷࠩ෼֬ೝ – $ drush config:status
 – ߏ੒ઃఆΛίϚϯυϥΠϯ͔Β௚઀ઃఆ͢Δ – $ drush config:set system.site name 'λϐΦΧ٤஡ళ ·Δ஡'
 ؅ཧը໘͔Β΋ૢ࡞͸ߦ͑·͕͢ɺ͜͜Ͱ͸DrushίϚϯυͰͷૢ࡞Λ͝঺հ YAML ϑΝΠϧ ίʔυϕʔε σʔλϕʔ ε Πϯϙʔτ ΤΫεϙʔτ DrupalαΠτ
  25. – ίϚϯυϥΠϯͰߏ੒؅ཧΛ࢝ΊΑ͏ ԋश ΍ͬͯΈΑ͏

  26. ࿅श໰୊

  27. ࿅श໰୊1 ߏ੒؅ཧʹ͓͍ͯΠϯϙʔτɾΤΫεϙʔτ͕ߦΘΕΔσΟϨΫτϦʹ͍ͭͯɺਖ਼͍͠΋ͷΛબ୒͍ͯͩ͘͠͞ɻ
 1. settings.php ϑΝΠϧͷ $config_directories['sync'] ͷ஋ͰσΟϨΫτϦͷ৔ॴΛఆٛ͢Δɻ 2. σΟϨΫτϦ͸υΩϡϝϯτϧʔτ಺ͷ sites/default

    σΟϨΫτϦ಺Ͱ͋Ε͹೚ҙͷ໊લɺ৔ॴΛࢦఆ͢Δ ͜ͱ͕ՄೳͰ͋Δɻ 3. σΟϨΫτϦ͸ɺ΢Σϒ͔Β௚઀ΞΫηεͰ͖ͳ͍Α͏ʹ .htaccess ϑΝΠϧͳͲͰ੍ޚ͢Δ͜ͱ͕Ͱ͖Δɻ 4. σΟϨΫτϦ͸ .gitignore ϑΝΠϧʹ௥Ճ͢Δͷ͕ϕετϓϥΫςΟεͰ͋Δɻ
  28. ࿅श໰୊1 ߏ੒؅ཧʹ͓͍ͯΠϯϙʔτɾΤΫεϙʔτ͕ߦΘΕΔσΟϨΫτϦʹ͍ͭͯɺਖ਼͍͠΋ͷΛબ୒͍ͯͩ͘͠͞ɻ
 1. settings.php ϑΝΠϧͷ $config_directories['sync'] ͷ஋ͰσΟϨΫτϦͷ৔ॴΛఆٛ͢Δɻ 2. σΟϨΫτϦ͸υΩϡϝϯτϧʔτ಺ͷ sites/default

    σΟϨΫτϦ಺Ͱ͋Ε͹೚ҙͷ໊લɺ৔ॴΛࢦఆ͢Δ ͜ͱ͕ՄೳͰ͋Δɻ 3. σΟϨΫτϦ͸ɺ΢Σϒ͔Β௚઀ΞΫηεͰ͖ͳ͍Α͏ʹ .htaccess ϑΝΠϧͳͲͰ੍ޚ͢Δ͜ͱ͕Ͱ͖Δɻ 4. σΟϨΫτϦ͸ .gitignore ϑΝΠϧʹ௥Ճ͢Δͷ͕ϕετϓϥΫςΟεͰ͋Δɻ ਖ਼ղɿ3
  29. ࿅श໰୊2 DrupalͷςΩετϑΥʔϚοτʹ͍ͭͯਖ਼͍͠΋ͷΛબ୒͍ͯͩ͘͠͞ɻ
 ʢ2ͭબ୒͍ͯͩ͘͠͞ɻʣ
 1. ςΩετΤσΟλʹ͸ɺඪ४ͰCKEditorͱMarkdown͕࠾༻͞Ε͍ͯΔɻ 2. Ϣʔβʔͷ໾ׂʹԠͯ͡ɺར༻Ͱ͖ΔHTMLλάΛద੾ʹઃఆ͢Δ͜ͱ͕Ͱ͖Δɻ 3. Ϣʔβʔͷ֤໾ׂʹରͯ͠ɺ1ͭͷςΩετϑΥʔϚοτΛׂΓ౰ͯΔ͜ͱ͕Ͱ͖Δɻ 4.

    ಗ໊Ϣʔβʔʹରͯ͠͸ɺϓϨʔϯςΩετ΍ݶఆ͞ΕͨHTMLλάͷΈΛڐՄ͠ɺηΩϡϦςΟϦεΫΛܰݮͤ͞Δɻ
  30. ࿅श໰୊2 DrupalͷςΩετϑΥʔϚοτʹ͍ͭͯਖ਼͍͠΋ͷΛબ୒͍ͯͩ͘͠͞ɻ
 ʢ2ͭબ୒͍ͯͩ͘͠͞ɻʣ
 1. ςΩετΤσΟλʹ͸ɺඪ४ͰCKEditorͱMarkdown͕࠾༻͞Ε͍ͯΔɻ 2. Ϣʔβʔͷ໾ׂʹԠͯ͡ɺར༻Ͱ͖ΔHTMLλάΛద੾ʹઃఆ͢Δ͜ͱ͕Ͱ͖Δɻ 3. Ϣʔβʔͷ֤໾ׂʹରͯ͠ɺ1ͭͷςΩετϑΥʔϚοτΛׂΓ౰ͯΔ͜ͱ͕Ͱ͖Δɻ 4.

    ಗ໊Ϣʔβʔʹରͯ͠͸ɺϓϨʔϯςΩετ΍ݶఆ͞ΕͨHTMLλάͷΈΛڐՄ͠ɺηΩϡϦςΟϦεΫΛܰݮͤ͞Δɻ ਖ਼ղɿ2, 4
  31. ࿅श໰୊3 ը૾ελΠϧͷઃఆͰɺඪ४Ͱ༻ҙ͞Ε͍ͯͳ͍ΤϑΣΫτ͸ͲΕͰ͔͢ɻ
 ʢ2ͭબ୒͍ͯͩ͘͠͞ɻʣ
 1. ճస 2. άϨʔεέʔϧԽ 3. ηϐΞΧϥʔ 4.

    ؙܕʹ੾Γൈ͖ 5. ը૾֦ுࢠͷม׵
  32. ࿅श໰୊3 ը૾ελΠϧͷઃఆͰɺඪ४Ͱ༻ҙ͞Ε͍ͯͳ͍ΤϑΣΫτ͸ͲΕͰ͔͢ɻ
 ʢ2ͭબ୒͍ͯͩ͘͠͞ɻʣ
 1. ճస 2. άϨʔεέʔϧԽ 3. ηϐΞΧϥʔ 4.

    ؙܕʹ੾Γൈ͖ 5. ը૾֦ுࢠͷม׵ ਖ਼ղɿ3, 4
  33. ຊ೔ͷΞδΣϯμ͸ऴྃ

  34. ΞδΣϯμ 1. ֤छઃఆΦϓγϣϯ 2. αΠτͷߏ੒؅ཧ 3. ࿅श໰୊

  35. None