Tweet
Tweet

Slide 1

Slide 1 text

੍࡞ݱ৔ͷ͜Ε͔Β ։ൃϫʔΫϑϩʔͱίʔσΟϯάن໿ 2017೥10݄28೔ @ WordFes Nagoya 2017

Slide 2

Slide 2 text

ૣ଎Ͱ͕͢

Slide 3

Slide 3 text

λϒεϖʔε໰୊

Slide 4

Slide 4 text

ෆໟͳίϛοτ…

Slide 5

Slide 5 text

໘౗ͳϨϏϡʔ…

Slide 6

Slide 6 text

੍࡞ݱ৔΋ͬͱշదʹ…ʂ

Slide 7

Slide 7 text

ࠓ೔͓఻͍͑ͨ͜͠ͱ

Slide 8

Slide 8 text

ࠓ೔͓఻͍͑ͨ͜͠ͱ • ։ൃϫʔΫϑϩʔͷΩʔϫʔυ • πʔϧָ͍͠Ͱ͢ • λϒεϖʔε໰୊ͷղܾ • ݱ৔ಋೖίετ

Slide 9

Slide 9 text

ࣗݾ঺հɹ

Slide 10

Slide 10 text

ࣗݾ঺հ • ਆ֞ɹ૱ • ϓϩάϥϜɺαʔό • Web੍࡞ձࣾ • ओʹWordPressͰݱ৔10೥

Slide 11

Slide 11 text

ࣗݾ঺հ • ෋ࢁݝͷձࣾ • ʢ΄΅ʣϑϧϦϞʔτͰ෱ౡݝࡏॅ • ͓٬͞Μ΋͋ͪͪ͜ʹ

Slide 12

Slide 12 text

࣭໰͍ͤͯͩ͘͞͞

Slide 13

Slide 13 text

օ͞Μ͸Կ԰͞Μʁ • σΟϨΫλʔ԰͞ΜʢӦۀɺϚωʔδϟʣ • σβΠφʔ԰͞Μ • ίʔμʔ԰͞Μʢϑϩϯτ԰͞Μʣ • ϓϩάϥϚɺαʔό԰͞Μ

Slide 14

Slide 14 text

ΞδΣϯμ • ։ൃϫʔΫϑϩʔʹ͍ͭͯ • ίʔσΟϯάن໿ʹ͍ͭͯ • ಋೖͷίετ࣮ྫ

Slide 15

Slide 15 text

։ൃϫʔΫϑϩʔʹ͍ͭͯ

Slide 16

Slide 16 text

։ൃϫʔΫϑϩʔʹ͍ͭͯ • ։ൃͷྲྀΕʢϑϩʔʣ • ޻਺࡟ݮ • ϛεܰݮ • ָ͍͠

Slide 17

Slide 17 text

όʔδϣϯ؅ཧ CIࣗಈԽ ςετ πʔϧ PHPCS

Slide 18

Slide 18 text

ಛʹGit

Slide 19

Slide 19 text

੍࡞ͰGit࢖͍ͬͯ·͔͢ʁ • ࢖͍ͬͯΔ • ࢖͍ͬͯͳ͍

Slide 20

Slide 20 text

GitͱGitͷϫʔΫϑϩʔ • Git flow • GitHub flow

Slide 21

Slide 21 text

ࣗࣾͷGitͷ࢖͍ํ • ϒϥϯνͷৼΓํΛܾΊΔ • جຊ͸Git flowʹԊ͏ • master, develop, feature, release • Ϛʔδ͸ϓϧϦΫΤετͱϨϏϡʔ

Slide 22

Slide 22 text

։ൃϫʔΫϑϩʔ • ϫʔΫϑϩʔ͸։ൃͷྲྀΕ • ϫʔΫϑϩʔࢧԉͷπʔϧ͕ͨ͘͞Μ͋Δ • शಘʹ͕͔͔࣌ؒΔ • शಘ͢ΔͱࣗಈԽͰ͖ͯศར

Slide 23

Slide 23 text

ΞδΣϯμ • ։ൃϫʔΫϑϩʔʹ͍ͭͯ • ίʔσΟϯάن໿ʹ͍ͭͯ • ಋೖͷίετ

Slide 24

Slide 24 text

ίʔσΟϯάن໿

Slide 25

Slide 25 text

ίʔσΟϯάن໿஌ͬͯ·͢ʁ • ݱ৔ͰίʔσΟϯάن໿࢖ͬͯ·͢ • ͳΜͱͳ͘஌͍ͬͯ·͢ • ࠓճ͸͡Ίͯฉ͖·ͨ͠

Slide 26

Slide 26 text

λϒεϖʔε໰୊

Slide 27

Slide 27 text

No content

Slide 28

Slide 28 text

No content

Slide 29

Slide 29 text

ίʔσΟϯάن໿ͱ͸ • ίʔυΛॻ্͘ͰͷϧʔϧʢStandardsʣ • PHPͱ͔WordPressͱ͔Ͱఆٛ • CSSͩͱBEMͱ͔ • Ͱ΋͋Ε͸ݫ֨

Slide 30

Slide 30 text

WordPressͷίʔσΟϯάن໿ • PHP ίʔσΟϯά • ΞΫηγϏϦςΟίʔσΟϯά • CSS ίʔσΟϯά • HTML ίʔσΟϯά • JavaScript ίʔσΟϯά

Slide 31

Slide 31 text

WordPressίʔσΟϯάن໿

Slide 32

Slide 32 text

ίʔσΟϯάن໿ྫ

Slide 33

Slide 33 text

