ゼロコーディングで WordPress サイト制作ハンズオン

WordCamp Kansai 2016 （ https://2016.kansai.wordcamp.org/ ）で行われたハンズオンのスライドです。

その他、資料はこちら
https://github.com/wckansai2016/zerocoding-hands-on/blob/master/README.md

Transcript

1. θϩίʔσΟϯάͰ
   8PSE1SFTT
   αΠτ੍࡞
   ϋϯζΦϯ 
   8PSE$BNQ
   ,BOTBJ
   
   ຊ೔ͷઆ໌ࢿྉ͸ͪ͜Β͔Β
   IUUQTHJUIVCDPNXDLBOTBJ[FSPDPEJOHIBOETPO
2. ੈ࿩໾ͷ঺հ γϚΩϣ΢εέ IUUQTTIJNBLZPITVLFDPN
   5XJUUFS
   !TIJNB@Y@P σβΠϯ੡࡞ձࣾͰϚʔΫΞοϓΤϯδχΞΛ͍ͯ͠·͢ɻ
3. ੈ࿩໾ͷ঺հ ઒Ҫ
   ণ඙ IUUQXXXDIFSSZQJFXFCDPN
   5XJUUFS
   !TBLVSBHJ@LFJ
   'BDFCPPL
   NBTBLBXBJ ژ౎෎෣௽ࢢͰϑϦʔϥϯεͱͯ͠8FCɾ%51੍࡞Λߦ͍ͬͯ·͢ɻ
   ೥ؒͷ౦ژͷ੍࡞ձࣾͰͷ༷ʑͳܦݧ͔ΒɺఏҊɾݟੵɾσΟϨΫγϣϯɾ ϫʔΫϑϩʔߏஙɾσβΠϯɾϓϩάϥϛϯάɾސ٬αϙʔτ·Ͱ͜ͳ͢ʮϑϧ ελοΫʢʁʣɾϑϦʔϥϯεʯͰ͢ɻγϩϋϥΠϯίͱࠇࣲ͍ݘͷύύͰ͢ɻ
4. ੈ࿩໾ͷ঺հ ;͍ͨͨͧ͡͏ IUUQKVOPOFUCJ[
   'BDFCPPL
   UBJ[PGVKJUB
   +VOPOFUͱ͍͏԰߸ͰϑϦʔϥϯεͷ8&#԰Λ΍͍ͬͯ·͢ɻ
   ຊۀΛҿ৯ళܦӦ͔Β8&#੍࡞΁ม͑ͨͨΊɺ೥ΑΓ8PSE#FODIਆށʹ ࢀՃ͠ɺܹࢗͱ஌ࣝΛ΋Β͍࢓ࣄʹͭͳ͍͛ͯ·͢ɻ
5. ੈ࿩໾ͷ঺հ ·ΏͶ͐ େࡕͷ੍࡞ձࣾͰओʹ8FC੍࡞Λ͍ͯ͠·͢ɻσΟϨΫγϣϯ͔ΒσβΠϯɺίʔ σΟϯά ɺ8PSE1SFTTςʔϚ࡞੒·Ͱ΍Γ·͢ɻ΋ͱ΋ͱ͸%51σβΠϯΛ͍ͯ͠ ͨͨΊɺύϯϑϨοτɾϑϥΠϠʔ౳ͷࢴഔମσβΠϯ΋ՄೳͰ͢ɻ޷͖ͳ΋ͷ͸ɺ 8PSE1SFTTͱϩοΫͱंͰ͢ɻ IUUQNBIJSPDLDPN
   5XJUUFS
   !NBZV@XFC
   'BDFCPPL
   NBZV
6. ੈ࿩໾ͷ঺հ ZPSJ IUUQZPSJDPN
   5XJUUFS
   !ZPSJ@PUJN
   'BDFCPPL
   ZPSJZBTVOJTIJNVSB େࡕͷ੍࡞ձࣾͰϚʔΫΞοϓΤϯδχΞΛ͍ͯ͠·͢ɻ
7. ׂ࣌ؒ w ࠓ೔΍Δ͜ͱൃද
   ʢ෼ʣˡࠓίί
   w 8PSE1SFTT
   ͷ࠷ॳͷઃఆʢ෼ʣ
   w νʔϜ෼͚
   ʢ෼ʣ
   w ΋͘΋͘
   ʢ෼ʣ˞ద౰ʹٳܜ͍ͯͩ͘͠͞Ͷʂ
   w Ϋϩʔδϯάʢ෼ʣ
8. ࠓ೔΍Δ͜ͱ
9. ࠓ೔΍Δ͜ͱ w )5.-ɾ$44ɾ+BWB4DSJQUɾ1)1
   ͱ͍ͬͨྨͷίʔυΛॻ ͔ͣʹ
   8PSE1SFTT
   αΠτΛ࡞Δɻ
 ʢγϣʔτίʔυͷίϐϖ͸ηʔϑͱ͢Δɻʣ
10. ࠓ೔΍Βͳ͍͜ͱ
11. ࠓ೔΍Βͳ͍͜ͱ w )5.-ɾ$44ɾ+BWB4DSJQUɾ1)1
    ͱ͍ͬͨྨͷίʔυΛॻ ͔ͳ͍
    w ςʔϚͷ࡞Γํ
    w ςʔϚͷࢠςʔϚԽ
    w ϓϥάΠϯͷ࡞Γํ
    w αϯϓϧαΠτʹ࢖༻͍ͯ͠ͳ͍ϓϥάΠϯͷ࢖͍ํ
