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

CraftCMSで作る!OSCの新サイト / 20201128-osc20onfk-craft

Akira Ouchi
November 28, 2020

CraftCMSで作る!OSCの新サイト / 20201128-osc20onfk-craft

OSC2020 Online Fukuokaで発表予定だったスライドです。体調不良のためキャンセルしました。

Akira Ouchi

November 28, 2020
Tweet

More Decks by Akira Ouchi

Other Decks in How-to & DIY

Transcript

  1. ࣗݾ঺հ • ͖͋ͬ͌ Ͱ͢ – .BTUPEPO !"LLJFTPGU!TPDJBMNJLVUUFSIBDIVOFOFU • &KFDUίϚϯυϢʔβʔձओ࠻ –

    ࠷ۙ͸Կ΋΍͍ͬͯͳ͍ • +BQBOFTF3BTQCFSSZ1J6TFST(SPVQ – IUUQTSBTQJKQ – ৽੡඼ͷαϯϓϧΛϨϏϡʔͱ͔
  2. ͋͐͡Μͩ • 04$΢ΣϒαΠτͷྺ࢙ͱ໰୊ • 9PPQTͷௐࠪ • $SBGU$.4͞ΘͬͯΈͨ • $SBGU$.4Ͱ04$ͷαΠτΛ࡞Δ •

    ෦෼త9PPQTԆ໋ • ΦϯϥΠϯΠϕϯτରԠ • ͦͷͨ • શϖʔδɻ΍ΕΔͷ͔ʁ
  3. 04$ͷαΠτʢچʣͷத਎ • 9PPQT B+1  – &6$+1 – 1)1͘Β͍·ͰͰͨͿΜݶք –

    $FOU04͔ΒઌͨͿΜͳ͠ • 8FCαΠτσβΠϯ – Θ͕ͨͭͬͨ͘͠ ʙ – όφʔը૾ੜ੒ʹ࢖ͬͯΔ1IPUP4IPQ $4͕࣍ ͷNBD04$BUBMJOBͰ͍Α͍ΑͩΊʹͳΓͦ͏ – ϨεϙϯγϒʜͳʹͦΕ͓͍͍͠ͷ
  4. 90014ͷߏ଄ 04$͋ͨΓ • ෳ਺ͷϞδϡʔϧͳͲ͕҉༂ • FWFOUSFTFSWϞδϡʔϧ ಺੡ • FHVJEFϞδϡʔϧ FWFOUSTWͷ॓ओ

    – ΄΅ݻఆϖʔδఔ౓ͷӡ༻ • LPLVEBTFDUJPOϞδϡʔϧ – 90014ͷ%#Λແࢹͨ͠ݻఆϖʔδ؅ཧ – YGTFDUJPO͕ηΩϡϦςΟ໰୊ʹର͢Δ୅ସ – ಺੡ɻҰԠΦʔϓϯιʔε • ձһ؅ཧϝʔϧૹ৴ͱ͔ʹ࢖͏ ҋ
  5. Ҡߦʹ͸ͨ͘͞Μͷ՝୊͕ • ৽γεςϜͷબఆ – 90014ܧଓ͔ผͷ΋ͷΛ࢖͏͔಺੡͔ • 8FCσβΠϯ – Θͨ͠ΌσβΠφʔ͡Όͳ͍ •

    ݱࡏͷϫʔΫϑϩʔௐࠪ – 04$͸ຊۀͰ͸ͳ͍ͷͰࣄ຿ہ͕Ͳ͏͍͏࡞ۀ Λ͍ͯ͠Δ͔·Ͱ೺Ѳ͍ͯ͠ͳ͍ • ࡞ۀ࣌ؒ – ຊۀͷยखؒͰ΍Δ͜ͱΛ҉ʹظ଴͞Ε͍ͯΔʂ
  6. ࠷৽ͷ90014ΛΈΑ͏ • ྺ࢙తܦҢ͔Βݱࡏͭͷ90014͕͋Δ • ຊՈ90014 – ΋ͱ΋ͱͷ೔ຊਓ։ൃ͔ΒҾ͖ܧ͍ͩ ֎ਓΒʹΑΔ΋ͷ • 90014$VCF

    – ೔ຊਓ͕ͷ͋ͱΛଓ͚͍ͯΔ΍ͭ – ͷ͸͕ͣɺίϛοτཤྺ͸֎ਓ΄΅Ұਓ • Ͳͬͪ΋ಈ͔ͯ͠Έͨʢ˞೥຤࣌఺ ͷ֬ೝ݁ՌͰ͢ʣ
  7. 9PPQT $VCFͷײ૝ • 1)1؀ڥͰಈ͘ • աڈͱޓ׵ੑΛҡ࣋͢ΔͨΊʹ6*͕൥ࡶ – ֎ਓ͕6*΋ؤுͬͯΔΒ͍͕͠ • Ϟδϡʔϧ͸65'ରԠͱEFQSFDBUFEͳ

    1)1Τϥʔ͕ඞཁ – FWFOUSFTFSWF͸Ϣʔβʔొ࿥ͷվम΋ඞཁ – ͠ΜͰ͠·͍·͢ • ͪΐͬͱ೰·͍͠
  8. ͬͪ͜ͷϖʔδ • ࠂ஌༻ϖϥΠνϖʔδ – ͜ͷ63-Λ঺հ͍ͯ͠Δʁ৔߹΋͋ΔΒ͍͠ • ֎஫ͯ͠σβΠϯ࡞ͬͯ΋Βͬͨ – CPPUTUSBQ –

    ΋ͪΖΜϨεϙϯγϒରԠ • $SBGU$.4࠾༻ • ϚϧναΠτରԠ – ઃఆΛݟͯΔͱଟগڧҾͳงғؾ΋ײͭͭ͡
  9. ࡞ۀ୲౰ • ࢼ࡞ Զ • ఏҊ Զ • ࣄ຿ہ͔ΒͷώΞϦϯά Զ

    • ઃܭ Զ • ࣮૷ Զ • ςετ Զͱࣄ຿ہʹΑΓࡶख࡞ۀ – ୭͔ʔʔʂʂʢΞ˓αμΠϨΫτίʔφʔʣ • ϚχϡΞϧ੔උͱӡ༻αϙʔτ Զ
  10. σβΠφʔͷ࡞ۀͷྲྀΕ フィールドA フィールドB フィールドC フィールドD ページに必要な フィールド(パーツ)を作る セクション index.html フィールドA

    フィールドC フィールドB フィールドD フィールド(パーツ)を使って ページ(セクション)を作る テンプレート名もここで指定 デザイナー デザイナー
  11. σβΠφʔͷ࡞ۀͷྲྀΕ フィールド フィールド フィールド フィールド ページに必要な フィールド(パーツ)を作る セクション index.html フィールド

    フィールド フィールド フィールド フィールド(パーツ)を使って ページ(セクション)を作る テンプレート名もここで指定 デザイナー デザイナー セクションに合わせて ページテンプレートを書く デザイナー index.html <h1>{{ title }}</h1> <h2>開催概要</h2> 開催日{{ date }} 会場 {{ venue }} <h2>懇親会</h2> <a href=“{{ url }}”>も うしこみ</a>
  12. ߦྻ • ෳ਺ϑΟʔϧυ ྻ ΛݻΊʹͨ͠΋ͷΛ ϒϩοΫ ߦ ͱͨ͠΋ͷ • ͭͷߦྻʹෳ਺ϒϩοΫΛ͓͚Δ

    • ฤूϖʔδͰ͸ɺϒϩοΫΛෳ਺ճ௥Ճ ͯ͠ίϯςϯπͱͯ͠഑ஔͰ͖Δ • 04$ͷτοϓϖʔδͰ࢖༻͞Ε͍ͯΔ
  13. ςϯϓϨʔτ͔Βͷࢀর • ϑΟʔϧυΛ࡞Δͱ͖ʹࢦఆ͢Δʮϋϯ υϧʯΛ࢖༻ • ϑΟʔϧυʹΞΠςϜ͕ෳ਺͋Δ͔Ͳ͏ ͔Ͱѻ͍͕গ͠ҧ͏ • ͔ͭ͠ͳ͍ʢςΩετͱ͔ʣ –

    FOUSZPTD&OUSZ&YIJCJU%FTDSJQUJPO • ෳ਺͋ΔʢΞηοτͱ͔ߦྻͱ͔ʣ – ͚ͭͩऔΔFOUSZPTD&OUSZ-PHPPOF – શ෦औΔFOUSZFYIJCJU5BCMFBMM
  14. ηΫγϣϯ͸छྨ • γϯάϧ – ୯Ұͷϖʔδ – 04$ͩͱτοϓϖʔδΈ͍ͨͳͷ • νϟωϧ –

    ϒϩάతͳ΋ͷ – ΤϯτϦʔϖʔδͱΠϯσοΫεϖʔδ • ετϥΫνϟʔ – ฒ΂ସ͕͑ՄೳͳΤϯτϦʔͷ؅ཧ – ϖʔδͷϝχϡʔ෦෼ͱ͔ʹ࢖͑Δ
  15. ΫΤϦʔͷ஫ҙ • Կ΋ߟ͑ͣʹςϯϓϨʔτͰϧʔϓΛճ͢ͱ 42-ΫΤϦʔ͕ΊͪΌͪ͘Ό૿͑Δ – ྫΞηοτΛؚΉΤϯτϦʔΛΫΤϦʔͯ͠ ϧʔϓΛճͯ͠ΞηοτΛಡΉ • 42-ͷ/ ໰୊

    – IUUQTEPDTDSBGUDNTDPNWEFWFBHFS MPBEJOHFMFNFOUTIUNM • &BHFS-PBEJOHͰճආ – 04$τοϓϖʔδˠΫΤϦʔʹ  • ·ͩݮΒͤͦ͏ͳؾ͸͢Δ
  16. 04$چαΠτͷίϯςϯπฤू • ࣄ຿ہ͕90014ͷϒϩοΫʹ)5.-खॻ͖ – τοϓϖʔδ • ༷ʑͳ͓஌Βͤ • ࢀՃஂମҰཡ •

    ϩΰ • ܠ඼ – లࣔϒʔεҰཡ • ςΩετهड़ – ηϛφʔৄࡉ • ಾ$47 ࡞ͬͨͷࢲ͚ͩͲ Ξοϓϩʔυ – 04$αϙʔλʔ
  17. $SBGU$.4Ͱͷਃ͠ࠐΈσʔλ ؅ཧ • νϟωϧηΫγϣϯΛ࢖͍ɺਃ͠ࠐΈ ΤϯτϦʔͱͯ͠σʔλೖྗͯ͠΋Β͏ – ஂମ໊ɾϩΰ63-ɾࢀՃ۠෼ʜͷλϒ – లࣔ৘ใͷλϒ –

    ηϛφʔ৘ใͷλϒ • ֤ϖʔδͰΫΤϦʔػೳΛ࢖ͬͯਃ͠ࠐ ΈσʔλΛݺͼग़ͯ͠ॲཧ͠ɺϖʔδΛ ࣗಈੜ੒ – ֤ϖʔδͷฤू࡞ۀ͕ͳ͘ͳΔ
  18. $SBGU$.4ͷ طଘίϯςϯπ޲͚ରԠ • τοϓϖʔδͷطଘίϯςϯπ΋ਃ͠ࠐ Έσʔλ͔Βࢀর͢ΔΑ͏ʹมߋ • ηϛφʔͷߨԋऀͷ৘ใ – ෳ਺ਓೖྗՄೳ –

    ߨԋऀͷإࣸਅͷΞοϓϩʔυରԠ – τοϓϖʔδͷʮ஫໨ͷηογϣϯʯͰࢀর Ͱ͖ΔΑ͏ʹͨ͠ • ڠࢍϩΰ – ߦ͋ͨΓͷܝࡌ਺ΛՄมʹͯ۠͠෼ରԠ
  19. 04$αϙʔλʔ • νϟωϧηΫγϣϯΛ࢖༻ͯ͠ɺαϙʔ λʔΤϯτϦʔͱͨ͠ – ໊લɾΞΠίϯɾαϙʔλʔ۠෼ • ։࠵୯Ґͷαϙʔλʔ͸։࠵αΠτ಺ͷηΫ γϣϯͰ؅ཧ •

    ೥ؒαϙʔλʔ͸04$τοϓϖʔδαΠτ ͷηΫγϣϯͰ؅ཧ • ֤τοϓϖʔδͰΫΤϦػೳͰݺͼग़ͯ͠ग़ ྗ • $47ϑΝΠϧ؅ཧͳͲΛഇࢭ
  20. ࣄલਃ͠ࠐΈ͚ͩܧଓ • ࣄલొ࿥ͬΆ͍͜ͱ͸$SBGUͰ΍Δʹ͸༗ঈ ͷԿ͔͕ඞཁͦ͏͔ͭ΍ΕΔࣗ৴͕ͳ͍ͷͰ ݟૹͬͨ • $FOU04 1)1 Ͱಈ͘Α͏ʹ90014ຊ ମͱඞཁͳϞδϡʔϧΛखೖΕ

    • ཁΒͳ͍Ϟδϡʔϧ͸੾Γࣺͯ • 65'ʹͨ͠ • λΠϜςʔϒϧ͔Β$SBGUʹϦϯΫ͢ΔରԠ • σβΠϯΛ$SBGUଆʹ߹ΘͤΔͨΊͷվ଄
  21. 1)1ˠରԠ65'Խ • ̈όΠϒϧ̈ – IUUQTXXXQIQOFUNBOVBMKBNJHSBUJP OQIQ • ͍͓ͪ͏·Ͱಈ͘ͷ͸ݟ͚ͨͲͰ – Y͸ಈ͔ͳ͔ͬͨ

    • 65'Խ͸΄΅ݴޠϑΝΠϧͷม׵ͷΈ ͰࡁΜͩ – ϋʔυίʔσΟϯάతͳ΋ͷ͸ݴޠϑΝΠϧ ΁Ҡಈ
  22. σβΠϯͷରԠ • ֤)5.-ςϯϓϨʔτΛCPPUTUSBQతͳද ݱʹมߋ • ϑΥʔϜྨͷ)5.-͕$MBTTʹϕλॻ͖ ʢʂʂʂʣ – $MBTTΛܧঝͯ͠04$༻ΫϥεΛ༻ҙ –

    CPPUTUSBQతͳϑΥʔϜͷύʔπΛ࡞੒ • ϝΠϯαΠτͱ͸ผͱ͍͏ҙຯΛࠐΊͯ ϔομʔͷ৭Λม͑ͨ
  23. ಺෦  • ෦԰ͷ৘ใʢετϥΫνϟηΫγϣϯʣ – ෦԰໊ – :PVUVCF -JWFͷಈը*% •

    ਃ͠ࠐΈσʔλͷηϛφʔ৘ใͰ෦԰Λ ࢦఆͯ͠΋Β͏ – ຒΊࠐΜͩಈըͷ෦԰ʹ͋ͬͨηϛφʔ৘ใ Λग़ྗ͢ΔͨΊʹ࢖༻͢Δ
  24. ಺෦  • ਃ͠ࠐΈσʔλͷηϛφʔ։࢝ɾऴྃ࣌ ؒΛࢀরͯ͠ɺൃදதͷηϛφʔ৘ใΛ ग़ྗ • ࣍ͷηϛφʔʹ੾ΓସΘΔλΠϛϯάͰ ࣗಈϦϩʔυ –

    ݱࡏ࣌ࠁͱ࣍ͷηϛφʔ։͔࢝࣌ؒΒܭࢉ – ඞཁʹԠͯ͡ແޮԽ΋Մೳ • ͜ͷͱ͖͸ηϛφʔ৘ใ͸ߋ৽͞Εͳ͍ – ࣌ࠁͷܭࢉ͕݁ߏෳࡶʹͳͬͨ
  25. ΦϯϥΠϯͪΒ͠ • νϥγ͕ΦϯϥΠϯԽ ͞Εͨ – লࢿݯԽͰྑ͍Ͱ͢ Ͷ • ͢Ͱʹ࡞͍ͬͯͨҰൠ هࣄηΫγϣϯʹɺ

    1%'ΛຒΊࠐΉͨΊͷ ߦྻϑΟʔϧυͷϒ ϩοΫΛ࡞੒ • μ΢ϯϩʔυͷΧ΢ϯ τʹରԠ
  26. εϥΠυͷຒΊࠐΈ • ηϛφʔͷৄࡉϖʔδʹ εϥΠυΛຒΊࠐΈ – εϥΠυܥαΠτ͸ 4QFBLFSEFDLͱ 4MJEFTIBSFʹରԠ – 1%'ຒΊࠐΈ΋ରԠ

    • ैདྷ͸Πϕϯτޙʹ63- ΛूΊͯ·ͱΊϖʔδʹ ਓྗ)5.-ͰϦϯΫܝࡌ – ਃ͠ࠐΈσʔλ͔Βͷ ࢀরͰࣗಈੜ੒Խ コロナલ͔ΒωλΛԹΊͯ ࡞Γ͔͚͍ͯͨͷ͕ҖྗΛൃش
  27. $.4पΓ͕Ұஈམͨ͠Β ࣍͸αʔόʔपΓ • ͕࣌ؒͳ͍ͷͰׂѪ • 6CVOUV4FSWFSΛଈ࠾༻ • -9%Ͱ͍͔ͭ͘ͷίϯςφʹࡉ෼Խ • ϦόʔεϓϩΩγ΍աڈͷҨ࢈ͱͷ֨ಆ

    • "OTJCMFͰ-9%ϗετɾίϯςφɾ$.4 ߏஙखॱͷίʔυ؅ཧԽ • ͳͲͳͲɺ΍Γ·ͨ͠ – ৄ͘͠ฉ͔ͤͯʂͳͲ͋Ε͹ͥͻΞϯέʔτ ΍5XJUUFSϋογϡλά΁