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
59
僕が考える 「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
550
ブロックエディターで変わる、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
環境・社会理工学院 建築学系 大学院入試について|Science Tokyo(東京科学大学)
sciencetokyo
PRO
0
220
Initiatives on Bridging the Gender Gap in the Technology Sector
codeforeveryone
0
130
SAT Bootcamp and Course
syedmahadd
0
170
Monaca Education 活用事例セミナー:「年間通してMonaca Educationを活用する授業実践のご報告」
asial_edu
0
130
リバースバケットリスト 〜 「死ぬまでにやることリスト」の欠点と対処法
takibi333
0
130
Web Search and SEO - Lecture 10 - Web Technologies (1019888BNR)
signer
PRO
2
2.6k
いにしえの国産データベース~桐~って知っていますか?
masakiokuda
2
110
書を持って、自転車で町へ出よう
yuritaco
0
150
Mathematics used in cryptography around us
herumi
2
760
中野区ミライ★ライター倶楽部presents『MINT』
nakamuramikumirai
0
740
Juvenile in Justice
oripsolob
0
300
Multimodal Interaction - Lecture 3 - Next Generation User Interfaces (4018166FNR)
signer
PRO
0
1.5k
Featured
See All Featured
Docker and Python
trallard
44
3.3k
Gamification - CAS2011
davidbonilla
80
5.2k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.2k
Statistics for Hackers
jakevdp
797
220k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
12
990
Building a Scalable Design System with Sketch
lauravandoore
461
33k
Building Applications with DynamoDB
mza
93
6.2k
Writing Fast Ruby
sferik
628
61k
Testing 201, or: Great Expectations
jmmastey
42
7.2k
A Philosophy of Restraint
colly
203
16k
For a Future-Friendly Web
brad_frost
176
9.6k
Measuring & Analyzing Core Web Vitals
bluesmoon
6
260
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