Slide 1

Slide 1 text

WordBench ௕໺ͷऔΓ૊Έͱ ϩʔΧϧίϛϡχςΟͮ͘Γ ʹ͍ͭͯߟ͑ͨ͜ͱ Toro_Unit 2018.06.02/WordCamp Osaka 2018 1

Slide 2

Slide 2 text

$ whoami 2

Slide 3

Slide 3 text

Toro_Unit ઎෦ ߛ (͏Β΂ ͻΖ͠) • Frontend Engineer • WordPress Plugin and Theme Developer Github: @torounit Twitter: @Toro_Unit 3

Slide 4

Slide 4 text

Contribution • WordBench ௕໺ • WordCamp Kyoto 2017 / Osaka 2018 / Ogijima 2018 • WordCamp Tokyo 2017 Speaker • etc... 4

Slide 5

Slide 5 text

Plugins and Themes • Custom Post Type Permalinks • Simple Post Type Permalinks • Powerful Posts Per Page (PPPP) • Smart PWA • Vanilla • and more... 5

Slide 6

Slide 6 text

௕໺ݝদຊࢢ1͔Β͖·ͨ͠ ૲ؒከੜ͕޷͖ͳਓ͸ੋඇͲ͏ͧ 1 Wikimedia Commons/File:File:130608MatsumotoCastleMatsumotoNaganoprefJapan02bs4.jpg Author: 663highland.License:CC2.5 6

Slide 7

Slide 7 text

7

Slide 8

Slide 8 text

ࡳຈͷձࣾͰϦϞʔτϫʔΫͯ͠·͢ 8

Slide 9

Slide 9 text

9

Slide 10

Slide 10 text

Ͱ΋ग़਎͸܈അݝ2 • χϡʔΠϠʔӺ఻ͱ͔΍ͬͯΔଠా ࢢग़਎ɻ • εόϧͷ֗Ͱ͢ɻ • দຊࢢ͸Α͏΍͘10೥໨ɻ 2 Wikimedia Commons/File:Gunma-Nagano_Prefectural_Road_112_02.jpg Author: Yones. License: CC-BY-SA-3.0 10

Slide 11

Slide 11 text

11

Slide 12

Slide 12 text

0.WordBench ௕໺ • WordPress ͷϩʔΧϧίϛϡχςΟ ͷ௕໺άϧʔϓ • ࠷ۙ͸݄ʹ1ճϖʔεͰɺWordPress ؔ܎ͷΠϕϯτΛߦͬͯ·͢ɻ • ͍͍ͩͨ10~15ਓఔ౓ɻ • Α͘ϐβ৯΂ͯ·͢ɻ 12

Slide 13

Slide 13 text

13

Slide 14

Slide 14 text

1.WordBench ௕໺ͷ͍··Ͱɻ 2012~2016 14

Slide 15

Slide 15 text

2012೥͘Β͍͔Βࡉʑͱ׆ಈͯ͠·ͨ͠ɻ • 2೥ʹ1ճ͘Β͍ษڧձɻ • ͍͍͍ͩͨΖ͍ΖർΕͯऴΘΔɻ 15

Slide 16

Slide 16 text

2016೥ REBOOTΛܾҙ 16

Slide 17

Slide 17 text

REBOOT ͢Δʹܾ͋ͨͬͯΊͨ͜ͱɻ • ͱΓ͋͑ͣʮWordBench ௕໺ʯͰ݄1ͰԿ͔͢Δɻ • 1೥ʹ1౓͔͠ձΘͳ͍ਓ͹͔Γͩͱίϛϡχέʔγϣϯ͕ ͳ͔ͳ͔େมɻ • ձ৔͸ίϫʔΩϯάεϖʔεͷυϩοϓΠϯͰɻʢཁަবʣ • ͍͞͠ΐ͸΋͘΋͘ձத৺Ͱɻ 17

Slide 18

Slide 18 text

