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

by shimakyohsuke

Slide 1

Slide 1 text

θϩίʔσΟϯάͰ 8PSE1SFTTαΠτ੍࡞ ϋϯζΦϯ 8PSE$BNQ,BOTBJ ຊ೔ͷઆ໌ࢿྉ͸ͪ͜Β͔Β IUUQTHJUIVCDPNXDLBOTBJ[FSPDPEJOHIBOETPO

Slide 2

Slide 2 text

ੈ࿩໾ͷ঺հ γϚΩϣ΢εέ IUUQTTIJNBLZPITVLFDPN 5XJUUFS!TIJNB@Y@P σβΠϯ੡࡞ձࣾͰϚʔΫΞοϓΤϯδχΞΛ͍ͯ͠·͢ɻ

Slide 3

Slide 3 text

ੈ࿩໾ͷ঺հ ઒Ҫণ඙ IUUQXXXDIFSSZQJFXFCDPN 5XJUUFS!TBLVSBHJ@LFJ 'BDFCPPLNBTBLBXBJ ژ౎෎෣௽ࢢͰϑϦʔϥϯεͱͯ͠8FCɾ%51੍࡞Λߦ͍ͬͯ·͢ɻ ೥ؒͷ౦ژͷ੍࡞ձࣾͰͷ༷ʑͳܦݧ͔ΒɺఏҊɾݟੵɾσΟϨΫγϣϯɾ ϫʔΫϑϩʔߏஙɾσβΠϯɾϓϩάϥϛϯάɾސ٬αϙʔτ·Ͱ͜ͳ͢ʮϑϧ ελοΫʢʁʣɾϑϦʔϥϯεʯͰ͢ɻγϩϋϥΠϯίͱࠇࣲ͍ݘͷύύͰ͢ɻ

Slide 4

Slide 4 text

ੈ࿩໾ͷ঺հ ;͍ͨͨͧ͡͏ IUUQKVOPOFUCJ[ 'BDFCPPLUBJ[PGVKJUB +VOPOFUͱ͍͏԰߸ͰϑϦʔϥϯεͷ8&#԰Λ΍͍ͬͯ·͢ɻ ຊۀΛҿ৯ళܦӦ͔Β8&#੍࡞΁ม͑ͨͨΊɺ೥ΑΓ8PSE#FODIਆށʹ ࢀՃ͠ɺܹࢗͱ஌ࣝΛ΋Β͍࢓ࣄʹͭͳ͍͛ͯ·͢ɻ

Slide 5

Slide 5 text

ੈ࿩໾ͷ঺հ ·ΏͶ͐ େࡕͷ੍࡞ձࣾͰओʹ8FC੍࡞Λ͍ͯ͠·͢ɻσΟϨΫγϣϯ͔ΒσβΠϯɺίʔ σΟϯά ɺ8PSE1SFTTςʔϚ࡞੒·Ͱ΍Γ·͢ɻ΋ͱ΋ͱ͸%51σβΠϯΛ͍ͯ͠ ͨͨΊɺύϯϑϨοτɾϑϥΠϠʔ౳ͷࢴഔମσβΠϯ΋ՄೳͰ͢ɻ޷͖ͳ΋ͷ͸ɺ 8PSE1SFTTͱϩοΫͱंͰ͢ɻ IUUQNBIJSPDLDPN 5XJUUFS!NBZV@XFC 'BDFCPPLNBZV

Slide 6

Slide 6 text

ੈ࿩໾ͷ঺հ ZPSJ IUUQZPSJDPN 5XJUUFS!ZPSJ@PUJN 'BDFCPPLZPSJZBTVOJTIJNVSB େࡕͷ੍࡞ձࣾͰϚʔΫΞοϓΤϯδχΞΛ͍ͯ͠·͢ɻ

Slide 7

Slide 7 text

ׂ࣌ؒ w ࠓ೔΍Δ͜ͱൃදʢ෼ʣˡࠓίί w 8PSE1SFTTͷ࠷ॳͷઃఆʢ෼ʣ w νʔϜ෼͚ʢ෼ʣ w ΋͘΋͘ʢ෼ʣ˞ద౰ʹٳܜ͍ͯͩ͘͠͞Ͷʂ w Ϋϩʔδϯάʢ෼ʣ

Slide 8

Slide 8 text

ࠓ೔΍Δ͜ͱ

Slide 9

Slide 9 text

ࠓ೔΍Δ͜ͱ w )5.-ɾ$44ɾ+BWB4DSJQUɾ1)1ͱ͍ͬͨྨͷίʔυΛॻ ͔ͣʹ8PSE1SFTTαΠτΛ࡞Δɻ  ʢγϣʔτίʔυͷίϐϖ͸ηʔϑͱ͢Δɻʣ

