Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
WordBench 長野の取り組みと、コミュニティづくりについて考えたこと。
Search
Toro_Unit (Hiroshi Urabe)
June 02, 2018
Education
7
3.4k
WordBench 長野の取り組みと、コミュニティづくりについて考えたこと。
WordCamp Osaka 2018 登壇資料です。
Toro_Unit (Hiroshi Urabe)
June 02, 2018
Tweet
Share
More Decks by Toro_Unit (Hiroshi Urabe)
See All by Toro_Unit (Hiroshi Urabe)
Cloudflare Meetup Nagano Vol.3
torounit
1
56
僕が考える 「HTML サイトを WordPress にする」話 / 2023-11-05 Kansai WordPress Meetup
torounit
9
7.4k
Cloudflare Pages に入門してみた / 2023-10-14 Cloudflare Meetup Nagano Vol.2
torounit
2
1.6k
ブロックエディタをゴリゴリに使い倒してサイトを作った話 / Kansai WordPress Meetup 2023 09 23
torounit
14
9.8k
ブロックエディターカスタマイズことはじめ #wpshinshu / 2023-06-17 Shinshu WordPress Meetup vol.24
torounit
1
380
FSE時代におけるWEBサイト制作の研究 #wpshinshu / 2023-05-20 Shinshu WordPress Meetup vol.23
torounit
0
420
ブロックエディターを用いたWEBサイト開発とカスタムフィールドのあり方を考える。/ WordCamp Japan 2021
torounit
0
540
ブロックエディターで変わる、WordPress でのウェブサイト開発 / SaCSS Special 26
torounit
4
850
Block Editor カスタマイズ入門 #WPmeetupOsaka / Get started customize for block editor
torounit
12
3.2k
Other Decks in Education
See All in Education
Unraveling JavaScript Prototypes
debug_mode
0
140
HCI Research Methods - Lecture 7 - Human-Computer Interaction (1023841ANR)
signer
PRO
0
850
Info Session MSc Computer Science & MSc Applied Informatics
signer
PRO
0
100
TP5_-_UV.pdf
bernhardsvt
0
140
(説明資料)オンラインゆっくり相談室
ytapples613
PRO
0
150
Sanapilvet opetuksessa
matleenalaakso
0
31k
XML and Related Technologies - Lecture 7 - Web Technologies (1019888BNR)
signer
PRO
0
2.7k
Juvenile in Justice
oripsolob
0
220
Use Cases and Course Review - Lecture 8 - Human-Computer Interaction (1023841ANR)
signer
PRO
0
870
Nodiレクチャー 「CGと数学」講義資料 2024/11/19
masatatsu
1
300
Initiatives on Bridging the Gender Gap in the Technology Sector
codeforeveryone
0
120
A Chatbot is Not a Search Engine (it's more like a roleplaying game)
dsalo
0
150
Featured
See All Featured
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
100
18k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.5k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
Fashionably flexible responsive web design (full day workshop)
malarkey
406
66k
Bootstrapping a Software Product
garrettdimon
PRO
306
110k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Designing Experiences People Love
moore
140
23k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
4
330
The Language of Interfaces
destraynor
156
24k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
12
960
Statistics for Hackers
jakevdp
797
220k
Transcript
WordBench ͷऔΓΈͱ ϩʔΧϧίϛϡχςΟͮ͘Γ ʹ͍ͭͯߟ͑ͨ͜ͱ Toro_Unit 2018.06.02/WordCamp Osaka 2018 1
$ whoami 2
Toro_Unit ෦ ߛ (͏Β ͻΖ͠) • Frontend Engineer • WordPress
Plugin and Theme Developer Github: @torounit Twitter: @Toro_Unit 3
Contribution • WordBench • WordCamp Kyoto 2017 / Osaka
2018 / Ogijima 2018 • WordCamp Tokyo 2017 Speaker • etc... 4
Plugins and Themes • Custom Post Type Permalinks • Simple
Post Type Permalinks • Powerful Posts Per Page (PPPP) • Smart PWA • Vanilla • and more... 5
ݝদຊࢢ1͔Β͖·ͨ͠ ؒከੜ͕͖ͳਓੋඇͲ͏ͧ 1 Wikimedia Commons/File:File:130608MatsumotoCastleMatsumotoNaganoprefJapan02bs4.jpg Author: 663highland.License:CC2.5 6
7
ࡳຈͷձࣾͰϦϞʔτϫʔΫͯ͠·͢ 8
9
Ͱग़܈അݝ2 • χϡʔΠϠʔӺͱ͔ͬͯΔଠా ࢢग़ɻ • εόϧͷ֗Ͱ͢ɻ • দຊࢢΑ͏͘10ɻ 2 Wikimedia
Commons/File:Gunma-Nagano_Prefectural_Road_112_02.jpg Author: Yones. License: CC-BY-SA-3.0 10
11
0.WordBench • WordPress ͷϩʔΧϧίϛϡχςΟ ͷάϧʔϓ • ࠷݄ۙʹ1ճϖʔεͰɺWordPress ؔͷΠϕϯτΛߦͬͯ·͢ɻ •
͍͍ͩͨ10~15ਓఔɻ • Α͘ϐβ৯ͯ·͢ɻ 12
13
1.WordBench ͷ͍··Ͱɻ 2012~2016 14
2012͘Β͍͔Βࡉʑͱ׆ಈͯ͠·ͨ͠ɻ • 2ʹ1ճ͘Β͍ษڧձɻ • ͍͍͍ͩͨΖ͍ΖർΕͯऴΘΔɻ 15
2016 REBOOTΛܾҙ 16
REBOOT ͢Δʹܾ͋ͨͬͯΊͨ͜ͱɻ • ͱΓ͋͑ͣʮWordBench ʯͰ݄1ͰԿ͔͢Δɻ • 1ʹ1͔͠ձΘͳ͍ਓ͔Γͩͱίϛϡχέʔγϣϯ͕ ͳ͔ͳ͔େมɻ • ձίϫʔΩϯάεϖʔεͷυϩοϓΠϯͰɻʢཁަবʣ
• ͍͞͠ΐ͘͘ձத৺Ͱɻ 17
Ͳ͏͔ͩͬͨ? • ࠷ॳ͠͞ͱ͔͋ͬͯͦͦ͜͜ू·Δɻ • ࢀՃऀ2ճ3ճҎ߱ଟͯ͘5ਓͱ͔ɻ • Զ͔͠ډͳ͍ձͱ͔͋ͬͨɻ • ͷ૬ஊॴͱԽ͢ɻ •
͔ͭΕΔɻ • εϥΠυͱ͔ຖճ࡞ͬͨΓɻ 18
• ΊͬͪΌർฐͨ͠ɻ • ਫ਼ਆతʹ1ਓ WordBench ͕͢͞ʹͭΒ͍ɻ • ϒϩΨʔͱSIͷਓ͕ಉ࣌ʹདྷͯɺͲͬͪʹίϨδϟφΠ ײɾɾɾ 19
• ίϛϡχςΟΠϕϯτͱʁ • ͦͦίϛϡχςΟͱʁ ͜ΕΒͷ՝ʹ͍ͭͯਅʹ͖߹͏Α͏ʹ 20
2.ͦͦίϛϡχςΟͱʁ 21
ͦͦάάΕࢁใग़ͯ͘Δɻ ࠷৽ͷࣝͳͲ͍͍ͩͨωοτͰखʹೖΔɻ 22
ҬͷϩʔΧϧίϛϡχςΟͷଘࡏҙٛͬͯԿͩΖ͏ɻ 23
ͦͦίϛϡχςΟͱʁ େࣙྛʹΑΔͱ 1. ਓʑ͕ڞಉମҙࣝΛ࣋ͬͯڞಉੜ׆ΛӦΉҰఆͷҬɺ͓Α ͼͦͷਓʑͷूஂɻҬࣾձɻڞಉମɻ 2. సͯ͡ɺΠϯλʔωοτ্Ͱɺڞ௨ͷؔ৺Λͪϝοηʔδ ͷΓͱΓΛߦ͏ਓʑͷू·Γɻ 24
ษڧձ͚ͩͷू·ΓͰແ͍ɻ ͪΖΜͬͯྑ͍͚ͲɺͦΕ͚ͩͰͳ͍ɻ ҰਓҰਓ͕ओɻ 25
26
27
Q. ͳͥਓ͓Β͕·ͪʹίϛϡχςΟΛٻΊΔͷ͔ 28
Answers. • WordPressͷࣝΛٻΊͯɻ • ಉۀऀͱަྲྀ͍ͨ͠ɻ • ༑ୡཉ͍͠ɻ • ࣄΛٻΊͯɻ •
ؾܰʹձ͑Δ͕ؒ΄͍͠ɻ 29
ؕΓ͕ͪͳ᠘ 1. ձͷษڧձʹߦ͘ 2. ࣗͷ֗ͰͬͯΈ͍ͨ! 3. ؤுͬͯొஃ + େήετΛݺͿɻ ؤுͬͯએɻ
͍͍ͩͨ࠳ં͢Δɻ 30
Why? • ηϛφʔͩͱצҧ͍͞ΕΔɻ • ʮಛผͳਓʯͩͱצҧ͍͞ΕΔɻ • ʮઌੜͱੜెʯΈ͍ͨͳؔੑʹͳ Γ͕ͪɻ • εϥΠυΛ࡞Δͷָ͡Όແ͍͠ω
λ͕ΕͨΓɻ 31
WordBenchͰ͕ͬͨ͜ͱɻ 32
ʮWordPressͷઌੜʯͿΔ͜ͱΛΊΔ • ͳ·͕ࣝ͋͡Δͱͦ͏ͳΓ͕ͪͳͷͰɺࣗͷ৺ʹຊʹ͏ɻ • ͕ࣗɺઌੜͱݺΕͯ͠·͏ঢ়گΛపఈతʹආ͚ΔɻՄೳͳݶΓ ͑ͳ͍ɻ • ͱΓ͋͑ͣɺ୭͔ʹΛৼͬͯΈΔɻ • ʮϑΥʔϥϜͰฉ͍ͯݟͨΒ͍͍Μ͡Όͳ͍ʁʯ
• ࢀՃऀಉ࢜Ͱ͕ੜ·ΕΔঢ়گΛͭ͘ΔΑ͏ʹɻ 33
݁ՌɿࢀՃऀಉ࢜ͷίϛϡχέʔγϣ ϯ͕૿͑࢝ΊΔɻ • ͜͜Βล͔Β͍ͩͿؾָʹɻ • ͪΐͬͱͣͭৗ࿈Έ͍ͨͳਓग़ͯ ͘Δɻ 34
ʮWordPressʹ͍ͭͯ͢ձʯ໊ͬͯલͰͬͯΈͨɻ • ͗ͯ͢͠Կ४උͰ͖ͳ͔ͬͨͷͰ։͖ͬͨɻ • ;ΒͬͱࢀՃ͔ͬͨ͢͠Β͍͠ɻ • ʮ͢ձʯͳͷͰࢀՃऀ͕উखʹ࢝͠ΊΔɻ • ఆணߴ͔ͬͨɻຬߴ͔ͬͨΒ͍͠ 35
ؾ͖ • ͔֬ʹɺWordPress ͷ͜ͱΛษڧ͠ʹདྷ͍ͯΔ͚ΕͲɺͦΕ Ҏલʹ WordPress ͷ͕ग़དྷΔਓʹग़ձ͍͍ͨͷͰʁ Community / Communication
• ͲͪΒޠݯɺϥςϯޠͷ communis. • ʮڞಉͷɺڞ༗ͷʯ 36
·ͣ Communication ʹϑΥʔΧε͖͢ɻ 37
͜Μͳઆ໌ͯ͠·͢ɻ • ʮʰϚϚ͞ΜόϨʔʱͷΑ͏ͳؾ࣋ͪͰͬͯ·͢ɻʯ • ʮWordPressͷΛ͠ͳ͕Βϐβ৯ͬͨΓ͓՛ࢠ৯ͬͨΓ͢ ΔձͰ͢ʯ • ʮొஃऀ͍ͨ͜͠ͱ͚ͩ͢Ͱ͢ɻฉ͖͍͕ͨ͋Δ͔ ͠Ε·ͤΜ͠ɺແ͍͔͠Ε·ͤΜɻͳͷͰɺօ͞Μฉ ͖͍ͨ͜ͱฉ͍ͯΈͯԼ͍͞ɻʯ
38
3. ͍͖͞ΜͷऔΓΈ 2017 ~ 39
1. ܧଓੑ 40
݄1ճҎ্ͳʹ͔Δɻ • ํطࠗߴ͍ɻ͓ࢠ͞Μ͕ډΔਓɺҬɾֶߍͷ͜ͱ ͰདྷΒΕͳ͍͜ͱɻ • ͦ͏Ͱͳͯ͘ɺݩͷߦࣄɺా২͑ͳͲ • ؾָʹ༧ఆ͕ۭ͍ͨ࣌ʹདྷΕΕྑ͍ײ͡ʹग़དྷΕྑ͍ͱ ࢥ͏ͷͰɺͳΔ͘Λɻ 41
ܧଓతʹߦ͏ͨΊʹɻ • ͨͩू·ͬͯ͢ձͱ͔Ͱྑ͍ɻηογϣϯ͕ແͯ͘ྑ͍ɻ • ͦͬͪͷํ͕࣮Ҋ֎Γ্͕ͬͯϦϐʔτߴ͍͔ɻ • ͳΔ͘४උͷཁΒͳ͍ײ͡ͰܧଓͰ͖ΔΑ͏ͳϞϊɻ • ࢀՃਓ͕গͳͯ͘μϝʔδ͕ແ͍ͷɻ •
ίϫʔΩϯάεϖʔεͷυϩοϓΠϯͰࢀՃग़དྷΔΑ͏ʹ͢ Δͱָɻʢཁަব͔ʣ 42
2. Focus on Communication 43
ࢀՃऀʹίϛϡχέʔγϣϯΛଅ͢ɻ • ࠷ॳʹ1ਓ30ඵor1Ͱࣗݾհɻ • શһʹฏʹ࣌ؒΛৼΔɻ • શһ͕ओʹͳΔػձΛΠϕϯτͷதʹ༻ҙɻ • શһͷલͰൃݴͤ͞Δػձॏཁɻ 44
ίϛϡχέʔγϣϯͷ࣌ؒΛͭ͘Δɻ • ηογϣϯͷؒͷٳܜΛ15ఔɻ • ࢀՃऀಉ࢜Ͱ͖͔͚ͬ͢ʹͳΔɻ • ࠙ձͳΔͦ͘ͷͰɻ • ΞϯΧϯϑΝϨϯεɾ࠲ஊձɻ •
࠙ձʹདྷΕͳ͍ਓࢀՃՄೳɻ • ࢀՃऀಉ࢜ͰσΟεΧογϣϯͤ͞Δͷ͕େࣄɻ͑Λఏࣔ͢ΔͷͰ ͳ͘ɺʮͲ͏ͯ͠·͢ʁʯͬͯΛৼͬͯΈͨΓɻ 45
3. ίϛϡχςΟͮ͘Γ 46
આ໌Λ͔ͬ͠Γ͢Δɻ • ίϛϡχςΟී௨ྠɻ(ex. ֶߍͷΫϥεɻαʔΫϧʣͳ ͷͰɺΦʔϓϯͳॴͰ͋Δ͜ͱɺ୭ͰࢀՃग़དྷΔ͠ɺ୭ Ͱൃݴͯ͠ྑ͍͠ɺશһ͕ϑϥοτͰ͋Δ͜ͱΛ͔ͬ͠Γ ͑Δɻ • ࢀՃ͢Δϋʔυϧͷ͍ྠɻ •
͍ΘΏΔηϛφʔܗࣜͷΠϕϯτͰɺʮηϛφʔͰͳ͍ʯ ͱݴΘΕͯҙຯ͕Θ͔Βͳ͍ͷͰɺͱ͘ʹ͔ͬ͠Γઆ໌ɻ 47
ϋΠίϯςΫετͳจԽΛͭ͘Βͳ͍ɻ • ͖͘͢͞͠ɺॳ৺ऀͰͳ͘ɺ ͡Ίͯདྷͨਓ • ৗ࿈Ͱ͔͠ΘΒͳ͍Α͏ͳۭؾΛͭ͘Βͳ͍ɻͪΌΜͱઆ ໌Λ͢Δɻ • ͦΕԿͰ͔͢ʁͬͯฉ͖͍ۭ͢ؾʹؾΛΔɻ 48
ר͖ࠐΈྗ • ʮ࣍Կ͔खΘ͍ͤͯͩ͘͞ʂʯొஃͷϑϥάɻ • ͘͘ձͱ͔Ͱ໘നͦ͏ͳ͜ͱΛ͍ͬͯͨΒɺͦΕ ͬͯΒ͏ɻ 49
ͨ·ʹखͳձΛɻ • ͬͯΒ͏ػձ͕ͳ͍ͱ͡·Βͳ ͍ɻ • 20171݄ɾ20182݄ʹɺSpecial ͱ ͯ͠ɺݝ֎͔ΒਓΛݺΜͰखʹ ͬͯΈͨΓɻ •
50ਓنɻ • ίϛϡχςΟͷೖΓޱͱͯ͠ઃܭ͢ Δɻ • େͳͷຖճͷటष͍औΓΈɻ 50
Ռ • ఆظతʹ10໊+ͷࢀՃɻ • WordBench Λ͖͔͚ͬʹɺWordCampʹࢀՃͨ͠Γɺε λοϑʹͳͬͨΓɻ • WordBenchͰΓ߹ͬͯΧϥΦέʹߦͬͨओ්ɻ •
͢ͷָ͕͍͔͠ΒདྷΔॅ৬ɻ 51
ɹ͍͞͝ʹ 52
ຊͷϩʔΧϧίϛϡχςΟͱ͔ͬ͠ΓؔΘΔɻ • ϩʔΧϧͳWordPressίϛϡχςΟͷલʹϩʔΧϧͳίϛϡ χςΟɻ • ͦͷͷਓͱͪΌΜͱؔΘ͍ͬͯ͘ɻ͍͍ࠜͯ͘ɻ • ճΓΛࢧ͑ͯ͘ΕΔͷɺ৽ؔ͘͠Θͬͯ͘ΕΔਓͦ͜ ʹॅΜͰΔਓୡɻ 53
·ͱΊ • ·ͣ༰ΑΓɺCommunication ʹϑΥʔΧε • ͨͿΜɺΈΜͳ͕ͨͯ͘͠ࢀՃͯ͠Δɻ • ܧଓੑେࣄɻ • ίϛϡχςΟຊ࣭తʹྠɻ͔ͩΒͦ͜ΦʔϓϯͰ͋Δ͜
ͱʹɺͪΌΜͱ֎͔Βͦ͏ݟ͑ΔΑ͏ʹؾΛΔɻ • ϩʔΧϧͳίϛϡχςΟͱؔΘ͍ͬͯ͘ɻ 54
Thanks! Github: @torounit Twitter: @Toro_Unit Facebook: fb.me/torounit Blog: https://torounit.com 55