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
最近作ったプラグインをせっかくなので紹介する #wpshinshu / 2019-01-12 ...
Search
Toro_Unit (Hiroshi Urabe)
January 12, 2019
Technology
0
69
最近作ったプラグインをせっかくなので紹介する #wpshinshu / 2019-01-12 WPShinshu
信州 WordPress Meetup vol.9 登壇資料です。
Toro_Unit (Hiroshi Urabe)
January 12, 2019
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
7.2k
Cloudflare Pages に入門してみた / 2023-10-14 Cloudflare Meetup Nagano Vol.2
torounit
2
1.4k
ブロックエディタをゴリゴリに使い倒してサイトを作った話 / Kansai WordPress Meetup 2023 09 23
torounit
14
9.5k
ブロックエディターカスタマイズことはじめ #wpshinshu / 2023-06-17 Shinshu WordPress Meetup vol.24
torounit
1
360
FSE時代におけるWEBサイト制作の研究 #wpshinshu / 2023-05-20 Shinshu WordPress Meetup vol.23
torounit
0
400
ブロックエディターを用いたWEBサイト開発とカスタムフィールドのあり方を考える。/ WordCamp Japan 2021
torounit
0
520
ブロックエディターで変わる、WordPress でのウェブサイト開発 / SaCSS Special 26
torounit
4
830
Block Editor カスタマイズ入門 #WPmeetupOsaka / Get started customize for block editor
torounit
12
3.1k
本当にだれにでもできる、WordPress をよりよいものにする方法。/ wordcamp tokyo 2019
torounit
2
2.8k
Other Decks in Technology
See All in Technology
なんで、私がAWS Heroに!? 〜社外の広い世界に一歩踏み出そう〜
minorun365
PRO
6
1.1k
신뢰할 수 있는 AI 검색 엔진을 만들기 위한 Liner의 여정
huffon
0
360
10分でわかるfreee エンジニア向け会社説明資料
freee
18
520k
GitHub Universe: Evaluating RAG apps in GitHub Actions
pamelafox
0
180
わたしとトラックポイント / TrackPoint tips
masahirokawahara
1
240
[JAWS-UG金沢支部×コンテナ支部合同企画]コンテナとは何か
furuton
3
260
マネジメント視点でのre:Invent参加 ~もしCEOがre:Inventに行ったら~
kojiasai
0
470
フルカイテン株式会社 採用資料
fullkaiten
0
36k
ガバメントクラウド先行事業中間報告を読み解く
sugiim
1
1.4k
【技術書典17】OpenFOAM(自宅で極める流体解析)2次元円柱まわりの流れ
kamakiri1225
0
220
Jr. Championsになって、強く連携しながらAWSをもっと使いたい!~AWSに対する期待と行動~
amixedcolor
0
190
物価高なラスベガスでの過ごし方
zakky
0
380
Featured
See All Featured
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
27
4.2k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
4
290
The World Runs on Bad Software
bkeepers
PRO
65
11k
Navigating Team Friction
lara
183
14k
For a Future-Friendly Web
brad_frost
175
9.4k
Why You Should Never Use an ORM
jnunemaker
PRO
53
9k
The Invisible Side of Design
smashingmag
297
50k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.1k
VelocityConf: Rendering Performance Case Studies
addyosmani
325
24k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
126
18k
A Philosophy of Restraint
colly
203
16k
Transcript
࠷ۙ࡞ͬͨϓϥάΠϯΛ ͔ͤͬ͘ͳͷͰհ͢Δ Toro_Unit@ Shinshu WP Meetup vol.9 1
$ whoami 2
Toro_Unit ෦ ߛ (͏Β ͻΖ͠) • Frontend Engineer • WordPress
Plugin and Theme Developer Github: @torounit Twitter: @Toro_Unit 3
ࡳຈͷձࣾͰϦϞʔτϫʔΫͯ͠·͢ 4
5
Contribution • WordPress 5.0.1 and 5.1 (Α͍ͯ) • WordCamp Kyoto
2017 / Osaka 2018 / Ogijima 2018 ࣮ߦҕһ • WordCamp Osaka 2018 Speaker. • etc... 6
Plugins and Themes • Custom Post Type Permalinks • Simple
Post Type Permalinks • Powerful Posts Per Page (PPPP) • Smart PWA <- new! • Vanilla • and more... 7
͚͋·͓ͯ͠ΊͰͱ͏͍͟͝·͢ɻ 8
࢝Կͯ͠·ͨ͠ʁ 9
࣮ՈͰೣٔΕͨΓ 10
11
χϡʔΠϠʔӺݟͨΓ ݩ͕܈അݝଠాࢢ 12
13
ϓϥάΠϯ࡞ͬͨ Γͯ͠·ͨ͠ 14
Δ͜ͱ͕ͳ͗ͯ͢͞… 15
࡞ͬͨϓϥάΠϯ • Advanced Posts Blocks • Advanced Archive Blocks •
Code Editor Blocks • Review Mode 16
Advanced Posts Blocks 17
18
Advanced Posts Blocks https://wordpress.org/plugins/advanced-posts-blocks/ • ʮ࠷৽ͷߘʯϒϩοΫΛڧԽͨ͠Ϡπͱ͔ͦͷ΄͔Ζ Ζɻ • ςʔϚʹPHPϑΝΠϧΛઃஔ͢Δ͜ͱͰݟͨͷΧελϚΠ ζ͕Մೳɻ
• WEB੍࡞Ͱ͍Ζ͍ΖͬͨϒϩοΫΛ·ͱΊͨɻ 19
Posts Blocks • ߘλΠϓɾΧςΰϦʔɾλάɾλΫιϊϛʔ ͰߜΓࠐΜͩ ߘҰཡΛදࣔɻ • τοϓϖʔδɺࣄۀհϖʔδͰͷؔ࿈χϡʔεͱ͔ɻ 20
Post Blocks • ಛఆͷߘΛબΜͰදࣔɻ • ؔ࿈هࣄͱ͔Λखಈઃఆ͢Δͱ͖ͱ͔ɻ 21
Children Blocks • ಛఆͷߘͷࢠϖʔδΛͯ͢දࣔɻ • ݻఆϖʔδͳͲͰαϒϝχϡʔΛ࡞ͬͨΓɻ 22
Advanced Archive Blocks 23
24
Advanced Archive Blocks https://wordpress.org/plugins/advanced-archive-blocks/ • ௨ৗͷΞʔΧΠϒϒϩοΫ݄ผ͔͠ग़དྷͳ͍ͷͰɺɾ ݄ɾɾि ͷΞʔΧΠϒ͑ΔΑ͏ʹͨ͠Ϡπɻ 25
Code Editor Blocks 26
27
Code Editor Blocks https://wordpress.org/plugins/code-editor-blocks/ • ΧελϜHTMLϒϩοΫͷϓϨϏϡʔ͕ iframe ͳͷͰɺී௨ ʹϨϯμϦϯά͢ΔΑ͏ʹͨ͠ɻϝσΟΞΫΤϦʔͳͲ͕ద ༻͞Ε͍ͯͯྑ͍ײ͡ʹϓϨϏϡʔ͢ΔΑ͏ʹɻ
• λμͷςΩετΤϦΞͰͳͯ͘ɺΤσΟλʔ(CodeMirror) Λ͏Α͏ʹͯ͠ΤϥʔͳͲΛݕͰ͖ΔΑ͏ʹɻ 28
Review Mode 29
30
Review Mode https://wordpress.org/plugins/review-mode/ • ϨϏϡʔϞʔυ͕༗ޮʹͳ͍ͬͯΔ߹ʹɺެ։ࡁΈʹՃ͑ ͯʮϨϏϡʔͪʯͷߘؚΊͯදࣔ͢ΔΑ͏ʹ͢Δɻ • ϨϏϡʔϞʔυͷઃఆϢʔβʔ͝ͱʹɻͪΖΜϩάΠϯ ͍ͯ͠ͳ͍ϢʔβʔଞͷϢʔβʔͷը໘ʹӨڹ͠ͳ͍ɻ ެ։͍ͨ͠هࣄ͕ΞʔΧΠϒҰཡͳͲͰͲͷΑ͏ʹݟ͑Δ
ͷ͔Λ֬ೝ͢ΔͨΊͷϓϥάΠϯɻ 31
ײ • ࣝͷ୨Է݉͠ͶͯɺࣄͰ࡞ͬͨػೳͰසग़ͨ͠ϠπΛϓϥάΠϯʹɻ • খ͞ͳ୯ҐͰϓϥάΠϯʹ͓ͯ͘͠ͱϝϯςφϯεָͰখճΓޮ͍ͯྑ ͍ײ͡ɻ • All in One
ͳϞϊ͕ྑ͍͔Ͳ͏͔έʔεόΠέʔε͚ͩͲɺϒϩοΫप Γখ͚ʹͨ͠ํ͕͍উखྑͦ͞͏ɻ • ৭Μͳػೳ͕ೖͬͯΔϞϊػೳ͕ڝ߹ͨ͠ͱ͖໘͍͘͞ɻ • ཉ͍͠ͷ͚ͩΠϯετʔϧ͢Ε͍͍ɻ 32
ΧελϜϒϩοΫͷϓϥάΠϯʹ͍ͭͯ • Gutenberg ͷιʔείʔυɺಘʹ block-library ลΓͷιʔείʔυΛ໓ ۤಡΜͩํ͕͍͍ɻ࣮ྫͳͲ͕গͳ͍ͷͰιʔεΛಡΉͱࢀߟʹͳΔɻ • HOC ɺReact
ͷษڧʹͳΔ͠ɺศརͳϥΠϒϥϦଟ͍ͷͰ WP API Λ͏ͱ͖ʹʹཱ͕͍ͭࣝΖ͍Ζɻ (@wordpress/data,@wordpress/ api-fetch) • ΧελϜϒϩοΫΛҊ݅͝ͱʹຖճ࡞ΔͷຊʹۤߦɻʢϒϩοΫ͝ͱͷ ೖྗͷ༷ܾΊͳͲ͕େมʣ • γϯϓϧͳίϯϙʔωϯτΛ࡞ͬͯϓϥάΠϯʹ͓ͯ͘͠ͷ͕ྑ͍ɻ 33
Thanks! Github: @torounit Twitter: @Toro_Unit Facebook: fb.me/torounit Blog: https://torounit.com 34