SlideShare a Scribd company logo
Submit Search
Upload
ブロックエディターで WordPress は この先どう変わる ?
Report
Share
Naoko Takano
Globalizer at Automattic
Follow
•
0 likes
•
625 views
1
of
24
ブロックエディターで WordPress は この先どう変わる ?
•
0 likes
•
625 views
Report
Share
Download Now
Download to read offline
Technology
山梨 WordPress Meetup 2021年1月
Read more
Naoko Takano
Globalizer at Automattic
Follow
Recommended
第1回concrete5初心者向け勉強会 by
第1回concrete5初心者向け勉強会
武彦 大山
2.2K views
•
47 slides
第3回concrete5初心者勉強会 by
第3回concrete5初心者勉強会
武彦 大山
1.9K views
•
36 slides
Concrete5を簡単・安心に使おう by
Concrete5を簡単・安心に使おう
武彦 大山
1.9K views
•
30 slides
concrete5で社内システムのお話し by
concrete5で社内システムのお話し
Tao Sasaki
2.2K views
•
25 slides
これからはじめるConcrete5 by
これからはじめるConcrete5
武彦 大山
1.1K views
•
11 slides
concrete5って何?〜Web制作者対象〜2014年版 by
concrete5って何?〜Web制作者対象〜2014年版
Hishikawa Takuro
5.2K views
•
42 slides
More Related Content
What's hot
第2回concrete5初心者向け勉強会 by
第2回concrete5初心者向け勉強会
武彦 大山
1.8K views
•
23 slides
concrete5 最新バージョンと国内コミュニティ活動の紹介 OSC2012Kyoto by
concrete5 最新バージョンと国内コミュニティ活動の紹介 OSC2012Kyoto
Hishikawa Takuro
3.7K views
•
18 slides
concrete5 最新情報 by
concrete5 最新情報
武彦 大山
1.7K views
•
31 slides
CMS の今後と IoT 〜 concrete5 などの CMS が進む道 by
CMS の今後と IoT 〜 concrete5 などの CMS が進む道
Katz Ueno
1.4K views
•
68 slides
ワードプレス by
ワードプレス
n_miura7777777
489 views
•
21 slides
WordPress使いのためのconcrete5入門 by
WordPress使いのためのconcrete5入門
Hishikawa Takuro
6.2K views
•
31 slides
What's hot
(20)
第2回concrete5初心者向け勉強会 by 武彦 大山
第2回concrete5初心者向け勉強会
武彦 大山
•
1.8K views
concrete5 最新バージョンと国内コミュニティ活動の紹介 OSC2012Kyoto by Hishikawa Takuro
concrete5 最新バージョンと国内コミュニティ活動の紹介 OSC2012Kyoto
Hishikawa Takuro
•
3.7K views
concrete5 最新情報 by 武彦 大山
concrete5 最新情報
武彦 大山
•
1.7K views
CMS の今後と IoT 〜 concrete5 などの CMS が進む道 by Katz Ueno
CMS の今後と IoT 〜 concrete5 などの CMS が進む道
Katz Ueno
•
1.4K views
ワードプレス by n_miura7777777
ワードプレス
n_miura7777777
•
489 views
WordPress使いのためのconcrete5入門 by Hishikawa Takuro
WordPress使いのためのconcrete5入門
Hishikawa Takuro
•
6.2K views
はじめての concrete5 でウェブサイト作成〜入門チュートリアルガイド by Hishikawa Takuro
はじめての concrete5 でウェブサイト作成〜入門チュートリアルガイド
Hishikawa Takuro
•
20.6K views
第4回concrete5初心者勉強会-基礎編- by Hayaka Shoji
第4回concrete5初心者勉強会-基礎編-
Hayaka Shoji
•
961 views
これからはじめるConcrete5 by 武彦 大山
これからはじめるConcrete5
武彦 大山
•
882 views
WordPress使いの為のconcrete5導入 by Toshiaki Endo
WordPress使いの為のconcrete5導入
Toshiaki Endo
•
362 views
第22回creators meet up資料 by 武彦 大山
第22回creators meet up資料
武彦 大山
•
980 views
オープンソースCMS concrete5 のご紹介 by Hishikawa Takuro
オープンソースCMS concrete5 のご紹介
Hishikawa Takuro
•
1.1K views
Webデザイナーが身に付けておきたい定番スキル ー WordPress 初級・導入編 ー by Kite Koga
Webデザイナーが身に付けておきたい定番スキル ー WordPress 初級・導入編 ー
Kite Koga
•
1.2K views
仕様書から見る concrete5 サイトの作り方 〜 WordPress サイト制作とこんなに異なるワークフロー by Katz Ueno
仕様書から見る concrete5 サイトの作り方 〜 WordPress サイト制作とこんなに異なるワークフロー
Katz Ueno
•
15.5K views
Learn vue.js by yuxiang21
Learn vue.js
yuxiang21
•
77 views
concrete5セミナー資料公開版 by Hishikawa Takuro
concrete5セミナー資料公開版
Hishikawa Takuro
•
3.8K views
Xamarinでも有能な .NET Core by Yuta Matsumura
Xamarinでも有能な .NET Core
Yuta Matsumura
•
1.3K views
Graceful degradation progressive_enhancement by Tomoyuki Kashiro
Graceful degradation progressive_enhancement
Tomoyuki Kashiro
•
401 views
2019 6-22 WordPress ver 5.1 - 5.2 機能おさらい by Yasuhiro Nozue
2019 6-22 WordPress ver 5.1 - 5.2 機能おさらい
Yasuhiro Nozue
•
99 views
concrete5 の超便利アドオン Designer Content を極める! by Katz Ueno
concrete5 の超便利アドオン Designer Content を極める!
Katz Ueno
•
5.6K views
Similar to ブロックエディターで WordPress は この先どう変わる ?
Azure Cosmos DB Emulator on Docker を GitHub Codespaces で動かす! by
Azure Cosmos DB Emulator on Docker を GitHub Codespaces で動かす!
Kazumi IWANAGA
597 views
•
30 slides
どっちの VS ショー / 伝統の Visual Studio 2019、人気の Visual Studio Code by
どっちの VS ショー / 伝統の Visual Studio 2019、人気の Visual Studio Code
Takashi Okawa
447 views
•
48 slides
WordCamp Haneda 2019 WordPress初心者のためのサイト運営虎の巻 #wchaneda by
WordCamp Haneda 2019 WordPress初心者のためのサイト運営虎の巻 #wchaneda
Hidekazu Ishikawa
1.6K views
•
74 slides
【BS11】毎年訪れる .NET のメジャーバージョンアップに備えるために取り組めること by
【BS11】毎年訪れる .NET のメジャーバージョンアップに備えるために取り組めること
日本マイクロソフト株式会社
993 views
•
27 slides
(Web に関わる人に知っておいてほしい)Web ブラウザー 最新事情 by
(Web に関わる人に知っておいてほしい)Web ブラウザー 最新事情
彰 村地
575 views
•
38 slides
日本語フォーラムで回答してみよう!~誰でも出来るWordPressへの貢献〜 by
日本語フォーラムで回答してみよう!~誰でも出来るWordPressへの貢献〜
Kazue Igarashi
1.5K views
•
19 slides
Similar to ブロックエディターで WordPress は この先どう変わる ?
(20)
Azure Cosmos DB Emulator on Docker を GitHub Codespaces で動かす! by Kazumi IWANAGA
Azure Cosmos DB Emulator on Docker を GitHub Codespaces で動かす!
Kazumi IWANAGA
•
597 views
どっちの VS ショー / 伝統の Visual Studio 2019、人気の Visual Studio Code by Takashi Okawa
どっちの VS ショー / 伝統の Visual Studio 2019、人気の Visual Studio Code
Takashi Okawa
•
447 views
WordCamp Haneda 2019 WordPress初心者のためのサイト運営虎の巻 #wchaneda by Hidekazu Ishikawa
WordCamp Haneda 2019 WordPress初心者のためのサイト運営虎の巻 #wchaneda
Hidekazu Ishikawa
•
1.6K views
【BS11】毎年訪れる .NET のメジャーバージョンアップに備えるために取り組めること by 日本マイクロソフト株式会社
【BS11】毎年訪れる .NET のメジャーバージョンアップに備えるために取り組めること
日本マイクロソフト株式会社
•
993 views
(Web に関わる人に知っておいてほしい)Web ブラウザー 最新事情 by 彰 村地
(Web に関わる人に知っておいてほしい)Web ブラウザー 最新事情
彰 村地
•
575 views
日本語フォーラムで回答してみよう!~誰でも出来るWordPressへの貢献〜 by Kazue Igarashi
日本語フォーラムで回答してみよう!~誰でも出来るWordPressへの貢献〜
Kazue Igarashi
•
1.5K views
Firefox 4 with SVG by Makoto Kato
Firefox 4 with SVG
Makoto Kato
•
867 views
Web matrix2とvisual studio by Tadahiro Ishisaka
Web matrix2とvisual studio
Tadahiro Ishisaka
•
1.3K views
Groovy base gradle_20130309 by Nobuhiro Sue
Groovy base gradle_20130309
Nobuhiro Sue
•
2.3K views
Firefox Mobile by Makoto Kato
Firefox Mobile
Makoto Kato
•
925 views
Gulp WordPress @Grand-Frontend-Osaka 2015 Summer by Kite Koga
Gulp WordPress @Grand-Frontend-Osaka 2015 Summer
Kite Koga
•
2.2K views
WordPress 5.3 の新機能や改善点について Aichi WordPress Meetup 13 by masaya yamao
WordPress 5.3 の新機能や改善点について Aichi WordPress Meetup 13
masaya yamao
•
310 views
これだけは知っておきたい「Webアクセシビリティ」のこと by Makoto Ueki
これだけは知っておきたい「Webアクセシビリティ」のこと
Makoto Ueki
•
5.6K views
Netラボ2012年6月勉強会 マイクロソフトのオープンソース戦略を考える by david9142
Netラボ2012年6月勉強会 マイクロソフトのオープンソース戦略を考える
david9142
•
2.2K views
Cordovaの最近ホットな話題と地雷をまとめて紹介 by アシアル株式会社
Cordovaの最近ホットな話題と地雷をまとめて紹介
アシアル株式会社
•
3.6K views
簡単!自動バックアップ設定でWordPressを安心運用 by Hidekazu Ishikawa
簡単!自動バックアップ設定でWordPressを安心運用
Hidekazu Ishikawa
•
847 views
はじめてのコンテナーDocker & Windows & Linux by Kazushi Kamegawa
はじめてのコンテナーDocker & Windows & Linux
Kazushi Kamegawa
•
5.6K views
DevOps on Azure Kubernetes by Issei Hiraoka
DevOps on Azure Kubernetes
Issei Hiraoka
•
3.1K views
WordPress 3.4 〜新機能や変更点〜 by Toru Miki
WordPress 3.4 〜新機能や変更点〜
Toru Miki
•
2.1K views
.NET Core向けコンテナおよびデバッグ関連のVisual Studioの新機能 by Takayoshi Tanaka
.NET Core向けコンテナおよびデバッグ関連のVisual Studioの新機能
Takayoshi Tanaka
•
422 views
More from Naoko Takano
WordPress Polyglots Team Stats, September 2020 by
WordPress Polyglots Team Stats, September 2020
Naoko Takano
350 views
•
22 slides
WordCamp Asia に行こう ! by
WordCamp Asia に行こう !
Naoko Takano
714 views
•
9 slides
WordPress における コミュニティ翻訳の事例 by
WordPress における コミュニティ翻訳の事例
Naoko Takano
761 views
•
27 slides
WordPress Community & You by
WordPress Community & You
Naoko Takano
629 views
•
31 slides
Introduction to WordPress Translation Day 4 by
Introduction to WordPress Translation Day 4
Naoko Takano
1.2K views
•
32 slides
WordPress を知っていますか? 〜 みんながつくる、みんなのツール 〜 by
WordPress を知っていますか? 〜 みんながつくる、みんなのツール 〜
Naoko Takano
2.5K views
•
46 slides
More from Naoko Takano
(20)
WordPress Polyglots Team Stats, September 2020 by Naoko Takano
WordPress Polyglots Team Stats, September 2020
Naoko Takano
•
350 views
WordCamp Asia に行こう ! by Naoko Takano
WordCamp Asia に行こう !
Naoko Takano
•
714 views
WordPress における コミュニティ翻訳の事例 by Naoko Takano
WordPress における コミュニティ翻訳の事例
Naoko Takano
•
761 views
WordPress Community & You by Naoko Takano
WordPress Community & You
Naoko Takano
•
629 views
Introduction to WordPress Translation Day 4 by Naoko Takano
Introduction to WordPress Translation Day 4
Naoko Takano
•
1.2K views
WordPress を知っていますか? 〜 みんながつくる、みんなのツール 〜 by Naoko Takano
WordPress を知っていますか? 〜 みんながつくる、みんなのツール 〜
Naoko Takano
•
2.5K views
Jetpack のバックアップ「アクティビティログ」ベータ機能デモ by Naoko Takano
Jetpack のバックアップ「アクティビティログ」ベータ機能デモ
Naoko Takano
•
2K views
WordPress Meetup チャプタープログラム参加ガイド by Naoko Takano
WordPress Meetup チャプタープログラム参加ガイド
Naoko Takano
•
1.1K views
15周年記念 WordPress でできること大全 by Naoko Takano
15周年記念 WordPress でできること大全
Naoko Takano
•
1.9K views
Blogging for Your Art Career by Naoko Takano
Blogging for Your Art Career
Naoko Takano
•
626 views
分散型企業による開発者向けリソースのオープン化 by Naoko Takano
分散型企業による開発者向けリソースのオープン化
Naoko Takano
•
621 views
コミュニティとベンダーによる ハイブリッド翻訳の取り組み by Naoko Takano
コミュニティとベンダーによる ハイブリッド翻訳の取り組み
Naoko Takano
•
3.5K views
How to Make Your Strings Translator Friendly by Naoko Takano
How to Make Your Strings Translator Friendly
Naoko Takano
•
3.2K views
WordPress 4.7 と 今後の開発ロードマップ by Naoko Takano
WordPress 4.7 と 今後の開発ロードマップ
Naoko Takano
•
4.7K views
Ride the Lightning: Distributed Teamwork by Naoko Takano
Ride the Lightning: Distributed Teamwork
Naoko Takano
•
997 views
Build Your Locale Style Guide by Naoko Takano
Build Your Locale Style Guide
Naoko Takano
•
2.5K views
The Stories From the Japanese WordPress Community by Naoko Takano
The Stories From the Japanese WordPress Community
Naoko Takano
•
7.9K views
Introduction to Translating WordPress in Japanese (WordPress 日本語翻訳の基礎) by Naoko Takano
Introduction to Translating WordPress in Japanese (WordPress 日本語翻訳の基礎)
Naoko Takano
•
1.2K views
Why WordPress became successful in Japan despite of the language barrier by Naoko Takano
Why WordPress became successful in Japan despite of the language barrier
Naoko Takano
•
4.8K views
Understanding Underscores 〜「_s」テーマってなんだろう〜 by Naoko Takano
Understanding Underscores 〜「_s」テーマってなんだろう〜
Naoko Takano
•
18K views
Recently uploaded
マネージドPostgreSQLの実現に向けたPostgreSQL機能向上(PostgreSQL Conference Japan 2023 発表資料) by
マネージドPostgreSQLの実現に向けたPostgreSQL機能向上(PostgreSQL Conference Japan 2023 発表資料)
NTT DATA Technology & Innovation
217 views
•
33 slides
概念モデリングワークショップ 設計編 by
概念モデリングワークショップ 設計編
Knowledge & Experience
10 views
•
37 slides
概念モデリングワークショップ 基礎編 by
概念モデリングワークショップ 基礎編
Knowledge & Experience
19 views
•
71 slides
01Booster Studio ご紹介資料 by
01Booster Studio ご紹介資料
ssusere7a2172
220 views
•
19 slides
「概念モデリング自動化に向けた第一歩」 ~ ChatGPT・Open AI 活用による開発対象のモデル化 by
「概念モデリング自動化に向けた第一歩」 ~ ChatGPT・Open AI 活用による開発対象のモデル化
Knowledge & Experience
8 views
•
34 slides
さくらのひやおろし2023 by
さくらのひやおろし2023
法林浩之
83 views
•
58 slides
Recently uploaded
(8)
マネージドPostgreSQLの実現に向けたPostgreSQL機能向上(PostgreSQL Conference Japan 2023 発表資料) by NTT DATA Technology & Innovation
マネージドPostgreSQLの実現に向けたPostgreSQL機能向上(PostgreSQL Conference Japan 2023 発表資料)
NTT DATA Technology & Innovation
•
217 views
概念モデリングワークショップ 設計編 by Knowledge & Experience
概念モデリングワークショップ 設計編
Knowledge & Experience
•
10 views
概念モデリングワークショップ 基礎編 by Knowledge & Experience
概念モデリングワークショップ 基礎編
Knowledge & Experience
•
19 views
01Booster Studio ご紹介資料 by ssusere7a2172
01Booster Studio ご紹介資料
ssusere7a2172
•
220 views
「概念モデリング自動化に向けた第一歩」 ~ ChatGPT・Open AI 活用による開発対象のモデル化 by Knowledge & Experience
「概念モデリング自動化に向けた第一歩」 ~ ChatGPT・Open AI 活用による開発対象のモデル化
Knowledge & Experience
•
8 views
さくらのひやおろし2023 by 法林浩之
さくらのひやおろし2023
法林浩之
•
83 views
JJUG CCC.pptx by Kanta Sasaki
JJUG CCC.pptx
Kanta Sasaki
•
6 views
pgvectorを使ってChatGPTとPostgreSQLを連携してみよう!(PostgreSQL Conference Japan 2023 発表資料) by NTT DATA Technology & Innovation
pgvectorを使ってChatGPTとPostgreSQLを連携してみよう!(PostgreSQL Conference Japan 2023 発表資料)
NTT DATA Technology & Innovation
•
185 views
ブロックエディターで WordPress は この先どう変わる ?
1.
ブロックエディターで WordPress は この先どう変わる ? 高野直子
/ @naokomc / 山梨 WordPress Meetup #13
2.
ブロックエディターとは何か 2
3.
3 ブロックエディターとは ● WordPress 5.0で導入されたブロック ベースの編集画面 ●
ブロックを追加して投稿やページを組 み立てられる ● レイアウト、デザインの自由度がアッ プ
4.
4 ブロックエディター / WordPress
エディター / Gutenberg ?
5.
5 WordPress 5.0 以降においては、この
2つは同じ意味。 ブロックエディター / WordPress エディター / Gutenberg
6.
6 コアではブロックエディター、プラグインでは Gutenberg。 (ただし、どちらも Gutenberg
と呼ばれることも…) ブロックエディター / WordPress エディター / Gutenberg
7.
7 クラシックエディター コア開発チームが提供する公式プラグインであ り、少なくとも2022年まで、または必要なくなるま での間、完全にサポート・保守される。
8.
ブロックエディターの普及状況 8
9.
9 1年前で4割弱、現在約5割がブロックエディター利用 開発者は、普及率がやや高い傾向 (このデータ元のアンケートは現在も受付中です )
10.
ブロックエディターを 使う理由、使わない理由 10
11.
11 ブロックエディターを使う理由 ● レイアウトやウィジェット、埋め込みなど、新機能が豊富 ● 追加プラグインが必要なくなる場合も多く、メンテナンス性向上、プラグイ ンやテーマとの競合の心配が減る ●
プラグインを減らすことでセキュリティリスク低減にもつながる ● 今後はプラグインやテーマなどはブロックエディターのみに対応するよう になっていく ● ページ読み込み速度で他のページビルダーに勝っている
12.
12 ブロックエディターを使わない理由 ● WordPress のバージョンやプラグインのバージョンによってはブロック エディターに非対応 ●
慣れていないので書きづらい ● まだ変更が多いので、お客様への説明が負担になることも
13.
13 ブロックエディターをこれから使うべきか ? セキュリティ面 最新版のコア・プラグイン・テーマを使うのはかなり優先度の高い セキュリティ対策であることは忘れずに 便利さを知ってみる デフォルトテーマでページを作ってみるなど、慣れると意外と便利 かも ?
14.
ブロックエディターのこれから 14
15.
15 今後の主な予定 ● グローバルスタイル ● ウィジェット・カスタマイザー対応 ●
フルサイト編集 (FSE) ● アプリ対応の改善 https://github.com/WordPress/gutenberg/projects, https://make.wordpress.org/core/tag/gutenberg-next/
16.
16 グローバルスタイル https://github.com/WordPress/gutenberg/issues/9534, https://wptavern.com/q-first-fse-wordpress-theme-now-live ユーザー視点でいうと、コードを書かずテーマをカスタマイズできる幅がさらに広がる
17.
17 ウィジェット・カスタマイザー対応 https://github.com/WordPress/gutenberg/issues/27343 ウィジェット編集などもブロック編集と似た様式になる予定。現在様々な方向性が議論されている最中
18.
18 フルサイト編集 (FSE) 投稿やページのコンテンツの中身だけでは なく、メニューやテーマテンプレートなども含 めてすべてがブロック対応に
19.
ブロックエディターの機能 19
20.
20
21.
21 その他の機能 ● ブロックディレクトリ ● ブロックパターン ●
再利用可能ブロック
22.
ここで、デモを行います
23.
● WordPress 5.6 ●
Twenty Twenty One テーマ ● 追加プラグインなし ● CSS を5行だけ書きました 23 WordPress.org サイトを ブロックで作ってみます
24.
Thank you.