Slide 10

Slide 10 text

ࠓ೔΍Βͳ͍͜ͱ

Slide 11

Slide 11 text

ࠓ೔΍Βͳ͍͜ͱ w )5.-ɾ$44ɾ+BWB4DSJQUɾ1)1ͱ͍ͬͨྨͷίʔυΛॻ ͔ͳ͍ w ςʔϚͷ࡞Γํ w ςʔϚͷࢠςʔϚԽ w ϓϥάΠϯͷ࡞Γํ w αϯϓϧαΠτʹ࢖༻͍ͯ͠ͳ͍ϓϥάΠϯͷ࢖͍ํ

Slide 12

Slide 12 text

ίʔυΛॻ͔ͳ͍ͱ ࣮ݱͰ͖ͳ͍͜ͱΛཧղͯ͠ ΋Β͏ͨΊͷϋϯζΦϯͰ͢ʂ

Slide 13

Slide 13 text

ࠓ೔΍Δ͜ͱͷྲྀΕ

Slide 14

Slide 14 text

ࠓ೔΍Δ͜ͱͷྲྀΕ w ͪ͜ΒͰ༻ҙͨ͠ҎԼͭͷαϯϓϧαΠτͷ಺ͷͭΛ νʔϜʹ෼͔Εͯ࡞੒͠·͢ɻ w ϒϩάαΠτʢςΩετ͕த৺ʣ w ΪϟϥϦʔαΠτʢࣸਅɾΠϥετ͕த৺ʣ w ίʔϙϨʔταΠτʢஂମɾاۀͳͲ͓ݎ͍ܥʣ w γϣοϓαΠτʢࡶ՟ɾεΠʔπͳͲ؇͍ܥʣ

Slide 15

Slide 15 text

࡞੒͢ΔαΠτͷ঺հ

Slide 16

Slide 16 text

࡞੒͢ΔαΠτͷ঺հ ࢖༻ͨ͠ςʔϚ ɾ5XFOUZ4JYUFFO   ࢖༻ͨ͠ओͳϓϥάΠϯ ɾ8PSE1SFTT1PQVMBS1PTUT ɾ5BCMFPG$POUFOUT1MVT ಛ௃ ɾਓؾهࣄͷදࣔ  ɾهࣄ಺ʹ໨࣍ΛࣗಈͰੜ੒ ϒϩάαΠτ

Slide 17

Slide 17 text

࢖༻ͨ͠ςʔϚ ɾ0SWJT   ࢖༻ͨ͠ओͳϓϥάΠϯ ɾ+FUQBDL ɾ&BTZ'BODZ#PY ಛ௃ ɾࣸਅ΍ΠϥετΛத৺ʹදࣔ ࡞੒͢ΔαΠτͷ঺հ ΪϟϥϦʔαΠτ

Slide 18

Slide 18 text

࡞੒͢ΔαΠτͷ঺հ ίʔϙϨʔταΠτ ࢖༻ͨ͠ςʔϚ ɾ-JHIUOJOH   ࢖༻ͨ͠ओͳϓϥάΠϯ ɾ*NBHF8JEHFU ɾ4JNQMF.BQ ಛ௃ ɾΧϥϜͷσβΠϯͷςʔϚΛ ࢖༻

Slide 19

Slide 19 text

