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)
ブロックテーマでサイトリニューアルした話 / Toro_Unit / 2025.04.12 @ Shinshu WordPress Meetup
torounit
1
180
Cloudflare Meetup Nagano Vol.3
torounit
1
75
僕が考える 「HTML サイトを WordPress にする」話 / 2023-11-05 Kansai WordPress Meetup
torounit
9
7.6k
Cloudflare Pages に入門してみた / 2023-10-14 Cloudflare Meetup Nagano Vol.2
torounit
2
1.8k
ブロックエディタをゴリゴリに使い倒してサイトを作った話 / Kansai WordPress Meetup 2023 09 23
torounit
14
10k
ブロックエディターカスタマイズことはじめ #wpshinshu / 2023-06-17 Shinshu WordPress Meetup vol.24
torounit
1
390
FSE時代におけるWEBサイト制作の研究 #wpshinshu / 2023-05-20 Shinshu WordPress Meetup vol.23
torounit
0
440
ブロックエディターを用いたWEBサイト開発とカスタムフィールドのあり方を考える。/ WordCamp Japan 2021
torounit
0
570
ブロックエディターで変わる、WordPress でのウェブサイト開発 / SaCSS Special 26
torounit
4
870
Other Decks in Education
See All in Education
ビジネスモデル理解
takenawa
0
480
AIの時代こそ、考える知的学習術
yum3
2
140
2025.05.10 技術書とVoicyとわたし #RPALT
kaitou
1
200
データ分析
takenawa
0
470
ふりかえり研修2025
pokotyamu
0
660
Pen-based Interaction - Lecture 4 - Next Generation User Interfaces (4018166FNR)
signer
PRO
0
1.7k
系統性を意識したプログラミング教育~ガチャを実装しよう~
asial_edu
0
390
2025年度春学期 統計学 第1回 イントロダクション (2025. 4. 10)
akiraasano
PRO
0
150
Data Physicalisation - Lecture 9 - Next Generation User Interfaces (4018166FNR)
signer
PRO
0
410
建築学系 大学院説明会 2025|東京科学大学(Science Tokyo)
sciencetokyo
PRO
0
1.6k
OJTに夢を見すぎていませんか? ロールプレイ研修の試行錯誤/tryanderror-in-roleplaying-training
takipone
1
120
人になにかを教えるときに考えていること(2025-05版 / VRC-LT #18)
sksat
4
980
Featured
See All Featured
Art, The Web, and Tiny UX
lynnandtonic
298
21k
The Cost Of JavaScript in 2023
addyosmani
49
8.1k
Site-Speed That Sticks
csswizardry
7
590
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.2k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
Designing for Performance
lara
608
69k
The Power of CSS Pseudo Elements
geoffreycrofte
76
5.8k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
34
2.3k
Testing 201, or: Great Expectations
jmmastey
42
7.5k
GitHub's CSS Performance
jonrohan
1031
460k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
180
53k
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