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

初めてのGutenberg 使ってみた！

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

初めてのGutenberg 使ってみた！

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

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

Avatar for ud_fibonacci

ud_fibonacci

September 29, 2018
Tweet

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
350
ゼロから学ぼう！ブロックエディター（Gutenberg）/ Let's learn Block Editor from scratch！
Avatar for ud_fibonacci ud_fibonacci
4
3.7k
ユーザー目線で学ぶGutenberg / Gutenberg to learn from a user perspective
Avatar for ud_fibonacci ud_fibonacci
1
1.3k
WordPressの新しいエディター
ってどんなもの？ /What is the new WordPress editor?
Avatar for ud_fibonacci ud_fibonacci
1
240
クリエイティブなカードゲームで遊ぼう！
Avatar for ud_fibonacci ud_fibonacci
0
1.2k
もっと知りたいWordPress 〜基本からビジョンまで、実行委員になんでも聞いちゃうよ〜 /We want to know WordPress more！
Avatar for ud_fibonacci ud_fibonacci
2
4.2k
案件を通して学んだ失敗と成功の総決算　〜 ほぼ未経験者の主婦が挑んだ既存サイトのリニューアル 〜
Avatar for ud_fibonacci ud_fibonacci
1
210
【修正】案件を通して学んだ失敗と成功の総決算〜ほう未経験者の主婦が挑んだ既存サイトのリニューアル〜
Avatar for ud_fibonacci ud_fibonacci
0
410

Other Decks in Technology

See All in Technology
現場データから見える、開発生産性の変化コード生成AI導入・運用のリアル〜 / Changes in Development Productivity and Operational Challenges Following the Introduction of Code Generation AI
Avatar for NTT docomo Business nttcom
1
460
SQLAlchemy の select(User).where(User.id =="123") を理解してみる/sqlalchemy deep dive
Avatar for Ryusei Ohkura 3l4l5
3
310
AI-Readyを目指した非構造化データのメダリオンアーキテクチャ
Avatar for R-Miura r_miura
1
290
Introduction to Sansan for Engineers / エンジニア向け会社紹介
Avatar for Sansan, Inc. sansan33
PRO
5
43k
20251027_マルチエージェントとは
Avatar for Almondoイベント担当 almondo_event
0
100
QA業務を変える（！？）AIを併用した不具合分析の実践
Avatar for ma2ri__ ma2ri
0
120
スタートアップの現場で実践しているテストマネジメント #jasst_kyushu
Avatar for Makky makky_tyuyan
0
110
プレイドのユニークな技術とインターンのリアル
Avatar for PLAID Tech plaidtech
PRO
1
280
今この時代に技術とどう向き合うべきか
Avatar for gree_tech gree_tech
PRO
2
2.2k
Introduction to Sansan, inc / Sansan Global Development Center, Inc.
Avatar for Sansan, Inc. sansan33
PRO
0
2.8k
コンパウンド組織のCRE #cre_meetup
Avatar for LayerX layerx
PRO
1
240
OpenTelemetry が拡げる Gemini CLI の可観測性
Avatar for Tomonori Hayashi phaya72
2
2.1k

Featured

See All Featured
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
59
9.6k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.1k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.5k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7.2k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
1.7k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
9
930
The Language of Interfaces
Avatar for Des Traynor destraynor
162
25k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
791
250k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
65
7.9k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
29
5.6k

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 ͋Γ͕ͱ͏͍͟͝·ͨ͠