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

初めてのGutenberg 使ってみた！

Avatar for ud_fibonacci ud_fibonacci
September 29, 2018
Technology
2.3k
2

初めてのGutenberg 使ってみた！

#1 WP ZoomUPでお話したGuterbergの基礎のお話です。

https://wpzoom.connpass.com/event/100153/

Avatar for ud_fibonacci

ud_fibonacci

September 29, 2018

More Decks by ud_fibonacci

See All by ud_fibonacci
WordPressってどういうもの？これから始める・始めたばかりの方へ / What is WordPress
Avatar for ud_fibonacci ud_fibonacci
3
1.5k
デモを見て学ぼう！WordPressサイトの 作り方 / Learn how to create a WordPress site with a demo
Avatar for ud_fibonacci ud_fibonacci
3
370
ゼロから学ぼう！ブロックエディター（Gutenberg）/ Let's learn Block Editor from scratch！
Avatar for ud_fibonacci ud_fibonacci
4
4.1k
ユーザー目線で学ぶGutenberg / Gutenberg to learn from a user perspective
Avatar for ud_fibonacci ud_fibonacci
1
1.5k
WordPressの新しいエディター
ってどんなもの？ /What is the new WordPress editor?
Avatar for ud_fibonacci ud_fibonacci
1
270
クリエイティブなカードゲームで遊ぼう！
Avatar for ud_fibonacci ud_fibonacci
0
1.3k
もっと知りたいWordPress 〜基本からビジョンまで、実行委員になんでも聞いちゃうよ〜 /We want to know WordPress more！
Avatar for ud_fibonacci ud_fibonacci
2
4.4k
案件を通して学んだ失敗と成功の総決算　〜 ほぼ未経験者の主婦が挑んだ既存サイトのリニューアル 〜
Avatar for ud_fibonacci ud_fibonacci
1
220
【修正】案件を通して学んだ失敗と成功の総決算〜ほう未経験者の主婦が挑んだ既存サイトのリニューアル〜
Avatar for ud_fibonacci ud_fibonacci
0
450

Other Decks in Technology

See All in Technology
【NRUG vol.18】KubernetesにおけるNew Relicデータ取得量削減の考え方
Avatar for NRUG member nrug_member
0
170
「勝手に広まる」人気 AI エージェントを爆速で作ろう！（AWS Summit Japan 2026講演資料）
Avatar for みのるん minorun365
PRO
10
2k
AWS Security Hub CSPMの成功・失敗体験
Avatar for cm-usuda-keisuke cmusudakeisuke
0
290
【Cyber-sec+】経営層を"動かす"ための考え方
Avatar for Hisashi Hibino hssh2_bin
0
200
アンオフィシャルな､オフィシャルからのお願い
Avatar for wataru yamazaki (DevRel) wyamazak_devrel
0
140
Bucharest Tech Week 2026 - Guardians of the Cloud-Native Galaxy
Avatar for Eric Deandrea edeandrea
PRO
0
130
AWS Security Agent といっしょに脅威モデリングをやってみよう
Avatar for amarelo_n24 amarelo_n24
1
180
ザ・データベース、MySQL ～ OSC 2026 Sendai ～
Avatar for sakaik sakaik
0
150
2026 TECHFRESH 畢業分享會 - 開發日常大解密！從領域驅動到企業級上線
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
1.3k
AIネイティブな開発のサプライチェーンリスク対策 〜激動の開発現場でリスクに立ち向かう〜【ZennFes】
Avatar for サイバーセキュリティクラウド cscengineer
PRO
2
140
脱SaaS！FDEを支えるプロビジョニングと分離設計
Avatar for Kenichi SUZUKI knih
0
240
AIのReact習熟度を測る
Avatar for uhyo uhyo
2
660

Featured

See All Featured
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
170
Un-Boring Meetings
Avatar for Sebastian Deterding codingconduct
0
320
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
39
3.2k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
210
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
Avatar for Helen Beal helenjbeal
1
240
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
610
A Guide to Academic Writing Using Generative AI - A Workshop
Avatar for Kenji Saito ks91
PRO
1
330
Paper Plane
Avatar for Katie Cordina Lindsey katiecoart
PRO
1
51k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3.2k
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
1
420
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
55k
KATA
Avatar for Megan Lloyd mclloyd
PRO
35
15k

