CraftCMSで作る!OSCの新サイト / 20200222-osc20tk-craft

74476e142a767a018d68c5e72e34ee2f?s=47 Akira Ouchi
February 18, 2020

CraftCMSで作る!OSCの新サイト / 20200222-osc20tk-craft

OSC2020 Tokyo/Spring(コロナウィルスの影響により中止)で発表予定だったスライドです。

74476e142a767a018d68c5e72e34ee2f?s=128

Akira Ouchi

February 18, 2020
Tweet

Transcript

  1. 1.

    εϥΠυڙཆ • ͜ͷεϥΠυ͸04$5PLZP4QSJOHͰ࿩͢༧ఆͩͬͨεϥΠυͰ͢ • ίϩφ΢Οϧε౳ͷӨڹʹΑΓ04$͕தࢭʹͳͬͨͨΊൃදͰ͖ͳ͘ͳΓ·͕ͨ͠ ͔ͤͬ͘ͳͷͰެ։͠·͢ • ͥͻࢲ͕͍ͭ΋ͷ͋ͷςϯγϣϯͰ஻ͬͯΔ༷ࢠΛ૝૾͠ͳ͕Β͓ಡΈ͍ͩ͘͞ ʢͲͷςϯγϣϯʁʣ •

    ػձ͕͋Ε͹Ͳ͔͜Ͱ࿩͠·͢ ʉʉʉʉʉʉ˓ʉʉʉʉʉʉʉʉʉʉʉʉʉʉʉʉʉʉʉʉʉʉʉʉʉ 0ɻ ᴷʋ ʊʊʊʊʊʊʊʊ  ʘʌʘ ʗʉʉʉʉʉʉʉʉʉ cʊʊcʊʊcʊʊcʊ @@ʢʢ㱼ʆʘ ʣʻ ͓࿩Λ͢Δͭ΋Γͩͬͨͷα cʊcʊʊcʊʊcʊʊ ʗϊ΁ʍb`b ʋ ʘʊʊʊʊʊʊʊʊʊ ccʊʊc ccʘʆʣ  ခ cʊcʊc ဓဓဓ cʘ@@ʉʉ㱬cခ cʊʊccဓਓਓဓ c ʘʊʊccc cʊcʊcʗʋʌʘ  ʍcc ᴷᴷᴷᴷᴷᴷᴷᴷ dʙʋcʗ ʹ ͸͡·Δ ʹ
  2. 3.

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

    +BQBOFTF3BTQCFSSZ1J6TFST(SPVQ • ࠓճ΋లࣔ͸ˢͭ΍ͬͯ·͢ • Έʹ͖ͯͶ
  3. 4.
  4. 9.

    04$ͷαΠτͷத਎ • 9PPQT B+1  – &6$+1 – 1)1͘Β͍·ͰͰͨͿΜݶք –

    $FOU04͔ΒઌͨͿΜͳ͠ • 8FCαΠτσβΠϯ – Θ͕ͨͭͬͨ͘͠ ʙ – όφʔը૾ੜ੒ʹ࢖ͬͯΔ1IPUP4IPQ $4͕࣍ ͷNBD04$BUBMJOBͰ͍Α͍ΑͩΊʹͳΓͦ͏ – ϨεϙϯγϒʜͳʹͦΕ͓͍͍͠ͷ
  5. 11.

    90014ͷߏ଄ 04$͋ͨΓ • ෳ਺ͷϞδϡʔϧͳͲ͕҉༂ • FWFOUSFTFSWϞδϡʔϧ ಺੡ • FHVJEFϞδϡʔϧ FWFOUSTWͷ॓ओ

    – ΄΅ݻఆϖʔδఔ౓ͷӡ༻ • LPLVEBTFDUJPOϞδϡʔϧ – 90014ͷ%#Λແࢹͨ͠ݻఆϖʔδ؅ཧ – YGTFDUJPO͕ηΩϡϦςΟ໰୊ʹର͢Δ୅ସ – ಺੡ɻҰԠΦʔϓϯιʔε • ձһ؅ཧϝʔϧૹ৴ͱ͔ʹ࢖͏ ҋ
  6. 22.

    90014$VCF • IUUQTYPPQTDVCFKQ • ύοέʔδϦϦʔε – 900149%JTUSJCVUJPO  – 9PPQT

    $VCF-FHBDZ  • 9$-ͱͯ͠(JU)VCͰ։ൃத – ࠷ۙ΋·͋·͋ίϛοτ͸͋Δ
  7. 25.

    90014 ຊՈ • IUUQTYPPQTPSH •   • 1)1.Z42-ରԠ •

    (JU)VC – IUUQTHJUIVCDPN900149PPQT$PSF • ։ൃ͸ͪ͜ΒʢͳͥϦϙ໊ม͑ͨʣ – IUUQTHJUIVCDPN900149PPQT$PSF
  8. 29.
  9. 31.

    ͬͪ͜ͷϖʔδ • ࠂ஌༻ϖϥΠνϖʔδ – ͜ͷ63-Λ঺հ͍ͯ͠Δʁ৔߹΋͋ΔΒ͍͠ • ֎஫ͯ͠σβΠϯ࡞ͬͯ΋Βͬͨ – CPPUTUSBQ –

    ΋ͪΖΜϨεϙϯγϒରԠ • $SBGU$.4࠾༻ • ϚϧναΠτରԠ – ઃఆΛݟͯΔͱଟগڧҾͳงғؾ΋ײͭͭ͡
  10. 38.

    ࡞ۀ୲౰ ͷ͜Γ • ࢼ࡞ Զ • ఏҊ Զ • ࣄ຿ہ͔ΒͷώΞϦϯά

    Զ • ઃܭ Զ • ࣮૷ Զ • ςετ Զͱࣄ຿ہʹΑΓࡶख࡞ۀ – ୭͔ʔʔʂʂʢΞ˓αμΠϨΫτίʔφʔʣ • ϚχϡΞϧ੔උͱӡ༻αϙʔτ Զ
  11. 47.

    σβΠφʔͷ࡞ۀͷྲྀΕ フィールド フィールド フィールド フィールド ページに必要な フィールド(パーツ)を作る セクション index.html フィールド

    フィールド フィールド フィールド フィールド(パーツ)を使って ページ(セクション)を作る テンプレート名もここで指定 デザイナー デザイナー
  12. 51.

    σβΠφʔͷ࡞ۀͷྲྀΕ フィールド フィールド フィールド フィールド ページに必要な フィールド(パーツ)を作る セクション index.html フィールド

    フィールド フィールド フィールド フィールド(パーツ)を使って ページ(セクション)を作る テンプレート名もここで指定 デザイナー デザイナー セクションに合わせて ページテンプレートを書く デザイナー index.html <h1>{{ title }}</h1> <h2>開催概要</h2> 開催日{{ date }} 会場 {{ venue }} <h2>懇親会</h2> <a href=“{{ url }}”>も うしこみ</a>
  13. 55.

    ߦྻ • ෳ਺ϑΟʔϧυ ྻ ΛݻΊʹͨ͠΋ͷΛ ϒϩοΫ ߦ ͱͨ͠΋ͷ • ͭͷߦྻʹෳ਺ϒϩοΫΛ͓͚Δ

    • ฤूϖʔδͰ͸ɺϒϩοΫΛෳ਺ճ௥Ճ ͯ͠ίϯςϯπͱͯ͠഑ஔͰ͖Δ • 04$ͷτοϓϖʔδͰ࢖༻͞Ε͍ͯΔ
  14. 56.

    ςϯϓϨʔτ͔Βͷࢀর • ϑΟʔϧυΛ࡞Δͱ͖ʹࢦఆ͢Δʮϋϯ υϧʯΛ࢖༻ • ϑΟʔϧυʹΞΠςϜ͕ෳ਺͋Δ͔Ͳ͏ ͔Ͱѻ͍͕গ͠ҧ͏ • ͔ͭ͠ͳ͍ʢςΩετͱ͔ʣ –

    FOUSZPTD&OUSZ&YIJCJU%FTDSJQUJPO • ෳ਺͋ΔʢΞηοτͱ͔ߦྻͱ͔ʣ – ͚ͭͩऔΔFOUSZPTD&OUSZ-PHPPOF – શ෦औΔFOUSZFYIJCJU5BCMFBMM
  15. 58.

    ηΫγϣϯ͸छྨ • γϯάϧ – ୯Ұͷϖʔδ – 04$ͩͱτοϓϖʔδΈ͍ͨͳͷ • νϟωϧ –

    ϒϩάతͳ΋ͷ – ΤϯτϦʔϖʔδͱΠϯσοΫεϖʔδ • ετϥΫνϟʔ – ฒ΂ସ͕͑ՄೳͳΤϯτϦʔͷ؅ཧ – ϖʔδͷϝχϡʔ෦෼ͱ͔ʹ࢖͑Δ
  16. 63.

    ΫΤϦʔͷ஫ҙ • Կ΋ߟ͑ͣʹςϯϓϨʔτͰϧʔϓΛճ͢ͱ 42-ΫΤϦʔ͕ΊͪΌͪ͘Ό૿͑Δ – ྫΞηοτΛؚΉΤϯτϦʔΛΫΤϦʔͯ͠ ϧʔϓΛճͯ͠ΞηοτΛಡΉ • 42-ͷ/ ໰୊

    – IUUQTEPDTDSBGUDNTDPNWEFWFBHFS MPBEJOHFMFNFOUTIUNM • &BHFS-PBEJOHͰճආ – 04$τοϓϖʔδˠΫΤϦʔʹ  • ·ͩݮΒͤͦ͏ͳؾ͸͢Δ
  17. 65.

    04$ͷݱࡏͷίϯςϯπฤू • ࣄ຿ہ͕90014ͷϒϩοΫʹ)5.-खॻ͖ – τοϓϖʔδ • ༷ʑͳ͓஌Βͤ • ࢀՃஂମҰཡ •

    ϩΰ • ܠ඼ – లࣔϒʔεҰཡ • ςΩετهड़ – ηϛφʔৄࡉ • ಾ$47 ࡞ͬͨͷࢲ͚ͩͲ Ξοϓϩʔυ – 04$αϙʔλʔ
  18. 68.

    ਃ͠ࠐΈΤϯτϦʔ • $SBGU$.4ͷΤϯτϦʔͱͯ͠ਃ͠ࠐΈ σʔλΛೖྗͯ͠΋Β͏ – ஂମ໊ɾϩΰ63-ɾࢀՃ۠෼ʜͷλϒ – లࣔ৘ใͷλϒ – ηϛφʔ৘ใͷλϒ

    • ೖྗ͞Εͨਃ͠ࠐΈσʔλΛ$SBGU$.4ͷ ΫΤϦʔػೳͰॲཧͯ͠ϖʔδࣗಈੜ੒ – ֤ϖʔδͷฤू࡞ۀ͕ܰݮ͞ΕΔ
  19. 71.

    $SBGU$.4ͷ طଘίϯςϯπ޲͚ରԠ • τοϓϖʔδͷطଘίϯςϯπ΋ਃ͠ࠐ Έσʔλ͔Βࢀরʹมߋ • ηϛφʔͷߨԋऀͷ৘ใ – ෳ਺ਓೖྗՄೳ –

    ߨԋऀͷإࣸਅͷΞοϓϩʔυରԠ – τοϓϖʔδͷʮ஫໨ͷηογϣϯʯͰࢀর Ͱ͖ΔΑ͏ʹͨ͠ • ڠࢍϩΰ – ߦ͋ͨΓͷܝࡌ਺ΛՄมʹͯ۠͠෼ରԠ
  20. 73.

    ਐ௙ • ϖʔδ࡞੒͸݁ߏͰ͖ͨ – λΠϜςʔϒϧͲ͏͠Α͏ͳ͋ • σβΠφʔ͞ΜʹґཔதͰ͸͋Δ΋ͷͷ – FHVJEFͰ΍ͨΒ࡞Γࠐ·ΕͨϑΥʔϜ໰୊ •

    (PPHMFϑΥʔϜͰ΋͍͍͔΋ • ੾Γସ͑΋΅ͪ΅ͪ – 90014ͱ$SBGU$.4ΛߦͬͨΓདྷͨΓ͢ΔΑ͏ ʹͳ͍ͬͯΔ͸ͣ – τοϓϖʔδͷ੾Γସ͑ΛͲ͏͢Δ͔ͷݕ౼ʹೖ Δͱ͜Ζ
  21. 75.

    ·ͱΊ • 04$ͷαΠτࠓ౓ͦ͜ͳΜͱ͔͢Δ – Կ౓໨͔ຊ౰ʹΘ͔ΒΜ͚Ͳ • $SBGU$.4݁ߏ໘ന͍ – ֎஫σβΠϯ͕͋ͬͨͷͰָ͕Ͱ͖ͨ •

    04$ͷαΠτߏஙΛ௨ͯ͡$SBGU$.4ͷ ৘ใൃ৴΋͍͚ͯͨ͠Β͍͍ͳ • ৽04$αΠτ΁ͷϑΟʔυόοΫ͸04$ ͷαΠτ͔Β͓ؾܰʹ͍ͩ͘͞