12. ίʔυΛॻ͔ͳ͍ͱ
    ࣮ݱͰ͖ͳ͍͜ͱΛཧղͯ͠
    ΋Β͏ͨΊͷϋϯζΦϯͰ͢ʂ
13. ࠓ೔΍Δ͜ͱͷྲྀΕ
14. ࠓ೔΍Δ͜ͱͷྲྀΕ w ͪ͜ΒͰ༻ҙͨ͠ҎԼ
    
    ͭͷαϯϓϧαΠτͷ಺ͷ
    
    ͭΛ 
    νʔϜʹ෼͔Εͯ࡞੒͠·͢ɻ
    w ϒϩάαΠτʢςΩετ͕த৺ʣ
    w ΪϟϥϦʔαΠτʢࣸਅɾΠϥετ͕த৺ʣ
    w ίʔϙϨʔταΠτʢஂମɾاۀͳͲ͓ݎ͍ܥʣ
    w γϣοϓαΠτʢࡶ՟ɾεΠʔπͳͲ؇͍ܥʣ
15. ࡞੒͢ΔαΠτͷ঺հ
16. ࡞੒͢ΔαΠτͷ঺հ ࢖༻ͨ͠ςʔϚ
    ɾ5XFOUZ
    4JYUFFO
    
 ࢖༻ͨ͠ओͳϓϥάΠϯ
    ɾ8PSE1SFTT
    1PQVMBS
    1PTUT
    ɾ5BCMF
    PG
    $POUFOUT
    1MVT
    ಛ௃
    ɾਓؾهࣄͷදࣔ
 ɾهࣄ಺ʹ໨࣍ΛࣗಈͰੜ੒ ϒϩάαΠτ
17. ࢖༻ͨ͠ςʔϚ
    ɾ0SWJT
    
 ࢖༻ͨ͠ओͳϓϥάΠϯ
    ɾ+FUQBDL
    ɾ&BTZ
    'BODZ#PY
    ಛ௃
    ɾࣸਅ΍ΠϥετΛத৺ʹදࣔ ࡞੒͢ΔαΠτͷ঺հ ΪϟϥϦʔαΠτ
18. ࡞੒͢ΔαΠτͷ঺հ ίʔϙϨʔταΠτ ࢖༻ͨ͠ςʔϚ
    ɾ-JHIUOJOH
    
 ࢖༻ͨ͠ओͳϓϥάΠϯ
    ɾ*NBHF
    8JEHFU
    ɾ4JNQMF
    .BQ
    ಛ௃
    ɾΧϥϜͷσβΠϯͷςʔϚΛ ࢖༻