Ͳ͏͔ͩͬͨ? • ࠷ॳ͸෺௝͠͞ͱ͔΋͋ͬͯͦͦ͜͜ू·Δɻ • ࢀՃऀ2ճ໨3ճ໨Ҏ߱͸ଟͯ͘5ਓͱ͔ɻ • Զ͔͠ډͳ͍ձͱ͔΋͋ͬͨɻ • ๻΁ͷ૬ஊॴͱԽ͢ɻ • ͔ͭΕΔɻ • εϥΠυͱ͔΋ຖճ࡞ͬͨΓɻ 18

Slide 19

Slide 19 text

• ΊͬͪΌർฐͨ͠ɻ • ਫ਼ਆతʹ΋1ਓ WordBench ͸͕͢͞ʹͭΒ͍ɻ • ϒϩΨʔͱSIͷਓ͕ಉ࣌ʹདྷͯɺͲͬͪʹ΋ίϨδϟφΠ ײɾɾɾ 19

Slide 20

Slide 20 text

• ίϛϡχςΟΠϕϯτͱ͸ʁ • ͦ΋ͦ΋ίϛϡχςΟͱ͸ʁ ͜ΕΒͷ՝୊ʹ͍ͭͯਅ݋ʹ޲͖߹͏Α͏ʹ 20

Slide 21

Slide 21 text

2.ͦ΋ͦ΋ίϛϡχςΟͱ͸ʁ 21

Slide 22

Slide 22 text

ͦ΋ͦ΋άάΕ͹୔ࢁ৘ใ͸ग़ͯ͘Δɻ ࠷৽ͷ஌ࣝͳͲ͸͍͍ͩͨωοτͰखʹೖΔɻ 22

Slide 23

Slide 23 text

஍ҬͷϩʔΧϧίϛϡχςΟͷଘࡏҙٛͬͯԿͩΖ͏ɻ 23

Slide 24

Slide 24 text

ͦ΋ͦ΋ίϛϡχςΟͱ͸ʁ େࣙྛʹΑΔͱ 1. ਓʑ͕ڞಉମҙࣝΛ࣋ͬͯڞಉੜ׆ΛӦΉҰఆͷ஍Ҭɺ͓Α ͼͦͷਓʑͷूஂɻ஍Ҭࣾձɻڞಉମɻ 2. సͯ͡ɺΠϯλʔωοτ্Ͱɺڞ௨ͷؔ৺Λ΋ͪϝοηʔδ ͷ΍ΓͱΓΛߦ͏ਓʑͷू·Γɻ 24

Slide 25

Slide 25 text

ษڧձ͚ͩͷू·ΓͰ͸ແ͍ɻ ΋ͪΖΜ΍ͬͯ΋ྑ͍͚ͲɺͦΕ͚ͩͰ͸ͳ͍ɻ ҰਓҰਓ͕ओ໾ɻ 25

Slide 26

Slide 26 text

26

Slide 27

Slide 27 text

27

Slide 28

Slide 28 text

Q. ͳͥਓ͸͓Β͕·ͪʹίϛϡχςΟΛٻΊΔͷ͔ 28

Slide 29

Slide 29 text

Answers. • WordPressͷ஌ࣝΛٻΊͯɻ • ಉۀऀͱަྲྀ͍ͨ͠ɻ • ༑ୡཉ͍͠ɻ • ࢓ࣄΛٻΊͯɻ • ؾܰʹձ͑Δ஥͕ؒ΄͍͠ɻ 29

Slide 30

Slide 30 text

ؕΓ͕ͪͳ᠘ 1. ౎ձͷษڧձʹߦ͘ 2. ࣗ෼ͷ֗Ͱ΋΍ͬͯΈ͍ͨ! 3. ؤுͬͯొஃ + େ෺ήετΛݺͿɻ ؤுͬͯએ఻ɻ ͍͍ͩͨ࠳ં͢Δɻ 30

Slide 31

Slide 31 text

Why? • ηϛφʔͩͱצҧ͍͞ΕΔɻ • ʮಛผͳਓʯͩͱצҧ͍͞ΕΔɻ • ʮઌੜͱੜెʯΈ͍ͨͳؔ܎ੑʹͳ Γ͕ͪɻ • εϥΠυΛ࡞Δͷ΋ָ͡Όແ͍͠ω λ͕੾ΕͨΓɻ 31