Transcript

  1. ॳΊͯͷ(VUFOCFSH ࢖ͬͯΈͨʂ ଜ্௚ࢠ 81;PPN61ɹ

  2. (VUFOCFSH άʔςϯϕϧΫ ϛχηγϣϯ ॳΊͯͷํʹ͸ ΩιͷΩι طʹ͝ଘ஌ͷํʹ͸ ෮श

  3. ΞδΣϯμ  (VUFOCFSH׏ג⡦رٌ  ⢪׏ג׫׋䠬䟝  ⢪ְ倯ךֶׁ׵ְ

  4. ΞδΣϯμ  (VUFOCFSH׏ג⡦  ⢪׏ג׫׋䠬䟝  ⢪ְ倯ךֶׁ׵ְ  (VUFOCFSH׏ג⡦رٌ

  5. (VUFOCFSHͱ͸ 8PSE1SFTTך 倜׃ְؒر؍ة٦ 7FSחז׏׋׵垥彊䵧鯹✮㹀 ˟植㖈 խ8PSE1SFTTכ7FS

  6. 8PSE1SFTTͷ ΤσΟλʔ͸

  7. ࠓ·Ͱ

  8. ೥͘Β͍΄΅ಉ͡ܗͩͬͨ

  9. ΋ͬͱ࣌୅ʹଈͨ͠ ΤσΟλʔͷܗ͕ ͋ΔͷͰ͸ʁ ௚ײతʹ࢖͑Δ ͱ͍͏͜ͱͰ

  10. ϒϩοΫ ֦ுੑͷ͋Δฤू ͕Ͱ͖ΔΑ͏ʹ͠Α͏ʂ ͱݺ͹ΕΔ͔ͨ·ΓΛجຊʹͯ͠

  11. ࢝·ͬͨͷ͕ (VUFOCFSHͷ։ൃʂ

  12. ೖྗͷײ͕͡ ࣅ͍ͯΔαʔϏε

  13. %SPQCPY1BQFS .FEJVN /PUF

  14. (VUFOCFSHͷฤूը໘

  15. (VUFOCFSHͷฤूը໘

  16. (VUFOCFSHͷฤूը໘ 歗⫷ 鋅⳿׃ 俑畍 نةٝ ׉ך➭ְ׹ְ׹ ԼʹͲΜͲΜʰϒϩοΫʱͱݺ͹ΕΔɺίϯςϯπΛͷ͔ͨ·ΓΛ௥Ճ͍͖ͯ͠·͢ɻ

  17. Πϝʔδͱͯ͠͸

  18. 81;PPN61פ״ֲֿ׉ 鎸䙀ׅץֹ痥♧㔐ח׀⿫⸇ְ׋׌ֹծ ֮׶ָהֲ׀ְׂתׅ Ϙλϯ 81;PPN61 ͜ΜͳϖʔδΛ࡞Γ͍ͨͱ͖

  19. 8FCل٦آ ·ͬ͞Βͳϖʔδʹ

  20. 81;PPN61 歗⫷ ը૾ϒϩοΫʢ͜͜Ͱ͸Χόʔը૾ϒϩοΫʣ

  21. 81;PPN61פ״ֲֿ׉ 81;PPN61 鋅⳿׃ ݟग़͠ϒϩοΫ

  22. 81;PPN61פ״ֲֿ׉ 鎸䙀ׅץֹ痥♧㔐ח׀⿫⸇ְ׋׌ֹծ ֮׶ָהֲ׀ְׂתׅ 81;PPN61 俑畍媮衅 ஈམϒϩοΫ

  23. 81;PPN61פ״ֲֿ׉ 鎸䙀ׅץֹ痥♧㔐ח׀⿫⸇ְ׋׌ֹծ ֮׶ָהֲ׀ְׂתׅ Ϙλϯ 81;PPN61 نةٝ ϘλϯϒϩοΫ

  24. 81;PPN61פ״ֲֿ׉ 鎸䙀ׅץֹ痥♧㔐ח׀⿫⸇ְ׋׌ֹծ ֮׶ָהֲ׀ְׂתׅ Ϙλϯ 81;PPN61 歗⫷ 鋅⳿׃ نةٝ ϒϩοΫΛ௥Ճͯ͠΢ΣϒϖʔδΛ࡞Δ 俑畍媮衅

  25. %FNP

  26. (VUFOCFSH Ӷҙ ։ൃத

  27. Ͳ͏΍ͬͨΒ (VUFOCFSHΛࢼͤΔͷʁ

  28. ํ๏͸ ̎ͭ

  29. IUUQTKBXPSEQSFTTPSHHVUFOCFSH ɹɹମݧϖʔδͰೖྗͯ͠ΈΔ 

  30. ϓϥάΠϯΛΠϯετʔϧ IUUQTKBXPSEQSFTTPSHQMVHJOTHVUFOCFSH 

  31. (VUFOCFSHΛࢼ͢ͷʹ Φεεϝͷ ςʔϚ

  32. IUUQTHJUIVCDPNPOPDPNHVUFOCFSHDIBMMFOHF ʰ(VUFOCFSH$IBMMFOHFʱ ʰ(VUFOCFSHͰ࡞ΔϥϯσΟϯάϖʔδʱ 8PSE$BNQ0TBLB খ໺ོ࢜ ͞Μ

  33. IUUQTTOPXNPOLFZJODPSH ʰ4OPX.POLFZʱ

  34. ͥͻࢼͯ͠Έͯ ͍ͩ͘͞ ·ͩ࢖ͬͨ͜ͱͳ͍Α ͱ͍͏ํ͸

  35. ΞδΣϯμ  ⢪ְ倯ךֶׁ׵ְ  (VUFOCFSH׏ג⡦رٌ  ⢪׏ג׫׋䠬䟝

  36. ࢖ͬͯΈͨײ૝ ྑͦ͞͏ ͳΜ͔

  37. ࢖ͬͯΈͨײ૝ Ұ൪࠷ॳʹݟͨͱ͖͸ೖྗը໘͕ਅͬനա͗ͯͲ͏͠Α͏͔ͱࢥͬͨ

  38. ࢖ͬͯΈͨײ૝ Α͘ݟͯΈΔͱ

  39. ࢖ͬͯΈͨײ૝ ʰλΠτϧΛ௥Ճʱͷཝ͕͋Γ

  40. ࢖ͬͯΈͨײ૝ λΠτϧΛೖྗ͢ΔͱύʔϚϦϯΫͷมߋཝ͕ग़͖ͯͨΓ λΠϜϥά͋Δ͔ΒؾΛ͚ͭͯʂʂʂ

  41. ࢖ͬͯΈͨײ૝ Լʹ͸࣍ʹԿΛ͢΂͖͔ͷࢦ͕ࣔग़͖ͯ·͢

  42. ࢖ͬͯΈͨײ૝ (VUFOCFSH͸ඞཁͳ͍΋ͷ͸Ӆ͠ ඞཁͳ΋ͷ͸ඞཁͳ࣌ʹग़͢

  43. ࢖ͬͯΈͨײ૝ )5.-΍ಛผͳϓϩάϥϛϯάͷ஌͕ࣝͳͯ͘΋ ϘλϯΛ͚ͭͨΓը໘Λ෼ׂͰ͖ΔͳͲɺ ΍Γ͍ͨ͜ͱ͕Ͱ͖Δ

  44. ΞδΣϯμ  (VUFOCFSH׏ג⡦  رٌ⢪׏ג׫׋䠬䟝  ⢪ְ倯ךֶׁ׵ְ

  45. ΞδΣϯμ  (VUFOCFSH׏ג⡦  رٌ⢪׏ג׫׋䠬䟝  ⢪ְ倯ךֶׁ׵ְ  ⢪ְ倯ךֶׁ׵ְ

  46. ࢖͍ํͷ͓͞Β͍ 歗⫷ 鋅⳿׃ 俑畍 نةٝ ׉ך➭ְ׹ְ׹

  47. จষΛೖΕ͍ͨ৔߹

  48. จষΛೖΕ͍ͨ৔߹ ͦͷ··ςΩετΛଧͭ ςΩετͷೖྗΛͯ͠Έ·͢Αɻ

  49. จষҎ֎Λ ೖΕ͍ͨ৔߹ ը૾ ݟग़͠ Ϙλϯ

  50. ํ๏͸ ̎ͭ

  51.  ϘλϯΛԡͯ͠ ϒϩοΫͷछྨΛબΜͰ ௥Ճ͢Δ

  52. εΫϩʔϧͨ͠Β ͍ͬͺ͍ग़ͯ͘Δ

  53.  ʮʯ ʮʢϒϩοΫछྨʣʯ ͱೖྗͯ͠ɺ ໨తͷϒϩοΫछྨΛݺͼग़ͯ͠બͿ

  54. ϒϩοΫछྨͷҰཡ͕දࣔ͞ΕΔ

  55. ϒϩοΫͷछྨΛߜΓࠐΉ͜ͱ͕Ͱ͖Δ

  56. ৄࡉઃఆ͍ͨ͠ͱ͖

  57. จষશମͷઃఆΛ͍ͨ͠ͱ͖

  58. (VUFOCFSHϛχηογϣϯ͸Ҏ্Ͱ͢

  59. (VUFOCFSHʹ͍ͭͯͷ 2" ࣭໰͕͋Δํ͸͍Ζ͍Ζฉ͍ͯΈ͍ͯͩ͘͞ ίʔφʔ ࣍͸

  60. WordCamp Miami 2018 GUTENPUU ͋Γ͕ͱ͏͍͟͝·ͨ͠