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.1k
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)
僕が考える 「HTML サイトを WordPress にする」話 / 2023-11-05 Kansai WordPress Meetup
torounit
9
6.8k
Cloudflare Pages に入門してみた / 2023-10-14 Cloudflare Meetup Nagano Vol.2
torounit
1
850
ブロックエディタをゴリゴリに使い倒してサイトを作った話 / Kansai WordPress Meetup 2023 09 23
torounit
14
8.9k
ブロックエディターカスタマイズことはじめ #wpshinshu / 2023-06-17 Shinshu WordPress Meetup vol.24
torounit
1
300
FSE時代におけるWEBサイト制作の研究 #wpshinshu / 2023-05-20 Shinshu WordPress Meetup vol.23
torounit
0
370
ブロックエディターを用いたWEBサイト開発とカスタムフィールドのあり方を考える。/ WordCamp Japan 2021
torounit
0
490
ブロックエディターで変わる、WordPress でのウェブサイト開発 / SaCSS Special 26
torounit
4
820
Block Editor カスタマイズ入門 #WPmeetupOsaka / Get started customize for block editor
torounit
12
2.9k
本当にだれにでもできる、WordPress をよりよいものにする方法。/ wordcamp tokyo 2019
torounit
2
2.4k
Other Decks in Education
See All in Education
スタートアップCTOが個人開発で収益化・年13本記事発信・5件登壇を平行するための時間管理
texmeijin
4
780
Introduction - Lecture 1 - Information Visualisation (4019538FNR)
signer
PRO
0
3.5k
Data Processing and Visualisation Frameworks - Lecture 6 - Information Visualisation (4019538FNR)
signer
PRO
1
1.7k
1,000年後の未来人に届くWebサイトを作りたい!
oguemon
2
1.1k
ISMSってどんなもの?
fbei_ot
0
130
Interactive Tabletops and Surfaces - Lecture 7 - Next Generation User Interfaces (4018166FNR)
signer
PRO
1
1.2k
キャリアと組織の成長塾#1 アスリートからエンジニアの道へ
takashi_toyosaki
1
360
HyRead2324
cbtlibrary
0
110
自由の森学園学校紹介資料
jiyunomori
0
1.1k
Digijulkaisut
matleenalaakso
1
8.5k
【業務イメージスライド】コンサル_観光業の変化について_セナカインターン
cenaka_intern
0
180
Best Wedding day perfume
vicjon
0
240
Featured
See All Featured
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3k
Ruby is Unlike a Banana
tanoku
95
10k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
319
20k
Robots, Beer and Maslow
schacon
PRO
154
7.9k
Building a Scalable Design System with Sketch
lauravandoore
455
32k
Building Effective Engineering Teams - LeadDev
addyosmani
25
1.8k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
18
1.7k
Building a Modern Day E-commerce SEO Strategy
aleyda
15
6.3k
A designer walks into a library…
pauljervisheath
199
23k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
67
38k
Building Your Own Lightsaber
phodgson
97
5.6k
The Straight Up "How To Draw Better" Workshop
denniskardys
227
130k
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