Slide 32

Slide 32 text

WordBench௕໺Ͱ๻͕΍ͬͨ͜ͱɻ 32

Slide 33

Slide 33 text

ʮWordPressͷઌੜʯͿΔ͜ͱΛ΍ΊΔ • ͳ·͡஌͕ࣝ͋Δͱͦ͏ͳΓ͕ͪͳͷͰɺࣗ෼ͷ৺ʹຊ౰ʹ੤͏ɻ • ࣗ෼͕ɺઌੜͱݺ͹Εͯ͠·͏ঢ়گΛపఈతʹආ͚ΔɻՄೳͳݶΓ ౴͑ͳ͍ɻ • ͱΓ͋͑ͣɺ୭͔ʹ࿩ΛৼͬͯΈΔɻ • ʮϑΥʔϥϜͰฉ͍ͯݟͨΒ͍͍Μ͡Όͳ͍ʁʯ • ࢀՃऀಉ࢜Ͱ࿩͕ੜ·ΕΔঢ়گΛͭ͘ΔΑ͏ʹɻ 33

Slide 34

Slide 34 text

݁ՌɿࢀՃऀಉ࢜ͷίϛϡχέʔγϣ ϯ͕૿͑࢝ΊΔɻ • ͜͜Βล͔Β͍ͩͿؾָʹɻ • ͪΐͬͱͣͭৗ࿈Έ͍ͨͳਓ΋ग़ͯ ͘Δɻ 34

Slide 35

Slide 35 text

ʮWordPressʹ͍ͭͯ࿩͢ձʯ໊ͬͯલͰ΍ͬͯΈͨɻ • ๩͗ͯ͢͠Կ΋४උͰ͖ͳ͔ͬͨͷͰ։͖௚ͬͨɻ • ;ΒͬͱࢀՃ͠΍͔ͬͨ͢Β͍͠ɻ • ʮ࿩͢ձʯͳͷͰࢀՃऀ͕উखʹ࿩࢝͠ΊΔɻ • ఆண཰ߴ͔ͬͨɻຬ଍౓͸ߴ͔ͬͨΒ͍͠ 35

Slide 36

Slide 36 text

ؾ෇͖ • ͔֬ʹɺWordPress ͷ͜ͱΛษڧ͠ʹདྷ͍ͯΔ͚ΕͲɺͦΕ Ҏલʹ WordPress ͷ࿩͕ग़དྷΔਓʹग़ձ͍͍ͨͷͰ͸ʁ Community / Communication • ͲͪΒ΋ޠݯ͸ɺϥςϯޠͷ communis. • ʮڞಉͷɺڞ༗ͷʯ 36

Slide 37

Slide 37 text

·ͣ͸ Communication ʹϑΥʔΧε͢΂͖ɻ 37

Slide 38

Slide 38 text

͜Μͳઆ໌ͯ͠·͢ɻ • ʮʰϚϚ͞ΜόϨʔʱͷΑ͏ͳؾ࣋ͪͰ΍ͬͯ·͢ɻʯ • ʮWordPressͷ࿩Λ͠ͳ͕Βϐβ৯ͬͨΓ͓՛ࢠ৯ͬͨΓ͢ ΔձͰ͢ʯ • ʮొஃऀ͸࿩͍ͨ͜͠ͱ࿩͚ͩ͢Ͱ͢ɻฉ͖͍ͨ࿩͕͋Δ͔ ΋͠Ε·ͤΜ͠ɺແ͍͔΋͠Ε·ͤΜɻͳͷͰɺօ͞Μ΋ฉ ͖͍ͨ͜ͱฉ͍ͯΈͯԼ͍͞ɻʯ 38

Slide 39

Slide 39 text

3. ͍͖͞ΜͷऔΓ૊Έ 2017 ~ 39

Slide 40

Slide 40 text

1. ܧଓੑ 40

Slide 41

Slide 41 text