ίʔσΟϯάن໿ྫ

Slide 34

Slide 34 text

No content

Slide 35

Slide 35 text

λϒεϖʔε໰୊

Slide 36

Slide 36 text

No content

Slide 37

Slide 37 text

No content

Slide 38

Slide 38 text

ͪΌΜͱௐ΂·͠ΐ͏ʂ

Slide 39

Slide 39 text

ίʔσΟϯάن໿ͷࣗಈνΣο Ϋ • ΤσΟλ • πʔϧ • Git࿈ܞ

Slide 40

Slide 40 text

ΤσΟλͰͷྫ

Slide 41

Slide 41 text

ίʔσΟϯάن໿Λἧ͑Δͱ • ଞͷਓ͕ݟͨ࣌ʹ • ݟ΍͍͢ • ϛε͕ݮΔ • έϯΧʹͳΒͳ͍ • ʮଞͷਓʯ === ʮ3೔ޙͷࣗ෼ʯ

Slide 42

Slide 42 text

ಋೖͷϝϦοτ • ϛεͷܰݮ • ೋ౓໨Ҏ߱ͷίετ࡟ݮ

Slide 43

Slide 43 text

ΞδΣϯμ • ։ൃϫʔΫϑϩʔʹ͍ͭͯ • ίʔσΟϯάن໿ʹ͍ͭͯ • ಋೖͷίετ

Slide 44

Slide 44 text

ݱ৔ಋೖͷίετ

Slide 45

Slide 45 text

Έͳ͞Μͷਓ݅අ͍͘ΒͰ͔͢ʁ • ෼͔Βͳ͍ɺ಺ॹ • ~ 3,000ԁ / ࣌ؒ • 3,001ԁ ~ 8,000 ԁ / ࣌ؒ • 8,000 ԁ Ҏ্ / ࣌ؒ • ਓ݄ܭࢉ͕ྑ͍ͱ͸ݶΒͳ͍͕…

Slide 46

Slide 46 text

ਓ݄୯Ձ • Ұ೔8࣌ؒ 20೔ => 160࣌ؒ / ݄ • 3,000ԁ / ࣌ؒ => 48ສ / ݄ • 5,000ԁ / ࣌ؒ => 80ສ / ݄ • 8,000ԁ / ࣌ؒ => 128ສ / ݄

Slide 47

Slide 47 text

8,000ԁ…

Slide 48

Slide 48 text

࣮ྫ

Slide 49

Slide 49 text

࣮ྫ • WordPressΛ࢖ͬͨγεςϜ։ൃ • ςʔϚ͸ࢧڅ • ໿2.4ਓ݄ • ϓϩάϥϚ3ਓ͕ࢀՃ

Slide 50

Slide 50 text

ίʔσΟϯάن໿ͷಋೖʹֻ͔ Δίετ • शಘɺಋೖɺઃఆʹ໿80࣌ؒ • Ұ೔8࣌ؒ => 10೔ => 0.5ਓ݄ • Ͱɺ͍͘Βʁ

Slide 51

Slide 51 text

ਓ݄୯Ձ • Ұ೔8࣌ؒ 20೔ => 160࣌ؒ / ݄ • 3,000ԁ / ࣌ؒ => 48ສ / ݄ • 5,000ԁ / ࣌ؒ => 80ສ / ݄ • 8,000ԁ / ࣌ؒ => 128ສ / ݄

Slide 52

Slide 52 text

࣮ࡍͷඅ༻͸ ͝૝૾ʹ͓·͔ͤ͠·͢

Slide 53

Slide 53 text

࣮຿΁ಋೖͯ͠ • ։ൃָ͕͘͠ͳͬͨ • Πϯσϯτ໰୊͕ղܾͨ͠ • ίʔσΟϯάن໿͸౴͕͑͋Δ

Slide 54

Slide 54 text

ࠓ೔ͷ·ͱΊ • ։ൃϫʔΫϑϩʔͷπʔϧ • WordPress༻ͷίʔσΟϯάن໿ • ϛεܰݮʂೋ౓໨͔Βίετ࡟ݮʂ • 2.4ਓ݄Ͱ0.5ਓ݄

Slide 55

Slide 55 text

͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·͠ ͨ

Slide 56

Slide 56 text

͔͜͜Β࡟আҊ

Slide 57

Slide 57 text

PRͱCI

Slide 58

Slide 58 text

ϓϧϦΫΤετ

Slide 59

Slide 59 text

ࣗಈςετ

Slide 60

Slide 60 text

CI • ܧଓతΠϯςάϨʔγϣϯ • ιʔείʔυʹΤϥʔ͕ςετΛࣗಈԽ • TravisCI • CircleCI • Jenkins

Slide 61

Slide 61 text

CIͰͰ͖Δ͜ͱ • PHPίʔυͷ୯ମςετࣗಈԽ • ϒϥ΢βͷςετࣗಈԽ • ࣗಈσϓϩΠ

Slide 62

Slide 62 text

ϓϧϦΫΤετͱCI • ϓϧϦΫΤετൃߦ࣌ʹςετ • ιʔείʔυͷਖ਼౰ੑςετ • ιʔείʔυͷίʔσΟϯάن໿ςετ • ςετʹ௨͍ͬͯΕ͹Ϛʔδ

Slide 63

Slide 63 text

ࣗࣾͰ࢖͍ͬͯΔπʔϧ • Docker (ϩʔΧϧ։ൃ) • GitHub (՝ۚͰϓϥΠϕʔτϦϙδτϦ) • CircleCI (ແྉͰϓϥΠϕʔτ)