࡞੒͢ΔαΠτͷ঺հ γϣοϓαΠτ ࢖༻ͨ͠ςʔϚ ɾ(SBQIZ   ࢖༻ͨ͠ओͳϓϥάΠϯ ɾ.FOV*NBHF ɾ5JOZ.$&"EWBODFE ಛ௃ ɾΧϥϜͷσβΠϯͷςʔϚΛ ࢖༻

Slide 20

Slide 20 text

͜ͷαΠτ͸Ͳ͏΍ͬͯ࡞ͬͯΔͷʁ ˠखΛಈֶ͔ͯ͠ͼ·͠ΐ͏ʂ

Slide 21

Slide 21 text

8PSE1SFTTͷ࠷ॳͷઃఆ

Slide 22

Slide 22 text

8PSE1SFTTͷ࠷ॳͷઃఆ ҎԼͷϖʔδͰઆ໌͍ͨ͠·͢ɻ 63- IUUQTHJUIVCDPNXDLBOTBJ[FSPDPEJOHIBOETPOCMPC NBTUFSqPXBMMNE ͢ͰʹઃఆࡁΈͷํ΋͓ΒΕΔ͔ͱࢥ͍·͢ͷͰۦ͚଍Ͱઆ໌͠· ͢ɻ Θ͔Βͳ͍͜ͱ͕͋Ε͹ੈ࿩໾ʹฉ͍͍ͯͩ͘͞Ͷɻ

Slide 23

Slide 23 text

ॾ஫ҙ w ੈ࿩໾͸8PSE1SFTTͷ͜ͱΛશͯཧղ͍ͯ͠Δ௒ਓͰ͸͝ ͍͟·ͤΜɻ w ࠓճͷϋϯζΦϯͰ͸ɺͪ͜Β͕ࢦఆͨ͠ςʔϚɺϓϥά ΠϯͷΈΛ࢖༻͍ͯͩ͘͠͞ɻ  ʢ਺ઍ͋ΔςʔϚɺϓϥάΠϯ͢΂ͯͷ࢖͍ํΛख़஌ͯ͠ ͍ΔΘ͚Ͱ͸͍͟͝·ͤΜɻ·ͨςʔϚʹΑͬͯ͸૝ఆ͠ ͨػೳ͕࢖͑ͳ͍ࣄ͕͋ΔͨΊͰ͢ɻʣ

Slide 24

Slide 24 text

ͱ͍͏͜ͱͰɺ νʔϜ෼͚ʂ

Slide 25

Slide 25 text

΋͘΋͘࡞ۀ։࢝ͷલʹ w νʔϜ಺Ͱࣗݾ঺հ͠Α͏ʂ w ໊͓લʢϋϯυϧωʔϜͰ΋΋ͪΖΜ0,ʂʣ w ݱࡏͷ৬छʢ΋ͪΖΜൿີͰ΋0,ʂʣ w 8PSE1SFTTͰ΍Γ͍ͨ͜ͱΞϨ͹ੋඇ͓࿩Λʂ w ٳܜ͸ద౰ʹͱ͍ͬͯͩ͘͞Ͷʔ

Slide 26

Slide 26 text

ϨοπνϟϨϯδʂ

Slide 27

Slide 27 text

·ͱΊ w ίʔυΛॻ͔ͳͯ͘΋͋Δఔ౓ͷ8FCαΠτ͕࡞ΕΔʂ w ݟͨ໨Λ੔͍͑ͨͳΒɺ)5.-ɾ$44Λཧղ͠Α͏ʂ w αΠτ಺ͰෳࡶͳॲཧΛ͍ͨ͠ͳΒ1)1·ͨ͸ 8PSE1SFTTؔ਺Λཧղ͠Α͏ʂ w ςʔϚͱϓϥάΠϯΛ୳͢ͷ͸͚ͬ͜͏೉͍͠ɻɻ    ͦΜͳ࣌ʹ͸ʜʜ

Slide 28

Slide 28 text

ίϛϡχςΟʹࢀՃ͠Α͏ʂ ʮ8PSE#FODIʯͱݕࡧʂʂ

Slide 29

Slide 29 text

͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ  ͝ײ૝͓଴͓ͪͯ͠Γ·͢ʂ  ϋογϡλά͸ͪ͜Β XDL