݄1ճҎ্ͳʹ͔΍Δɻ • ஍ํ͸طࠗ཰ߴ͍ɻ͓ࢠ͞Μ͕ډΔਓ͸ɺ஍Ҭɾֶߍͷ͜ͱ ౳ͰདྷΒΕͳ͍͜ͱ΋ɻ • ͦ͏Ͱͳͯ͘΋ɺ஍ݩͷߦࣄ΍ɺా২͑ͳͲ • ؾָʹ༧ఆ͕ۭ͍ͨ࣌ʹདྷΕΕ͹ྑ͍ײ͡ʹग़དྷΕ͹ྑ͍ͱ ࢥ͏ͷͰɺͳΔ΂͘਺Λɻ 41

Slide 42

Slide 42 text

ܧଓతʹߦ͏ͨΊʹɻ • ͨͩू·ͬͯ࿩͢ձͱ͔Ͱ΋ྑ͍ɻηογϣϯ͕ແͯ͘΋ྑ͍ɻ • ͦͬͪͷํ͕࣮͸Ҋ֎੝Γ্͕ͬͯϦϐʔτ཰ߴ͍͔΋ɻ • ͳΔ΂͘४උͷཁΒͳ͍ײ͡ͰܧଓͰ͖ΔΑ͏ͳϞϊɻ • ࢀՃਓ਺͕গͳͯ͘΋μϝʔδ͕ແ͍΋ͷɻ • ίϫʔΩϯάεϖʔεͷυϩοϓΠϯ౳ͰࢀՃग़དྷΔΑ͏ʹ͢ Δͱָɻʢཁަব͔΋ʣ 42

Slide 43

Slide 43 text

2. Focus on Communication 43

Slide 44

Slide 44 text

ࢀՃऀʹίϛϡχέʔγϣϯΛଅ͢ɻ • ࠷ॳʹ1ਓ30ඵor1෼Ͱࣗݾ঺հɻ • શһʹฏ౳ʹ࣌ؒΛৼΔɻ • શһ͕ओ໾ʹͳΔػձΛΠϕϯτͷதʹ༻ҙɻ • શһͷલͰൃݴͤ͞Δػձ͸ॏཁɻ 44

Slide 45

Slide 45 text

ίϛϡχέʔγϣϯͷ࣌ؒΛͭ͘Δɻ • ηογϣϯͷؒͷٳܜΛ15෼ఔ౓ɻ • ࢀՃऀಉ࢜Ͱ࿩͖͔͚ͬ͢ʹͳΔɻ • ࠙਌ձ΋ͳΔ΂ͦ͘ͷ৔Ͱɻ • ΞϯΧϯϑΝϨϯεɾ࠲ஊձɻ • ࠙਌ձʹདྷΕͳ͍ਓ΋ࢀՃՄೳɻ • ࢀՃऀಉ࢜ͰσΟεΧογϣϯͤ͞Δͷ͕େࣄɻ౴͑Λఏࣔ͢ΔͷͰ ͸ͳ͘ɺʮͲ͏ͯ͠·͢ʁʯͬͯ࿩ΛৼͬͯΈͨΓɻ 45

Slide 46

Slide 46 text

3. ίϛϡχςΟͮ͘Γ 46

Slide 47

Slide 47 text