19. ࡞੒͢ΔαΠτͷ঺հ γϣοϓαΠτ ࢖༻ͨ͠ςʔϚ
    ɾ(SBQIZ
    
 ࢖༻ͨ͠ओͳϓϥάΠϯ
    ɾ.FOV
    *NBHF
    ɾ5JOZ.$&
    "EWBODFE
    ಛ௃
    ɾΧϥϜͷσβΠϯͷςʔϚΛ ࢖༻
20. ͜ͷαΠτ͸Ͳ͏΍ͬͯ࡞ͬͯΔͷʁ ˠखΛಈֶ͔ͯ͠ͼ·͠ΐ͏ʂ
21. 8PSE1SFTT
    ͷ࠷ॳͷઃఆ
22. 8PSE1SFTT
    ͷ࠷ॳͷઃఆ ҎԼͷϖʔδͰઆ໌͍ͨ͠·͢ɻ
    63-
    IUUQTHJUIVCDPNXDLBOTBJ[FSPDPEJOHIBOETPOCMPC NBTUFSqPXBMMNE
    ͢ͰʹઃఆࡁΈͷํ΋͓ΒΕΔ͔ͱࢥ͍·͢ͷͰۦ͚଍Ͱઆ໌͠· ͢ɻ
    Θ͔Βͳ͍͜ͱ͕͋Ε͹ੈ࿩໾ʹฉ͍͍ͯͩ͘͞Ͷɻ
    
23. ॾ஫ҙ w ੈ࿩໾͸
    8PSE1SFTT
    ͷ͜ͱΛશͯཧղ͍ͯ͠Δ௒ਓͰ͸͝ ͍͟·ͤΜɻ
    w ࠓճͷϋϯζΦϯͰ͸ɺͪ͜Β͕ࢦఆͨ͠ςʔϚɺϓϥά ΠϯͷΈΛ࢖༻͍ͯͩ͘͠͞ɻ
 ʢ਺ઍ͋ΔςʔϚɺϓϥάΠϯ͢΂ͯͷ࢖͍ํΛख़஌ͯ͠ ͍ΔΘ͚Ͱ͸͍͟͝·ͤΜɻ·ͨςʔϚʹΑͬͯ͸૝ఆ͠ ͨػೳ͕࢖͑ͳ͍ࣄ͕͋ΔͨΊͰ͢ɻʣ
24. ͱ͍͏͜ͱͰɺ
    νʔϜ෼͚ʂ
25. ΋͘΋͘࡞ۀ։࢝ͷલʹ w νʔϜ಺Ͱࣗݾ঺հ͠Α͏ʂ
    w ໊͓લʢϋϯυϧωʔϜͰ΋΋ͪΖΜ0,ʂʣ
    w ݱࡏͷ৬छʢ΋ͪΖΜൿີͰ΋0,ʂʣ
    w 8PSE1SFTT
    Ͱ΍Γ͍ͨ͜ͱΞϨ͹ੋඇ͓࿩Λʂ
    w ٳܜ͸ద౰ʹͱ͍ͬͯͩ͘͞Ͷʔ
26. ϨοπνϟϨϯδʂ
27. ·ͱΊ w ίʔυΛॻ͔ͳͯ͘΋͋Δఔ౓ͷ
    8FC
    αΠτ͕࡞ΕΔʂ
    w ݟͨ໨Λ੔͍͑ͨͳΒɺ)5.-ɾ$44
    Λཧղ͠Α͏ʂ
    w αΠτ಺ͰෳࡶͳॲཧΛ͍ͨ͠ͳΒ
    1)1
    ·ͨ͸ 8PSE1SFTT
    ؔ਺Λཧղ͠Α͏ʂ
    w ςʔϚͱϓϥάΠϯΛ୳͢ͷ͸͚ͬ͜͏೉͍͠ɻɻ
 
 ͦΜͳ࣌ʹ͸ʜʜ
28. ίϛϡχςΟʹࢀՃ͠Α͏ʂ
    ʮ
    8PSE#FODI
    ʯͱݕࡧʂʂ
29. ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ
 ͝ײ૝͓଴͓ͪͯ͠Γ·͢ʂ
 ϋογϡλά͸ͪ͜Β
    XDL