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.5k
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)
ブロックテーマ時代における、テーマの CSS について考える Toro_Unit / 2025.09.13 @ Shinshu WordPress Meetup
torounit
0
130
ブロックテーマでサイトリニューアルした話 / Toro_Unit / 2025.04.12 @ Shinshu WordPress Meetup
torounit
1
220
Cloudflare Meetup Nagano Vol.3
torounit
1
110
僕が考える 「HTML サイトを WordPress にする」話 / 2023-11-05 Kansai WordPress Meetup
torounit
9
7.7k
Cloudflare Pages に入門してみた / 2023-10-14 Cloudflare Meetup Nagano Vol.2
torounit
2
1.9k
ブロックエディタをゴリゴリに使い倒してサイトを作った話 / Kansai WordPress Meetup 2023 09 23
torounit
15
10k
ブロックエディターカスタマイズことはじめ #wpshinshu / 2023-06-17 Shinshu WordPress Meetup vol.24
torounit
1
420
FSE時代におけるWEBサイト制作の研究 #wpshinshu / 2023-05-20 Shinshu WordPress Meetup vol.23
torounit
0
470
ブロックエディターを用いたWEBサイト開発とカスタムフィールドのあり方を考える。/ WordCamp Japan 2021
torounit
0
580
Other Decks in Education
See All in Education
Test-NUTMEG紹介スライド
mugiiicha
0
160
Case Studies and Course Review - Lecture 12 - Information Visualisation (4019538FNR)
signer
PRO
1
2.1k
20250611_なんでもCopilot1年続いたぞ~
ponponmikankan
0
170
『会社を知ってもらう』から『安心して活躍してもらう』までの プロセスとフロー
sasakendayo
0
260
[Segah 2025] Gamified Interventions for Composting Behavior in the Workplace
ezefranca
0
110
Alumnote inc. Company Deck
yukinumata
0
2.1k
H5P-työkalut
matleenalaakso
4
40k
JPCERTから始まる草の根活動~セキュリティ文化醸成のためのアクション~
masakiokuda
0
220
Pydantic(AI)とJSONの詳細解説
mickey_kubo
0
190
EVOLUCIÓN DE LAS NEUROCIENCIAS EN LOS CONTEXTOS ORGANIZACIONALES
jvpcubias
0
150
フィードバックの伝え方、受け身のココロ / The Way of Feedback: Words and the Receiving Heart
spring_aki
1
140
質のよいアウトプットをできるようになるために~「読む・聞く、まとめる、言葉にする」を読んで~
amarelo_n24
0
220
Featured
See All Featured
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
3k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.7k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
188
55k
Intergalactic Javascript Robots from Outer Space
tanoku
272
27k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.7k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.1k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.9k
GitHub's CSS Performance
jonrohan
1032
460k
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