આ໌Λ͔ͬ͠Γ͢Δɻ • ίϛϡχςΟ͸ී௨಺ྠɻ(ex. ֶߍͷΫϥεɻαʔΫϧʣͳ ͷͰɺΦʔϓϯͳ৔ॴͰ͋Δ͜ͱɺ୭Ͱ΋ࢀՃग़དྷΔ͠ɺ୭ Ͱ΋ൃݴͯ͠ྑ͍͠ɺશһ͕ϑϥοτͰ͋Δ͜ͱΛ͔ͬ͠Γ ఻͑Δɻ • ࢀՃ͢Δϋʔυϧͷ௿͍಺ྠɻ • ͍ΘΏΔηϛφʔܗࣜͷΠϕϯτͰɺʮηϛφʔͰ͸ͳ͍ʯ ͱݴΘΕͯ΋ҙຯ͕Θ͔Βͳ͍ͷͰɺͱ͘ʹ͔ͬ͠Γઆ໌ɻ 47

Slide 48

Slide 48 text

ϋΠίϯςΫετͳจԽΛͭ͘Βͳ͍ɻ • ΍͘͢͞͠΂͖͸ɺॳ৺ऀͰ͸ͳ͘ɺ ͸͡Ίͯདྷͨਓ • ৗ࿈Ͱ͔͠఻ΘΒͳ͍Α͏ͳۭؾΛͭ͘Βͳ͍ɻͪΌΜͱઆ ໌Λ͢Δɻ • ͦΕԿͰ͔͢ʁͬͯฉ͖΍͍ۭ͢ؾʹؾΛ഑Δɻ 48

Slide 49

Slide 49 text

ר͖ࠐΈྗ • ʮ࣍͸Կ͔ख఻Θ͍ͤͯͩ͘͞ʂʯ͸ొஃͷϑϥάɻ • ΋͘΋͘ձͱ͔Ͱ໘നͦ͏ͳ͜ͱΛ΍͍ͬͯͨΒɺͦΕ΋ ஻ͬͯ΋Β͏ɻ 49

Slide 50

Slide 50 text

ͨ·ʹ͸೿खͳձΛɻ • ஌ͬͯ΋Β͏ػձ͕ͳ͍ͱ͸͡·Βͳ ͍ɻ • 2017೥1݄ɾ2018೥2݄ʹɺSpecial ͱ ୊ͯ͠ɺݝ֎͔ΒਓΛݺΜͰ೿खʹ ΍ͬͯΈͨΓɻ • 50ਓن໛ɻ • ίϛϡχςΟ΁ͷೖΓޱͱͯ͠ઃܭ͢ Δɻ • େ੾ͳͷ͸ຖճͷటष͍औΓ૊Έɻ 50

Slide 51

Slide 51 text

੒Ռ • ఆظతʹ10໊+ͷࢀՃɻ • WordBench Λ͖͔͚ͬʹɺWordCampʹࢀՃͨ͠Γɺε λοϑʹͳͬͨΓɻ • WordBench௕໺Ͱ஌Γ߹ͬͯΧϥΦέʹߦͬͨओ්ɻ • ࿩͢ͷָ͕͍͔͠ΒདྷΔॅ৬ɻ 51

Slide 52

Slide 52 text

ɹ͍͞͝ʹ 52

Slide 53

Slide 53 text

ຊ౰ͷϩʔΧϧίϛϡχςΟͱ΋͔ͬ͠ΓؔΘΔɻ • ϩʔΧϧͳWordPressίϛϡχςΟͷલʹϩʔΧϧͳίϛϡ χςΟɻ • ͦͷ౔஍ͷਓͱͪΌΜͱؔΘ͍ͬͯ͘ɻࠜ෇͍͍ͯ͘ɻ • ଍ճΓΛࢧ͑ͯ͘ΕΔͷ΋ɺ৽ؔ͘͠Θͬͯ͘ΕΔਓ΋ͦ͜ ʹॅΜͰΔਓୡɻ 53

Slide 54

Slide 54 text

·ͱΊ • ·ͣ͸಺༰ΑΓ΋ɺCommunication ʹϑΥʔΧε • ͨͿΜɺΈΜͳ࿩͕ͨͯ͘͠ࢀՃͯ͠Δɻ • ܧଓੑେࣄɻ • ίϛϡχςΟ͸ຊ࣭తʹ಺ྠɻ͔ͩΒͦ͜ΦʔϓϯͰ͋Δ͜ ͱʹɺͪΌΜͱ֎͔Β΋ͦ͏ݟ͑ΔΑ͏ʹؾΛ഑Δɻ • ϩʔΧϧͳίϛϡχςΟͱ΋ؔΘ͍ͬͯ͘ɻ 54

Slide 55

Slide 55 text

Thanks! Github: @torounit Twitter: @Toro_Unit Facebook: fb.me/torounit Blog: https://torounit.com 55