Upgrade to Pro — share decks privately, control downloads, hide ads and more …

はじめてのカスタムブロック

Takahashi Fumiki
March 01, 2018
How-to & DIY
0
6.4k

 はじめてのカスタムブロック

GutenbergミートアップVol.1の発表資料です。WordPressの次世代エディタGutenbergでカスタムブロックを作ってみます。

Takahashi Fumiki

March 01, 2018
Tweet

More Decks by Takahashi Fumiki

See All by Takahashi Fumiki
きっと誰もが感謝するCJKマスターに君もなろう！
fumikito
0
570
めざせマルチパブリッシングプラットフォーム
fumikito
1
120
WordPress+PayPal秘話
fumikito
0
250
wp_next_step WordPress, Web, そして私たちの未来
fumikito
0
5.2k
Pの歴史 我々はなぜWordPress専門メディアを作るに至ったか
fumikito
1
1.4k
wpionic.tokyo #1
fumikito
0
690
カスタムエンドポイントで学ぶ WP REST APIの真髄
fumikito
4
1.1k
wpionic.tokyo #1
fumikito
0
270
たいへーん！ とつぜん大規模サイトを作ることになった！ 複数サーバ対応プラグインの紹介
fumikito
0
4k

Other Decks in How-to & DIY

See All in How-to & DIY
キャンプでIoT冷蔵庫は使えるのか
runrunsan
0
180
市民の先生_4写真素材と画像作成.pdf
keita_yoshikawa
0
150
micro:bitでオタマトーン
keicafeblack
0
440
画面の広さが作業効率化の鍵？～32インチ4Kディスプレイvs11.6インチ2面ディスプレイ～
shirayanagiryuji
0
190
木魚でSpotify制御() #iotlt
n0bisuke2
0
240
Cloudflare Mail Routingを使ってみた
mattenn
0
140
効率厨になるための たった３つの考え方 / How to be an efficient person
meggy
1
150
1on1の「話したいことは特にないです」を解決する ~ 共感から始まる関係性改善のススメ ~ / How to solve rejection on 1on1
yasuakiomokawa
14
22k
文系のシステム開発理系のコーディング
shirayanagiryuji
0
320
100均商品でスモールスタートを決めよう MixLeap Live LT #42 - 「デスク周りのDIY」
dafujii
0
470
スマホでNode-RED
ozk009
0
180
TOMARIGI運営(ZERO FAMILYの皆様へ)
bigtree
0
270

Featured

See All Featured
Building Adaptive Systems
keathley
25
1.2k
Debugging Ruby Performance
tmm1
66
11k
The Illustrated Children's Guide to Kubernetes
chrisshort
22
41k
A designer walks into a library…
pauljervisheath
197
16k
Put a Button on it: Removing Barriers to Going Fast.
kastner
56
2.4k
Fontdeck: Realign not Redesign
paulrobertlloyd
73
4.2k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
235
1.1M
Scaling GitHub
holman
453
140k
A Tale of Four Properties
chriscoyier
149
21k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
120
28k
Build The Right Thing And Hit Your Dates
maggiecrowley
21
1.3k
A Modern Web Designer's Workflow
chriscoyier
690
180k

Transcript

  1. ͸͡ΊͯͷΧελϜϒϩοΫ ߴڮจथ!$BQJUBM1 TU.BS(VUFOCFSH.FFUVQ7PM

  2. ϒϩοΫͱ͸ʁ w (VUFOCFSH͕ҎલͷϏδϡΞϧΤσΟλ5JOZ.$& ͱେ෯ʹมΘͬͨϙΠϯτ w ࣮ମ͸ίϝϯτλάͰׅΒΕ֦ͨுλάͷΑ͏ͳ΋ ͷɻγϣʔτίʔυΈ͍ͨͳ΍ͭɻ w ͜ͷίϝϯτͱ8ZTJXZHͳฤूը໘Λ͍ͬͨΓ͖ ͨΓ͢Δͷʹ3FBDU͕࢖ΘΕ͍ͯΔɻ

    2

  3. 3

  4. εςοϓͱΓ͋͑ͣ࡞Δ w (VUFOCFSHͷ(JUIVCϦϙδτϦʹ͋Διʔείʔ υΛίϐϖ͢ΔͱͱΓ͋͑ͣ࡞ΕΔɻ w ΍ͬͯΈΑ͏ʂ 4

  5. ͸͍ɻ 5

  6. ੒Ռ෺ w ϓϧμ΢ϯΛબͿͱɺ MPSFNQJYFMDPN ͱ͍͏α Πτ͔ΒϥϯμϜʹը૾ΛҾͬுͬͯ͘Δ w อଘ͢ΔͱJNHλάʹม׵͞ΕΔ w FM

    ΊΜͲ͘͞ʜʜ 6

  7. εςοϓ+49ͷํ͕Α͍ 7

  8. ͸͍ɻ 8

  9. ੒Ռ෺ w Ͱ͖ͨ΋ͷ͸৴͕͍͙ͨ͡Β͍ಉ͡ w +49ͷํ͕·͠Ͱ͸͋Δɻ w 8FCQBDLʹͨ͠Βಈ͔ͳ͔ͬͨɻແࣄࢮ๢ɻ 9

  10. εςοϓͳΜ͔΋͏ͪΐͬͱ w ೖྗͨ͠஋ͱ࣮ࡍͷݟӫ͕͍͑͢͝มΘΔ΍͕ͭ࡞ Γ͍ͨɻ w ৘ऑϦςϥγʔͷ௿͍ํͰ΋ෳࡶͳԿ͔͕ೖྗͰ͖ ΔΑ͏ʹͳΔɻ w $47ΛೖΕͨΒ5BCMFλάʹͳΔͱ͔ɻ 10

  11. ͸͍ɻ 11

  12. ੒Ռ෺ w γϣʔτίʔυͱͷࠩผԽΛͲ͏͠Α͏ʜʜ w ஋Λ໭ͤͳ͍Μ͚ͩͲʢ)5.-ͷଐੑͳͲΛऔΔͷ ͸؆୯ʂʣ w ೉ͦ͠͏ 12

  13. ࠓ೔ͷࢿྉ w εϥΠυ͸ޙ೔Ͳ͔͜ʹΞοϓ͠·͢ɻ w (JUIVCϦϙδτϦ͸ GVNJLJUPNZpSTUCMPDL Ͱ ͢ɻ w ࠷ॳͷϒϩοΫʹؔ͢Δهࣄ͸$BQJUBM

    1ʹ ʮ(VUFOCFSH͸͡ΊͯͷΧελϜϒϩοΫʯͱ͠ ͯެ։ͯ͠·͢ɻ 13

  14. rΤϨϊΞɾϧʔζϕϧτ ͋ͳ͕ͨڪΕ͍ͯΔ͜ͱΛ ຖ೔Ұͭߦ͍ͳ͍͞ɻ 14

  15. ͓͠·͍ɻ 15 IUUQTDBQJUBMQKQ