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.5k
ブロックエディタをゴリゴリに使い倒してサイトを作った話 / 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
840
Block Editor カスタマイズ入門 #WPmeetupOsaka / Get started customize for block editor
torounit
12
3.1k
本当にだれにでもできる、WordPress をよりよいものにする方法。/ wordcamp tokyo 2019
torounit
2
3k
Other Decks in Technology
See All in Technology
OCI Vault 概要
oracle4engineer
PRO
0
9.7k
アジャイルでの品質の進化 Agile in Motion vol.1/20241118 Hiroyuki Sato
shift_evolve
0
170
AIチャットボット開発への生成AI活用
ryomrt
0
170
強いチームと開発生産性
onk
PRO
35
11k
Amplify Gen2 Deep Dive / バックエンドの型をいかにしてフロントエンドへ伝えるか #TSKaigi #TSKaigiKansai #AWSAmplifyJP
tacck
PRO
0
390
TypeScriptの次なる大進化なるか!? 条件型を返り値とする関数の型推論
uhyo
2
1.7k
Python(PYNQ)がテーマのAMD主催のFPGAコンテストに参加してきた
iotengineer22
0
500
ISUCONに強くなるかもしれない日々の過ごしかた/Findy ISUCON 2024-11-14
fujiwara3
8
870
複雑なState管理からの脱却
sansantech
PRO
1
150
【Pycon mini 東海 2024】Google Colaboratoryで試すVLM
kazuhitotakahashi
2
540
AWS Lambdaと歩んだ“サーバーレス”と今後 #lambda_10years
yoshidashingo
1
180
第1回 国土交通省 データコンペ参加者向け勉強会③- Snowflake x estie編 -
estie
0
130
Featured
See All Featured
Why You Should Never Use an ORM
jnunemaker
PRO
54
9.1k
Fireside Chat
paigeccino
34
3k
The Language of Interfaces
destraynor
154
24k
Rails Girls Zürich Keynote
gr2m
94
13k
How STYLIGHT went responsive
nonsquared
95
5.2k
Fashionably flexible responsive web design (full day workshop)
malarkey
405
65k
Art, The Web, and Tiny UX
lynnandtonic
297
20k
How to Ace a Technical Interview
jacobian
276
23k
Being A Developer After 40
akosma
87
590k
Site-Speed That Sticks
csswizardry
0
28
How To Stay Up To Date on Web Technology
chriscoyier
788
250k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
126
18k
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