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
初めてのGutenberg 使ってみた!
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
ud_fibonacci
September 29, 2018
Technology
2.4k
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
初めてのGutenberg 使ってみた!
#1 WP ZoomUPでお話したGuterbergの基礎のお話です。
https://wpzoom.connpass.com/event/100153/
ud_fibonacci
September 29, 2018
More Decks by ud_fibonacci
See All by ud_fibonacci
WordPressってどういうもの?これから始める・始めたばかりの方へ / What is WordPress
ud_fibonacci
3
1.6k
デモを見て学ぼう!WordPressサイトの 作り方 / Learn how to create a WordPress site with a demo
ud_fibonacci
3
380
ゼロから学ぼう!ブロックエディター(Gutenberg)/ Let's learn Block Editor from scratch!
ud_fibonacci
4
4.2k
ユーザー目線で学ぶGutenberg / Gutenberg to learn from a user perspective
ud_fibonacci
1
1.6k
WordPressの新しいエディター ってどんなもの? /What is the new WordPress editor?
ud_fibonacci
1
280
クリエイティブなカードゲームで遊ぼう!
ud_fibonacci
0
1.3k
もっと知りたいWordPress 〜基本からビジョンまで、実行委員になんでも聞いちゃうよ〜 /We want to know WordPress more!
ud_fibonacci
2
4.4k
案件を通して学んだ失敗と成功の総決算 〜 ほぼ未経験者の主婦が挑んだ既存サイトのリニューアル 〜
ud_fibonacci
1
230
【修正】案件を通して学んだ失敗と成功の総決算〜ほう未経験者の主婦が挑んだ既存サイトのリニューアル〜
ud_fibonacci
0
460
Other Decks in Technology
See All in Technology
DINO-EdgeQuery:Edge-First Polygon Decoding for Building Footprint Extraction from Satellite Imagery
lehupa
0
160
【視聴者参加型!】AWSセキュリティアンチパターンクイズ
syoshie
0
450
AI活用の現在地、 ちゃんと見えてますか?/XPfest-2026
visional_engineering_and_design
0
160
スクラムで身についていた動き方を、XPで捉え直してみた
codmoninc
PRO
1
290
[DroidKaigi 2026] Making UI specifications visible: Android UI development in the AI agent era supported by Compose Screenshot Testing and galleries
syarihu
0
600
リージョンの壁を越える、 ちょっと変わったAWSサービスの話
falken
PRO
0
270
omasushiというライブラリを作った
polidog
PRO
0
100
Nav2、Nav3 ... はたまた自作?〜 作って理解する Nav3 の設計意図 〜 / Nav2, Nav3 ... or Build Your Own? — Understanding Nav3's design intent by building it from scratch
yanzm
0
260
AIで仕事のやり方を変える
matsu7874
1
960
PM領域でのAI Agentの活用
lycorptech_jp
PRO
0
280
エンタープライズInnerSourceと開発者ポータル
nogikazuma
1
110
Azure Cost Management の FOCUS コストデータを迷わず読むための“3つの軸”
tetsuyaooooo
0
150
Featured
See All Featured
Site-Speed That Sticks
csswizardry
13
1.5k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
3k
30 Presentation Tips
portentint
PRO
1
390
The #1 spot is gone: here's how to win anyway
tamaranovitovic
3
1.2k
Lightning talk: Run Django tests with GitHub Actions
sabderemane
0
250
Imperfection Machines: The Place of Print at Facebook
scottboms
270
14k
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
aleyda
1
2.1k
Statistics for Hackers
jakevdp
799
230k
4 Signs Your Business is Dying
shpigford
187
23k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.6k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
techseoconnect
PRO
0
450
Java REST API Framework Comparison - PWX 2021
mraible
34
9.7k
Transcript
ॳΊͯͷ(VUFOCFSH ͬͯΈͨʂ ଜ্ࢠ 81;PPN61ɹ
(VUFOCFSH άʔςϯϕϧΫ ϛχηγϣϯ ॳΊͯͷํʹ ΩιͷΩι طʹ͝ଘͷํʹ ෮श
ΞδΣϯμ (VUFOCFSHג⡦رٌ ⢪ג䠬䟝 ⢪ְ倯ךְֶׁ
ΞδΣϯμ (VUFOCFSHג⡦ ⢪ג䠬䟝 ⢪ְ倯ךְֶׁ (VUFOCFSHג⡦رٌ
(VUFOCFSHͱ 8PSE1SFTTך 倜׃ְؒر؍ة٦ 7FSחז垥彊䵧鯹✮㹀 ˟植㖈 խ8PSE1SFTTכ7FS
8PSE1SFTTͷ ΤσΟλʔ
ࠓ·Ͱ
͘Β͍΄΅ಉ͡ܗͩͬͨ
ͬͱ࣌ʹଈͨ͠ ΤσΟλʔͷܗ͕ ͋ΔͷͰʁ ײతʹ͑Δ ͱ͍͏͜ͱͰ
ϒϩοΫ ֦ுੑͷ͋Δฤू ͕Ͱ͖ΔΑ͏ʹ͠Α͏ʂ ͱݺΕΔ͔ͨ·ΓΛجຊʹͯ͠
࢝·ͬͨͷ͕ (VUFOCFSHͷ։ൃʂ
ೖྗͷײ͕͡ ࣅ͍ͯΔαʔϏε
%SPQCPY1BQFS .FEJVN /PUF
(VUFOCFSHͷฤूը໘
(VUFOCFSHͷฤूը໘
(VUFOCFSHͷฤूը໘ 歗⫷ 鋅⳿׃ 俑畍 نةٝ ך➭ְְ ԼʹͲΜͲΜʰϒϩοΫʱͱݺΕΔɺίϯςϯπΛͷ͔ͨ·ΓΛՃ͍͖ͯ͠·͢ɻ
Πϝʔδͱͯ͠
81;PPN61פ״ֲֿ 鎸䙀ׅץֹ痥♧㔐ח׀⸇ְֹծ ָ֮הֲ׀ְׂתׅ Ϙλϯ 81;PPN61 ͜ΜͳϖʔδΛ࡞Γ͍ͨͱ͖
8FCل٦آ ·ͬ͞Βͳϖʔδʹ
81;PPN61 歗⫷ ը૾ϒϩοΫʢ͜͜ͰΧόʔը૾ϒϩοΫʣ
81;PPN61פ״ֲֿ 81;PPN61 鋅⳿׃ ݟग़͠ϒϩοΫ
81;PPN61פ״ֲֿ 鎸䙀ׅץֹ痥♧㔐ח׀⸇ְֹծ ָ֮הֲ׀ְׂתׅ 81;PPN61 俑畍媮衅 ஈམϒϩοΫ
81;PPN61פ״ֲֿ 鎸䙀ׅץֹ痥♧㔐ח׀⸇ְֹծ ָ֮הֲ׀ְׂתׅ Ϙλϯ 81;PPN61 نةٝ ϘλϯϒϩοΫ
81;PPN61פ״ֲֿ 鎸䙀ׅץֹ痥♧㔐ח׀⸇ְֹծ ָ֮הֲ׀ְׂתׅ Ϙλϯ 81;PPN61 歗⫷ 鋅⳿׃ نةٝ ϒϩοΫΛՃͯ͠ΣϒϖʔδΛ࡞Δ 俑畍媮衅
%FNP
(VUFOCFSH Ӷҙ ։ൃத
Ͳ͏ͬͨΒ (VUFOCFSHΛࢼͤΔͷʁ
ํ๏ ̎ͭ
IUUQTKBXPSEQSFTTPSHHVUFOCFSH ɹɹମݧϖʔδͰೖྗͯ͠ΈΔ
ϓϥάΠϯΛΠϯετʔϧ IUUQTKBXPSEQSFTTPSHQMVHJOTHVUFOCFSH
(VUFOCFSHΛࢼ͢ͷʹ Φεεϝͷ ςʔϚ
IUUQTHJUIVCDPNPOPDPNHVUFOCFSHDIBMMFOHF ʰ(VUFOCFSH$IBMMFOHFʱ ʰ(VUFOCFSHͰ࡞ΔϥϯσΟϯάϖʔδʱ 8PSE$BNQ0TBLB খོ࢜ ͞Μ
IUUQTTOPXNPOLFZJODPSH ʰ4OPX.POLFZʱ
ͥͻࢼͯ͠Έͯ ͍ͩ͘͞ ·ͩͬͨ͜ͱͳ͍Α ͱ͍͏ํ
ΞδΣϯμ ⢪ְ倯ךְֶׁ (VUFOCFSHג⡦رٌ ⢪ג䠬䟝
ͬͯΈͨײ ྑͦ͞͏ ͳΜ͔
ͬͯΈͨײ Ұ൪࠷ॳʹݟͨͱ͖ೖྗը໘͕ਅͬനա͗ͯͲ͏͠Α͏͔ͱࢥͬͨ
ͬͯΈͨײ Α͘ݟͯΈΔͱ
ͬͯΈͨײ ʰλΠτϧΛՃʱͷཝ͕͋Γ
ͬͯΈͨײ λΠτϧΛೖྗ͢ΔͱύʔϚϦϯΫͷมߋཝ͕ग़͖ͯͨΓ λΠϜϥά͋Δ͔ΒؾΛ͚ͭͯʂʂʂ
ͬͯΈͨײ Լʹ࣍ʹԿΛ͖͔͢ͷࢦ͕ࣔग़͖ͯ·͢
ͬͯΈͨײ (VUFOCFSHඞཁͳ͍ͷӅ͠ ඞཁͳͷඞཁͳ࣌ʹग़͢
ͬͯΈͨײ )5.-ಛผͳϓϩάϥϛϯάͷ͕ࣝͳͯ͘ ϘλϯΛ͚ͭͨΓը໘ΛׂͰ͖ΔͳͲɺ Γ͍ͨ͜ͱ͕Ͱ͖Δ
ΞδΣϯμ (VUFOCFSHג⡦ رٌ⢪ג䠬䟝 ⢪ְ倯ךְֶׁ
ΞδΣϯμ (VUFOCFSHג⡦ رٌ⢪ג䠬䟝 ⢪ְ倯ךְֶׁ ⢪ְ倯ךְֶׁ
͍ํͷ͓͞Β͍ 歗⫷ 鋅⳿׃ 俑畍 نةٝ ך➭ְְ
จষΛೖΕ͍ͨ߹
จষΛೖΕ͍ͨ߹ ͦͷ··ςΩετΛଧͭ ςΩετͷೖྗΛͯ͠Έ·͢Αɻ
จষҎ֎Λ ೖΕ͍ͨ߹ ը૾ ݟग़͠ Ϙλϯ
ํ๏ ̎ͭ
ϘλϯΛԡͯ͠ ϒϩοΫͷछྨΛબΜͰ Ճ͢Δ
εΫϩʔϧͨ͠Β ͍ͬͺ͍ग़ͯ͘Δ
ʮʯ ʮʢϒϩοΫछྨʣʯ ͱೖྗͯ͠ɺ తͷϒϩοΫछྨΛݺͼग़ͯ͠બͿ
ϒϩοΫछྨͷҰཡ͕දࣔ͞ΕΔ
ϒϩοΫͷछྨΛߜΓࠐΉ͜ͱ͕Ͱ͖Δ
ৄࡉઃఆ͍ͨ͠ͱ͖
จষશମͷઃఆΛ͍ͨ͠ͱ͖
(VUFOCFSHϛχηογϣϯҎ্Ͱ͢
(VUFOCFSHʹ͍ͭͯͷ 2" ࣭͕͋Δํ͍Ζ͍Ζฉ͍ͯΈ͍ͯͩ͘͞ ίʔφʔ ࣍
WordCamp Miami 2018 GUTENPUU ͋Γ͕ͱ͏͍͟͝·ͨ͠