「WordPressの新エディターGutenbergをもっと知ろう」WP ZoomUP #13 レポート

3/26(火)に行われたオンラインのWordPress勉強会『WP ZoomUP』。第13回は「WordPressの新エディターGutenbergをもっと知ろう」でした!
ショートセッションでお話しいただいた皆さま、ご参加いただいた皆さま、ありがとうございました!

WP ZoomUP の概要、参加方法、運営者情報はこちらにまとまっています。

開催概要

スピーカーのみなさん(発表順)

Twitterにリンクしております。

  • 村上 直子
    山口県山口市でフリーランスでウェブやチラシの制作をしています。WP ZoomUP運営。
  • mimi さん
    Webが好きなシュフです。
  • 静海 義明 さん
    専門学校卒業後、流通に関するシステム開発やサーバ、クライアント端末等の管理業務を経験。結婚を期に退職しWeb制作の世界に入る。現在はWordPressを主軸とし たWebサイト制作を中心にシステム開発を行っている。PHP,JavaScriptを中心とし、様々な言語を使用して開発を行うほか、セキュリティ関連の業務も行う。株式会社サンナナ取締役。Spicadots.代表。専門学校非常勤講師。

当日の様子

導入

Mentimeterという双方向プレゼンツールを使ってWP ZoomUPの説明やアンケートを行い、セッション開始前に、参加者の皆さんに新エディターGutenbergについての質問にいくつか答えていただきました。

  1. 新エディターGutenberug、使っていますか?
  2. 新エディターGutenberug、どんな印象ですか?

「まだ使っていない」「試した程度でまだ本格的に使っていない」という方が約半数でした。また、印象については「好き」と「きらい」もほぼ同数となり、今回のセッション後にそのイメージが変わるのかどうかが気になる結果となりました。

下記のMentimeterのスライドで、当日のアンケート結果をご覧いただけます。

Mentimeterのスライド

ショートセッション

3名の皆さんに幅広い内容でお話していただきました!

ユーザー目線で学ぶGutenberg

村上 直子

「ユーザー目線で学ぶGutenberg」修正のお知らせ

村上

こんにちは。登壇させていただいた村上です。

セッション中に用いた『ブロックライブラリ』という言葉の適用範囲について、もっと狭義なのではないかというご意見をいただきました。

なるほどと思いまして訂正いたします。ご参加いただいた皆さま、申し訳ありませんでした!お手数ですがご確認いただけますようお願いいたします。各詳細の説明については修正はございません。

また、ご意見をいただき大変ありがたかったです。ありがとうございました!!

各資料の該当箇所
「ブロックライブラリ」の意味、正しくはどうなのか?
図:「ブロック拡張」という言葉の定義の中にふたつの種類を含んでいる。そのふたつとは「プラグインでブロック自体を作り出しているタイプ(ブロックライブラリ)」と「もともとあるブロック(コアブロック)にCSSを加えるタイプ」。

「ブロックライブラリ」の言葉の意味するの範囲は、正しくは図中の「(A)プラグインでブロック自体を作り出しているタイプ」が該当します。

「もともとあるブロックにCSSを加えるタイプ」はスタイルの拡張

ではもうひとつ紹介していた「(B)もともとあるブロック(コアブロック)にCSSを加えるタイプ」は何だったのかというと、ブロックのスタイルの拡張と言えます。もともとブロックエディターに用意されているブロックに対してCSSを設定することで、見た目を変更します(すなわち、ブロックの種類は増えていない)。

ブロックの拡張についてもっと詳しく話を聞けるWordCamp Haneda

4/20・21に開催されるWordCamp Haneda 2019Toruさんのセッション『ブロックエディターを「削る・飾る・加える」』では、拡張を含むブロックエディターのカスタマイズをご説明されるとのことですので、ご興味がある方はぜひ足を運ばれたり、のちに公開されるであろう動画をWordPress.tvでチェックされてくださいね!

ブロックエディターを「削る・飾る・加える」

WordPress 5.0 で新しく実装されたブロックエディター(Gutenberg)にはたくさんのブロックがすでに含まれています。種類も多く、ブログやシンプルなサイトであれば十分すぎるほどですが、全く使わないブロックもあれば、「こんなブロックがあればなぁ」というブロックもあるかもしれません。

(中略)


このセッションでは、ブロックの「自分セット」を作るためのカスタマイズ方法などを紹介します。1つの手法を深掘りするのではなく、広く浅くカバーし、現状を把握できるセッションを目指します。

https://2019.haneda.wordcamp.org/session/cut-decorate-and-add-block-editors/

Gutenbergハンドブックを読んでみよう!

mimi さん

カスタムフィールド製造業からの脱却 〜オリジナルブロックエディタをGutenbergに移植する〜

静海 義明 さん

記念撮影

終了時に、参加者の皆さんと最後に記念撮影をしています。皆さまありがとうございました!

“動画と音声発信”でご参加いただいた方と記念撮影◎

動画

感想

ブロックエディターがリリースされて4ヶ月。ばりばり使っている人も、まだそうでもない人もいる中で、いろんな視点からのGutenbergについてのセッション、面白かったです。WordPressを使う上で切り離すことはできないエディターだからこそ、これからの進化が楽しみでもあります。
また1年後ぐらいにエディターの会を開いても面白そうですね!

WP ZOOMUP の今後をフォローしよう

【次回予告】#14 WP ZoomUP 『誰もが使える』デザインを生み出すために

WP ZoomUPとしては初めてのアクセシビリティテーマのセッション。 アクセシビリティを考慮したサイトを作る方が良いことは知っているけど、実際どうしたら良いの?!という方に向けて、freee株式会社のIA/UX担当、伊原力也さんをお迎えしてお送りします!

2019/4/6(土)

▼参加登録
https://wpzoom.connpass.com/event/122843/

【次次回予告】#15 (座談会)

まだほぼ内容は決まっておりませんが、特にテーマを設けずに質問や困りごとを持ち寄ってワイワイ話す会になりそうです。これまでのWP ZoomUPで「もっと突っ込んで聞いてみたい!」「もっとお話したい!」と感じていらっしゃった方はぜひ今後の情報をチェックしてみてください。

2019/4/23(火)

それでは、またお会いできることを楽しみにしています!

チャットログ

20:54:48 みうらさよこ : 【 お気軽にチャットにご参加ください !】
今日はブロックエディタ(Gutenberg)について3人の方にお話いただきます。
途中でも良いので、どんどん質問やツッコミなどチャットへお願いします。
チャットの宛先は「全てのパネリストと〜」にしてくださいね!
そうすると、見るだけ参加の皆様含め全員の方に見ていただくことができます。
20:55:06 みうらさよこ : 【 手をあげてください 】
見るだけ参加になっていて、動画音声参加に変わりたい方は手をあげてください!
運営で音声参加に変えます。
20:55:18 こうの ちあき : こんばんはー!
20:55:38 Technote : こんばんはです。
20:56:41 貴文 中野 すべてのパネリスト : こんばんわ!
20:56:48 ぬかがじゅんこ : こんばんは!
20:56:53 藤原 泰彦 すべてのパネリスト : こんばんわ。よろしくお願いします〜
20:57:37 みうらさよこ : 【 お気軽にチャットにご参加ください !】
今日はブロックエディタ(Gutenberg)について3人の方にお話いただきます。
途中でも良いので、どんどん質問やツッコミなどチャットへお願いします。
チャットの宛先は「全てのパネリストと〜」にしてくださいね!
そうすると、見るだけ参加の皆様含め全員の方に見ていただくことができます。
【 手をあげてください 】
見るだけ参加になっていて、動画音声参加に変わりたい方は手をあげてください!
運営で音声参加に変えます。
【 動画配信について 】
本編の録画はYouTubeにアップし、チャットと共にレポートブログにも掲載いたしますので、ご了承ください。
20:57:40 桜咲弥生 : こんばんはー
20:57:48 貴文 中野 すべてのパネリスト : 見るだけ参加で参加させていただきます。よろしくお願いいたします!
20:57:58 みうらさよこ : よろしくお願いします〜
20:58:11 ぬかがじゅんこ : こんばんはー!よろしくお願いします!
20:58:35 貴文 中野 : はい!ありがとうございます!
20:59:43 みうらさよこ : 【 運営より 】
現在、参加者の皆様が揃うのを待っています。
21時3分頃には始める予定ですので、もう少しお待ちくださいね。
次回から21時の時間通りの開始を目指しますので、よろしくお願いします。
20:59:58 みうらさよこ : 【 お気軽にチャットにご参加ください !】
今日はブロックエディタ(Gutenberg)について3人の方にお話いただきます。
途中でも良いので、どんどん質問やツッコミなどチャットへお願いします。
チャットの宛先は「全てのパネリストと〜」にしてくださいね!
そうすると、見るだけ参加の皆様含め全員の方に見ていただくことができます。
21:00:06 みうらさよこ : 【 手をあげてください 】
見るだけ参加になっていて、動画音声参加に変わりたい方は手をあげてください!
運営で音声参加に変えます。
21:00:15 みうらさよこ : 【 動画配信について 】
本編の録画はYouTubeにアップし、チャットと共にレポートブログにも掲載いたしますので、ご了承ください。
21:01:47 こうの ちあき : 久々にToroさんがご参加です!
21:01:54 みうらさよこ : 【 運営より 】
現在、参加者の皆様が揃うのを待っています。
21時3分頃には始める予定ですので、もう少しお待ちくださいね。
次回から21時の時間通りの開始を目指しますので、よろしくお願いします。
21:02:00 Toro_Unit (Hiroshi Urabe) : どうもおひさしぶりです
21:04:42 Shinichi Nishikawa : リツイートプリーズ
21:04:44 Shinichi Nishikawa : https://twitter.com/WPZoomUP/status/1110512255056015360
21:06:15 Toro_Unit (Hiroshi Urabe) : こんばんわー
21:06:16 くろゆき : こんばんわー
21:06:28 r360studio 森和恵 すべてのパネリスト : こんばんわー
21:06:34 貴文 中野 : こんばんわー
21:06:37 Shinichi Nishikawa : https://www.facebook.com/wpzoomup/videos/
21:06:51 しずみ : こんばんはー
21:06:54 Tetsuya Yoshida : こんばんわ。
21:06:57 mimi すべてのパネリスト : こんばんわー
21:07:02 ぬかがじゅんこ : こんばんはー!
21:07:24 みうらさよこ : 【 Mentimeter参加 】
menti.com
にアクセスして下記を入力
『89 31 3』
もしくは、下記にアクセス
https://www.menti.com/7ea7307c
21:07:29 ぬかがじゅんこ : 88888
21:07:33 r360studio 森和恵 すべてのパネリスト : 888888
21:07:39 みうらさよこ : 8888888
21:07:48 株式会社 ベクトル すべてのパネリスト : 888888
21:09:42 ぬかがじゅんこ : 視聴のみの参加になっている方で発言をしたいという方はパネリストにこちらでしますので、挙手してくださいー
21:11:24 晴信 太田 すべてのパネリスト : 888888
21:12:32 藤原 泰彦 すべてのパネリスト : はつさんかです
21:12:36 桜咲弥生 : 初参加ですーw
21:12:38 貴文 中野 : 初参加です!
21:12:44 村上 直子 すべてのパネリスト : わー!ありがとうございます!!!!
21:12:46 denka すべてのパネリスト : 初参加ですー!!、
21:12:49 on-chan すべてのパネリスト : 初参加です。
21:12:54 ぬかがじゅんこ : こんにちはー!よろしくお願いします!わからないこととかあったら気軽に書き込んだりしてください!
21:13:01 みうらさよこ : 【 フィードバック 】
セッションアイディア募集フォーム
https://goo.gl/forms/TTVxcHsp4KoXEAWB2
登壇者募集フォーム
https://goo.gl/forms/gQVzjJDN2lT04qnN2
イベント改善提案フォーム
https://goo.gl/forms/XGPF0q99HXDYX2Zp2
21:13:19 晴信 太田 すべてのパネリスト : 12回目の参加でーす
21:13:42 みうらさよこ : 【 WP ZoomUP 】
●Twitter
https://twitter.com/WPZoomUP
●Fbグループ
https://www.facebook.com/groups/1901906396782839/
●Fbページ
https://www.facebook.com/wpzoomup/
●Youtube
https://www.youtube.com/channel/UCzG2FqDp9MxxExrJHi1NFKQ
●ウェブサイト
http://wpzoomup.sakura.ne.jp/staging/
21:13:49 ぬかがじゅんこ : 12回目!ありがとうございます!
21:14:28 Toro_Unit (Hiroshi Urabe) : ぜんぜんはたらいてなくてすみません!
21:14:53 さいき ひろき : 88888888888
21:14:54 masa tsu すべてのパネリスト : 初参加です
21:14:55 ぬかがじゅんこ : 88888
21:15:01 ぬかがじゅんこ : よろしくお願いします!
21:15:22 株式会社 ベクトル すべてのパネリスト : よろしくお願いしますー。
21:15:41 貴文 中野 : よろしくお願いします!!
21:15:56 くろゆき : 88888888888888888888
よろしくおねがいします!
21:16:19 Toro_Unit (Hiroshi Urabe) : https://www.menti.com/7ea7307c
21:16:31 みうらさよこ : 【 Mentimeter参加 】
menti.com
にアクセスして下記を入力
『89 31 3』
もしくは、下記にアクセス
21:17:13 Tetsuya Yoshida : カスタマイズしたい派です。
21:17:18 Toro_Unit (Hiroshi Urabe) : ブロック作ったよ派
21:17:20 晴信 太田 すべてのパネリスト : どういうカスタマイズをしているんですか?
21:17:56 桜咲弥生 : ブロック作ってる派です
21:18:00 さいき ひろき : チャットの宛先を「すべてのパネリストおよび出席者」にしてコメントください!!
21:18:08 キタジマタカシ : 好き。使いやすい。だけど最高かといわれると微妙w
21:18:17 ぬかがじゅんこ : ブロック作ってる派すごい!
21:18:26 桜咲弥生 : 最高ではないですが好きですよw
21:18:27 mimi : まだこれからですよね
21:18:31 Toro_Unit (Hiroshi Urabe) : まだまだ発展の余地はある感
21:18:33 r360studio 森和恵 すべてのパネリスト : 使いやすいけど、使い込めるのか?まだ、判断できてませんー
21:18:52 Toshiyuki Honda : 使いこなせてない
21:18:55 Atsuko suzuki すべてのパネリスト : いいところもあるけれど、使いにくいところも
21:18:58 Toro_Unit (Hiroshi Urabe) : 前のエディタもそんなに良かった科と言われるとw
21:18:59 みうらさよこ : 【 手をあげてください 】
見るだけ参加になっていて、動画音声参加に変わりたい方は手をあげてください!
運営で音声参加に変えます。
21:19:02 晴信 太田 : 2021年にはクラッシックエディターがなくなるっていうし・・・
21:19:17 株式会社 ベクトル すべてのパネリスト : 作るの大変すぎる感…
21:19:39 晴信 太田 : それよりも、お客様にGutenberg教育って、みなさんどうしてますか?
21:19:40 キタジマタカシ : deprecated 地獄…
21:21:23 r360studio 森和恵 すべてのパネリスト : ↓のページですね。
https://capitalp.jp/2018/12/12/4phase-of-block-editor/
21:21:40 ぬかがじゅんこ : おお!森さん、フォローありがとうございます!
21:21:49 みうらさよこ : ありがとうございます!
21:22:17 晴信 太田 : 第二フェーズはもうWorfdPressコアに入っているんですか?5.2からですか?
21:22:27 mimi : はいっていませんー
21:23:09 r360studio 森和恵 すべてのパネリスト : 紹介されてるURL、見つけられたら貼りますね-。
URL↓
https://blog.photosynthesic.jp/2019/03/gutenberg-5-3-%E3%81%8C%E3%83%AA%E3%83%AA%E3%83%BC%E3%82%B9%E3%80%82%E3%82%AB%E3%83%90%E3%83%BC%E7%94%BB%E5%83%8F%E3%81%8C%E3%81%84%E3%81%84%E6%84%9F%E3%81%98%E3%80%82/
21:23:25 ぬかがじゅんこ : 88888
21:23:31 桜咲弥生 : ブロックすごく壊れやすくなりそう
21:24:02 ヤマシタ : グーグルドキュメントは、同時にやってることを知らずに触って、オカルト的な雰囲気になるのが楽しいなあ『いやあああ勝手に動いてるうう』
21:24:08 晴信 太田 : オレオレブロック作っている人も大丈夫なのかなぁ・
21:25:03 r360studio 森和恵 すべてのパネリスト : ↓
https://templatic.com/wp/wordpress-gutenberg-plugins-and-resources/
21:25:30 晴信 太田 : 888888
21:25:50 Yamamoto Tatsuo すべてのパネリスト : ブロックエディターの4フェーズ、あるいは2020年以降までのWordPressのざっくりロードマップ
https://capitalp.jp/2018/12/12/4phase-of-block-editor/
21:26:00 みうらさよこ : 【 お気軽にチャットにご参加ください !】
途中でも良いので、どんどん質問やツッコミなどチャットへお願いします。
チャットの宛先は「全てのパネリストと〜」にしてくださいね!
そうすると、見るだけ参加の皆様含め全員の方に見ていただくことができます。
21:26:10 Mitsuharu Ishimoto : ありがとうございます。
21:26:19 みうらさよこ : 【 本日の講師の皆様Twitterアカウント 】
村上直子(むらかみなおこ)さん
@ud_fibonacci
mimiさん
@miminari
静海 義明(しずみよしあき)さん
@Shizumi0705
21:26:31 みうらさよこ : 88888888
21:26:34 さいき ひろき : 88888888888888888888
21:26:35 くろゆき : 888888888888888888
21:26:38 キタジマタカシ : 88888888
21:26:39 mimi : 88888888888888888888
21:26:39 ぬかがじゅんこ : 888888
21:26:40 terakawanaoko : こんばんは。遅くなりました。
21:26:44 r360studio 森和恵 すべてのパネリスト : 888888888
21:26:45 terakawanaoko : 8888888888
21:28:07 sachi majima : クライアントさんの反応、今のところ良いことが多いです。親しみやすいみたい
21:28:19 ぬかがじゅんこ : おお!嬉しいですね。
21:28:57 晴信 太田 : コードネームだと思ってました
21:31:44 こうの ちあき : 「透明なブロックをイメージしながら作業をする」なるほどですね
21:31:59 Shinichi Nishikawa : 初めての人にとっては評判すごくいいですね。
21:32:23 桜咲弥生 : ブロックの組み方が解らないが、一番多いクレームですね
21:32:48 Shinichi Nishikawa : ボタンの押し方が分からない的なことですか?
21:33:08 キタジマタカシ : ブロックを意識しすぎることでわかりにくいと感じちゃう人がいる気がしてます。いままでどおり、普通にかけるのに、いちいち見出しブロックいれて入力するみたいな。
21:34:27 桜咲弥生 : ボタンの押し方じゃなくて、2カラムにするのはどうしたら良いの?とか画像の上にボタンはどうブロックを組み合わせたら良いの?とかですね
21:34:45 mimi : イントロダクションが不足しているんですよね。ヘルプとかツールチップとかが
21:35:08 晴信 太田 : ブログをかくというと日本人の場合はアメブロやはてなのような書き方をイメージするので、ブロックエディターは全く違うのでそのあたりも使いにくいイメージをあたえているかもしれません
21:35:59 Shinichi Nishikawa : うーむ。なるほど。
21:36:19 Shinichi Nishikawa : すべての可能性を書くわけにもいかないので、難しいですね。
21:36:33 Shinichi Nishikawa : 一度学習したらその情報はいらなくなるからなー。
21:36:55 ヤマシタ : 膝だっこですすめていただいても。
21:37:30 mimi : 今出ているツールチップをちゃんと充実させればいいんじゃないかなあ。
21:37:49 Shinichi Nishikawa : ツールチップって、上のやつですか?
21:38:20 晴信 太田 : パーマリンクが設定できるようになってる・・・
21:39:19 みうらさよこ : 大丈夫!
21:39:22 藤原 泰彦 すべてのパネリスト : あるある
21:39:26 くろゆき : 娘さん、かわいい
21:39:29 Atsuko suzuki すべてのパネリスト : 大丈夫!
21:39:34 mimi : うえのやつ?うん、たぶんそれです。村上さんの説明動画を貼りたいぐらいです。
21:39:36 masa tsu すべてのパネリスト : [初心者質問]クラシックエディタ、ブロックエディタのすみ分けってどうなっていくのでしょうか?ブロックエディタに移行ってことですか?(クラシックエディタは使えなくなる?)
21:40:25 Mitsuharu Ishimoto : そうですね。昔を知らない私は凄く使いやすいと思います。
21:40:34 yori3 : 段落とか見出しとかはブロックエディタの方が区別しやすいのでは?
21:40:43 くろゆき : もうクラッシックエディタは消えゆく存在なんですね
21:40:59 yori3 : Wordっぽくスラスラ書こうと思うとクラシックエディタの方が感覚的に扱い安いのかもですが。
21:41:09 桜咲弥生 : クラシックエディタを使っているプラグインは使えなくなるんですかねー?
21:41:15 Yamamoto Tatsuo すべてのパネリスト : Classic Editorのサポートは2021年末まで
https://capitalp.jp/2018/11/09/classic-editor-supported-till-2021/
21:41:22 Toro_Unit (Hiroshi Urabe) : 全面的にUIを刷新したい感
21:41:31 mimi : したい感
21:42:04 キタジマタカシ : 前あったフックがなくなったりしてるものもあるので、どうしようもないのもでてくるはず
21:42:24 Toro_Unit (Hiroshi Urabe) : クラシックエディタそのものを消すってことは無いと思いますが、プラグインとかが対応するかどうかは作者の胸三寸
21:42:46 くろゆき : クラッシックエディタ、ブロックエディタの中に吸収されるとかありますか?いちパーツとして
21:42:56 masa tsu すべてのパネリスト : ありがとうございます。では、その波に乗らなきゃですね。
21:43:07 貴文 中野 : 個人サイトではVSCode等でタグ使って書いているので、ブロックに分けるのが面倒かも。
21:43:10 キタジマタカシ : ブロックエディタとクラシックエディタ両方サポートするのかなりつらいですよw + クラシックブロックも若干挙動違う
21:43:16 yori3 : 今後はTiny MCEは使えるだけってことですね
21:43:29 晴信 太田 : やっぱり、お客様教育いるなぁ
21:43:35 Shinichi Nishikawa : ブロックの一つに Tiny MCE エディタがある、っていう感じです。
21:44:29 桜咲弥生 : ブロックでも二行改行すれば別段楽になりますよね
21:44:45 yori3 : 操作自体はそれほどかわらないけど、見た目が変わることで困惑するんでしょうね
21:46:41 しずみ : 可愛いw
21:46:50 ぬかがじゅんこ : ムニュムニュしてるw
21:46:51 晴信 太田 : 推奨テーマ意外というのは、Web制作会社に作ってもらったテーマですか?
21:46:55 mimi : おててがーw
21:46:57 yori3 : 子どもさん可愛いですねw
21:47:27 ヤマシタ : ママ取っちゃってごめんねー
21:47:30 Toro_Unit (Hiroshi Urabe) : PHP とかで動的に出すヤツはそうですねー
21:47:42 いがらしたけし すべてのパネリスト : プラグイン作者の推奨テーマですね
21:47:43 藤原 泰彦 すべてのパネリスト : おとなしいですねー
21:47:53 キタジマタカシ : CSS だけパターンってあるのか…
21:48:02 晴信 太田 : おすすめのブロックライブラリプラグインはありますか?これは使えるとか・・・
21:48:45 みうらさよこ : 【 Snow Monkey Blocks 】
デモムービーあり
https://snow-monkey.2inc.org/snow-monkey-blocks/
【 VK Blocks 】
デモムービーあり
https://www.vektor-inc.co.jp/service/products/wordpress-plugins/vk-blocks/
【 Nishiki Blocks 】
https://support.animagate.com/wp-nishiki-gutenberg-blocks/
21:49:09 みうらさよこ : レーダーチャートはPro版
https://support.animagate.com/wp-nishiki-pro-gutenberg-radar-chart/
【 Gutenberg Blocks Design Library 】
https://wordpress.org/plugins/design/
21:49:28 株式会社 ベクトル すべてのパネリスト : ありがとうございます(号泣)
21:49:40 くろゆき : 娘さんも村上さんもファイトー
21:49:40 さいき ひろき : \(^o^)/
21:50:16 Toro_Unit (Hiroshi Urabe) : 色変えてる人ひさびさにみた
21:50:23 ぬかがじゅんこ : そこw
21:51:19 mimi : 本番とテストとかで変えたりすると、地味に助かります
21:51:50 ぬかがじゅんこ : 間違えないための知恵袋ですね
21:52:47 sachi majima : 権限ごとに色変えてる人もいるみたいです
21:52:57 ぬかがじゅんこ : なるほど!
21:53:01 キタジマタカシ : 権限ごとなるほど
21:53:03 Shinichi Nishikawa : なるほどー。
21:53:11 みうらさよこ : そんな使い方が!
21:54:04 mimi : 抱っこしながら操作するのめっちゃ難易度高いですよね…
21:54:32 ヤマシタ : ありがとうございました。
21:54:35 さいき ひろき : 8888888888888888888
21:54:36 キタジマタカシ : おつかれさまです!
21:54:37 r360studio 森和恵 すべてのパネリスト : ありがとうございます!
21:54:37 みうらさよこ : 8888888888888
21:54:38 mimi : 88888888888888
21:54:41 貴文 中野 : カラム分割は便利そう!
21:54:41 くろゆき : お疲れ様です
88888888888888888888888888888
21:54:43 sachi majima : 8888888
21:54:43 ぬかがじゅんこ : 88888888
21:54:45 貴文 中野 : ありがとうございます!
21:54:46 Atsuko suzuki すべてのパネリスト : ありがとうございます
21:54:46 桜咲弥生 : お疲れ様です888
21:54:46 Yamamoto Tatsuo すべてのパネリスト : 888888888888888
21:54:48 藤原 泰彦 すべてのパネリスト : ありがとうございました
21:54:48 Toshiyuki Honda すべてのパネリスト : 88888888
21:54:50 nora0024k すべてのパネリスト : 88888
21:54:56 TERUYOSHI AKITA : 8888888888888
21:54:58 terakawanaoko : 88888888。 ありがとうございます。
21:55:07 みうらさよこ : mimiさん
@miminari
21:55:15 キタジマタカシ : 888888888
21:55:19 みうらさよこ : 8888888888
21:55:23 くろゆき : 8888888888888888
よろしくおねがいします!
21:55:24 ぬかがじゅんこ : 88888
21:55:31 貴文 中野 : よろしくお願いします!
21:55:34 キタジマタカシ : すごそう
21:55:37 Shinichi Nishikawa : 8888888888
21:55:40 yori3 : 88888888888888
21:55:46 terakawanaoko : 8888888
21:55:54 r360studio 森和恵 すべてのパネリスト : 8888888
21:56:28 みうらさよこ : https://wordpress.org/gutenberg/handbook/
21:57:11 みうらさよこ : https://wordpress.org/gutenberg/handbook/designers-developers/developers/themes/
21:59:34 晴信 太田 : あるテーマで、Gutenbergで使うと表示が崩れて、テーマ製作者に言ったら、「Gutenbergはまだ出たばっかでバグがあるので使わないように」と帰ってきたことがあります。本当にそんなバグあるんですか?単にテーマが対応しないだけのような気がするのですが・・・
22:00:03 Shinichi Nishikawa : キタジマさん、回答お願いします笑 ↑
22:00:13 キタジマタカシ : ↑そのテーマはやばいので使わないほうが良いと思います
22:00:18 ぬかがじゅんこ : www
22:00:25 しずみ : wwwww
22:00:29 ぬかがじゅんこ : 簡潔!
22:00:36 桜咲弥生 : wwww
22:00:55 桜咲弥生 : それ私も海外に言われたことありますww
22:01:11 Shinichi Nishikawa : ここですね。(再掲) https://wordpress.org/gutenberg/handbook/designers-developers/developers/themes/theme-support/
22:02:38 ぬかがじゅんこ : 子テーマというのは親テーマの機能を引き継ぎながら変更したい部分を調整するテーマの作り方です。
22:02:40 ぬかがじゅんこ : http://wpdocs.osdn.jp/%E5%AD%90%E3%83%86%E3%83%BC%E3%83%9E
22:02:54 Toro_Unit (Hiroshi Urabe) : これ自動的に生成したいよねー
22:04:02 しずみ : 確かに自動で生成したいですね
22:04:32 貴文 中野 : ブロックエディタ用のCSSが沢山ありそう
22:05:09 藤原 泰彦 すべてのパネリスト : おお
22:05:38 Toro_Unit (Hiroshi Urabe) : config.php とかに色とフォントサイズの設定だけ書いてCSSとか勝手に生成するライブラリーつくったら便利かもしれない。キタジマさんが作ってそう
22:05:50 nami すべてのパネリスト : ……..000000000000
22:05:56 キタジマタカシ : 僕この辺いじってないのでつくってないですね…
22:06:09 ヤマシタ : Phpの勉強は、クラシックエディタより、ブロックエディタのほうが捗りそうな。
22:06:17 sachi majima : テーマに合わせてカラーパレットや文字サイズ用意しておくの、とても大事ですね! 今後デザインするときはその指定も含めようと思います。
22:06:23 桜咲弥生 : ブロックはPHPで作れないですよ?
22:07:35 Toro_Unit (Hiroshi Urabe) : 作り方が今までのeditor-styleとそこまで変わらないのは良い
22:08:28 キタジマタカシ : ブロックエディター上とフロントで HTML 構造が変わるのでそこは注意が必要
22:09:22 みうらさよこ : mimiさんGitHubのURL
https://github.com/miminari/19childja
22:09:25 ぬかがじゅんこ : 888888
22:09:25 貴文 中野 : ありがとうございます!
22:09:26 terakawanaoko : 888888888
22:09:26 藤原 泰彦 すべてのパネリスト : ありがとうございました
22:09:26 桜咲弥生 : 888888
22:09:28 キタジマタカシ : 88888888
22:09:28 こうの ちあき : 8888888
22:09:30 くろゆき : 8888888888888888
ありがとうございます!!
22:09:30 Tetsuya Yoshida : 88888
22:09:30 Atsuko suzuki すべてのパネリスト : 8888888888888
22:09:30 さいき ひろき : 88888888888888888888
22:09:30 みうらさよこ : 88888888888
22:09:31 nora0024k すべてのパネリスト : 88888
22:09:31 Technote Space : 88888888
22:09:31 Yamamoto Tatsuo すべてのパネリスト : 8888888888888
22:09:34 しずみ : 8888888
22:09:37 r360studio 森和恵 すべてのパネリスト : 888888888 ありがとうございました!
22:09:38 Toshiyuki Honda すべてのパネリスト : 88888888
22:09:46 TERUYOSHI AKITA : 88888888888
22:09:47 晴信 太田 : GithubのURLリンクしていただけますか??
22:09:53 晴信 太田 : 8888888
22:09:55 sachi majima : 888888888
22:10:12 ぬかがじゅんこ : mimiさんGitHubのURL
https://github.com/miminari/19childja
22:11:24 Toro_Unit (Hiroshi Urabe) : ブロックをマジメに作るなら、JSとPHP療法のスキルが結構居る
22:12:19 Toro_Unit (Hiroshi Urabe) : そんなテーマは使うな
22:12:32 Toro_Unit (Hiroshi Urabe) : そんなテーマ作者の作ったモノはヤバイ
22:13:00 キタジマタカシ : ブロックエディターにもバグはあるけどクラシックエディターにもバグはあるので、開発者のモチベーションの問題…
22:13:08 晴信 太田 : ありがとうございます
22:13:19 Toro_Unit (Hiroshi Urabe) : あー
22:13:49 Toro_Unit (Hiroshi Urabe) : エディタでは、div > div > a とかだけど、表示では  a だけとかある
22:14:00 桜咲弥生 : あまり意識してなかったです
22:14:39 Toro_Unit (Hiroshi Urabe) : これ見ればだいたい使える(全てと入っていない
22:14:54 晴信 太田 : ハンドブックは日本語にはなっていないんですか??
22:14:58 Shinichi Nishikawa : https://wordpress.org/gutenberg/handbook/designers-developers/developers/tutorials/
22:15:10 キタジマタカシ : 日本語はなかったと思います
22:15:30 Toro_Unit (Hiroshi Urabe) : Google 翻訳が優秀すぎてね・・・・
22:15:34 桜咲弥生 : 進化が早すぎて翻訳が出来ないとか言ってましたよね
22:15:45 キタジマタカシ : …どうせソース読むことになりますよ…
22:16:02 さいき ひろき : ww
22:16:07 Toro_Unit (Hiroshi Urabe) : 文書だけだと解らなくて逆にソース読んだ方が早い説はある
22:16:14 晴信 太田 : Google 翻訳だいぶ進化しましたですね
22:16:15 キタジマタカシ : ww ですです
22:16:19 桜咲弥生 : Snow Monkey Blocksのソース読めば良いですよ…
22:16:27 キタジマタカシ : それはやばい…
22:16:42 Toro_Unit (Hiroshi Urabe) : User Handbook の翻訳はあってもいいとおもう
22:16:46 Toro_Unit (Hiroshi Urabe) : 8888888
22:16:49 ぬかがじゅんこ : 8888888
22:16:51 くろゆき : 888888888888888888888
ありがとうございました!
22:16:56 terakawanaoko : 88888888。ありがとうございました。
22:17:03 晴信 太田 : Snow Monkey は今写経しています
22:17:06 晴信 太田 : 888888
22:17:09 桜咲弥生 : 8888
22:17:14 キタジマタカシ : 写経!
22:17:17 みうらさよこ : 静海 義明(しずみ)さん
http://sl.shizum.in/wish
22:17:19 Atsuko suzuki すべてのパネリスト : ありがとうございました。
22:17:21 mimi : 経典になってるw
22:17:26 みうらさよこ : 88888888888
22:17:26 さいき ひろき : 8888888888888888
22:17:27 terakawanaoko : 8888888。
22:17:28 mimi : 8888888888888888
22:17:28 キタジマタカシ : 8888888888
22:17:30 くろゆき : よろしくお願いいたします!
8888888888888888888888888
22:17:33 r360studio 森和恵 すべてのパネリスト : 8888888888
22:17:33 貴文 中野 : よろしくお願いします!
22:18:27 ぬかがじゅんこ : 888888
22:18:30 くろゆき : 888888888888888888888888
22:18:43 Atsuko suzuki すべてのパネリスト : よろしくお願いします!
22:18:52 ぬかがじゅんこ : 近影が5年前!
22:19:08 Shinichi Nishikawa : 髪が伸びてる!
22:19:09 shangdao すべてのパネリスト : まさにこれだ!w
22:19:09 晴信 太田 : 8888
22:19:16 晴信 太田 : 寿退社??
22:19:34 mimi : 緊張するよね…顔みえないし…
22:19:52 ぬかがじゅんこ : リアルで話すのとは別の緊張感がありますよね
22:19:54 こうの ちあき : みなさんの反応が声として聞こえないと、ドキドキしますよね
22:19:57 Shinichi Nishikawa : これぞカスタムフィールド製造業!
22:19:59 Toro_Unit (Hiroshi Urabe) : 辛いヤツだ。
22:20:01 キタジマタカシ : www
22:20:14 さいき ひろき : こういうの前職でめっちゃやってた…
22:20:18 Toro_Unit (Hiroshi Urabe) : テーマもぷらぐいんもくそもないやつだ
22:20:26 Toro_Unit (Hiroshi Urabe) : そうだそうだー!!!!!
22:20:38 さいき ひろき : やりすぎると管理画面がすげぇ重くなるやつww
22:20:41 Shinichi Nishikawa : カスタムフィールド製造業!カスタムフィールド製造業!
22:20:52 ぬかがじゅんこ : (謎の盛り上がりがw)
22:20:58 Toro_Unit (Hiroshi Urabe) : あれはWordPressであってWordPressでない何か
22:20:58 さいき ひろき : ww
22:21:02 キタジマタカシ : w
22:21:06 Toro_Unit (Hiroshi Urabe) : WPベースのオリジナルCMSだー
22:21:47 mimi : WordPressの可能性の大きさがね。。。
22:21:55 ヤマシタ : ここでいう「検索」は「サイト内検索」を指していますか?
22:22:05 Toro_Unit (Hiroshi Urabe) : サイト内検索の話ですね
22:22:11 さいき ひろき : 修羅の道や…
22:22:15 Shinichi Nishikawa : 何人の人たちの食と職を支えてきたかということですよ!
22:22:20 桜咲弥生 : 地獄の保存…
22:22:22 Shinichi Nishikawa : カスタムフィールド製造業!
22:22:30 ヤマシタ : ありがとうございます。
22:22:32 ぬかがじゅんこ : 支えられて生きてきました。ありがとうございます!
22:26:09 sachi majima : 涙ぐましいですね…
22:26:36 Shinichi Nishikawa : なみだなみだのカスタムフィールド製造業!
22:26:37 キタジマタカシ : 結局これまでの制作業者が納品していたものはカスタムフィールドバリバリのもので、素のクラシックエディターではなかったのなら、ブロックエディター vs クラシックエディターというよりブロックエディター vs カスタムフィールドになってる可能性もあるのかも…
22:27:15 mimi : 実態調査してみたいですねえ…
22:27:28 Shinichi Nishikawa : 納品先がカスタムフィールド製品を欲している場合はそうかもですね。
22:28:26 Shinichi Nishikawa : さっきまで話していたクラシックvsブロックの時の文脈は、ライターさんとかで、ショートコード多用みたいな世界の人たちもいると思うので、その場合は、ブロックvsショートコードみたいなのがあるのかも。
22:28:42 Shinichi Nishikawa : Block filters https://wordpress.org/gutenberg/handbook/designers-developers/developers/filters/block-filters/
22:29:17 桜咲弥生 : カスタムブロック製造業になれば戦争は終わるんですか?
22:29:19 キタジマタカシ : ブログ界隈だと、ショートコードと、範囲選択からのスタイル適用(←有料テーマはこれが多い)が使えなくなったのがかなり叩かれてますね
22:29:40 晴信 太田 : GridレイアウトとはBootstrapみたいなものを使うってことですか?
22:30:12 mimi : やっぱり素のGutenbergで何処まで出来るかプレゼンが必要かなあ
22:30:21 藤原 泰彦 すべてのパネリスト : 33%-66% 25%-75% みたいなカラムは欲しいです
22:30:34 Shinichi Nishikawa : > やっぱり素のGutenbergで何処まで出来るかプレゼンが必要かなあ
いいですね。
22:30:56 晴信 太田 : プレゼンしたいですね
22:31:10 Shinichi Nishikawa : チュートリアル https://wordpress.org/gutenberg/handbook/designers-developers/developers/tutorials/
22:31:32 (´°ム°`) : > やっぱり素のGutenbergで何処まで出来るかプレゼンが必要かなあ
HTMLブロックを使えばなんでも・・・
22:31:42 Toro_Unit (Hiroshi Urabe) : それ
22:32:04 Toro_Unit (Hiroshi Urabe) : 仕事とかで作るのは全然余裕ではあるんですが
22:32:29 mimi : コードを書かないという縛りでw
22:33:12 Shinichi Nishikawa : 誰かやったことある人ー
22:33:18 Toro_Unit (Hiroshi Urabe) : iframe Google map で十分なら割と楽。
22:34:09 晴信 太田 : 英語は難しい
22:34:23 桜咲弥生 : Google翻訳に頼りましょw
22:34:33 Toro_Unit (Hiroshi Urabe) : 世間的には、HTML とか CSS のほうがよっぽど難しいよ
22:34:39 ぬかがじゅんこ : !!
22:34:53 mimi : 楽しい!
22:34:55 ぬかがじゅんこ : なるほどw
22:35:20 mimi : 今回コード書き始めたらスライドそっちのけになりました…
22:35:47 キタジマタカシ : post_meta !
22:35:53 ぬかがじゅんこ : マイグレーションとは
22:35:54 さいき ひろき : ツライ
22:36:04 桜咲弥生 : つらぁ……
22:36:07 Toro_Unit (Hiroshi Urabe) : post_meta ごとに ブロック作れば!!!
22:36:13 mimi : そのままDBの海に流したい・・・
22:36:19 キタジマタカシ : > post_meta ごとに ブロック作れば!!!
22:36:22 桜咲弥生 : ほんと製造業…
22:36:39 さいき ひろき : > post_meta ごとに ブロック作れば!!!
激しいwwwww
22:36:46 mimi : つおいw
22:37:03 ぬかがじゅんこ : 888888888
22:37:03 さいき ひろき : 888888888888888888888
22:37:07 キタジマタカシ : 8888888888
22:37:08 くろゆき : ほんと、これまでのカスタムフィールドをどうしようかと・・・
22:37:08 貴文 中野 : ありがとうございます!
22:37:09 terakawanaoko : 88888888。
22:37:09 Technote Space : 8888888888
22:37:10 Toshiyuki Honda すべてのパネリスト : 8888888888
22:37:11 みうらさよこ : 888888888888
22:37:11 r360studio 森和恵 すべてのパネリスト : 88888888888888 ありがとうございました!
22:37:12 Mitsuharu Ishimoto : 88888888
22:37:12 Tetsuya Yoshida : 8888888888888888
22:37:13 sachi majima : 888888888
22:37:13 kenji yanagiya : 888888888
22:37:16 mimi : 88888888888888888
22:37:17 masa tsu すべてのパネリスト : 888888888
22:37:20 くろゆき : 8888888888888888888888
ありがとうございました!
22:37:26 桜咲弥生 : 888888
22:37:27 晴信 太田 : 8888
22:37:30 村上 直子 すべてのパネリスト : 88888888888
22:38:52 (´°ム°`) : HTML表示させたのをスクレイピングして、特定の部分のみに削り取って、全部投稿に流し込んで、ブロック化ボタンをポチポチ・・・って話は聞いたことがあります。
22:39:16 Toro_Unit (Hiroshi Urabe) : じつは、post_meta にデータを保存するブロックは作れる
22:40:18 Toro_Unit (Hiroshi Urabe) : 一応 post_content には完成品のHTMLがsaveされるようにもできる
22:40:22 晴信 太田 : 難しいですね
22:40:22 キタジマタカシ : https://wordpress.org/gutenberg/handbook/designers-developers/developers/block-api/block-attributes/#meta
22:40:28 Toro_Unit (Hiroshi Urabe) : まぁ・・・・・どうやるにしても重いwwww
22:41:54 Toro_Unit (Hiroshi Urabe) : 要はクローラーです。Google のロボットみたいなのをつくってうにょうにょするってヤツ
22:42:12 くろゆき : なるほどー。
22:42:33 くろゆき : すいません、
一応 post_content には完成品のHTMLがsaveされるようにもできる
とはどういう意味なのですか?
22:44:57 くろゆき : 解説ありがとうございました!
22:45:08 Shinichi Nishikawa : どんどん聞いてください!
22:45:32 晴信 太田 : ありがとうございます
22:45:47 くろゆき : おかえりなさいませー^-^
22:45:54 晴信 太田 : おかえりなさい
22:46:14 みうらさよこ : 【 Snow Monkey Blocks 】
デモムービーあり
https://snow-monkey.2inc.org/snow-monkey-blocks/
【 VK Blocks 】
デモムービーあり
https://www.vektor-inc.co.jp/service/products/wordpress-plugins/vk-blocks/
【 Nishiki Blocks 】
https://support.animagate.com/wp-nishiki-gutenberg-blocks/
22:46:24 晴信 太田 : ぜひ使わせていただきます
22:46:42 Toro_Unit (Hiroshi Urabe) : だれもつかってないケド、https://wordpress.org/plugins/advanced-posts-blocks/ とかつくりました
22:47:08 みうらさよこ : 【 Gutenberg Blocks Design Library 】
https://wordpress.org/plugins/design/
22:47:09 mimi : わたしつかってますよ!
22:47:14 桜咲弥生 : あとで使ってみますね。
22:50:36 キタジマタカシ : すごい!!!
22:50:38 sachi majima : すごーい!
22:50:45 くろゆき : おおー便利ー
22:50:48 貴文 中野 : おぉ!!!
22:50:52 桜咲弥生 : これは便利!
22:50:57 Tetsuya Yoshida : 便利。
22:52:12 晴信 太田 : ありがとうございます
22:52:39 Toro_Unit (Hiroshi Urabe) : だれか紹介記事書いてください(自分ですら書いていない
22:52:39 晴信 太田 : 8888
22:52:46 Atsuko suzuki すべてのパネリスト : 88888
22:52:47 Toro_Unit (Hiroshi Urabe) : 88888888888
22:52:49 ぬかがじゅんこ : 88888
22:52:53 くろゆき : ありがとうございましたー
8888888888888888888888888888888
22:52:53 貴文 中野 : ありがとうございました!!!
22:52:53 キタジマタカシ : 888888888
22:52:54 sachi majima : ありがとうございました!
22:52:54 Tetsuya Yoshida : ありがとうございました。
22:52:55 みうらさよこ : ありがとうございました!
22:52:57 さいき ひろき : 888888888888888888
22:52:57 桜咲弥生 : 8888
22:52:59 みうらさよこ : 【 欲しいものリスト 】
mimiさん
https://www.amazon.jp/hz/wishlist/ls/3P72UCZF998UV?ref_=wl_share
静海 義明(しずみ)さん
http://sl.shizum.in/wish
22:52:59 terakawanaoko : ありがとうございました。88888888。
22:53:01 Atsuko suzuki すべてのパネリスト : ありがとうございました。
22:53:08 TERUYOSHI AKITA : ありがとうございました!
22:53:10 kenji yanagiya : ありがとうございました!
22:53:15 村上 直子 すべてのパネリスト : ありがとうございましたー!
22:53:15 KOTOBUKI TAIRA すべてのパネリスト : ありがとうございました^^
22:53:16 みうらさよこ : 【 第13回アンケート 】
ぜひアンケートよろしくお願いします^ ^!
https://forms.gle/RQ2JUNUcxZxYxAo8A
22:53:28 みうらさよこ : 【 次回予告 】
14 WP ZoomUP 『誰もが使える』デザインを生み出すために
4/6(土)21:00〜
▼ 参加申込み
https://connpass.com/event/122843/
【次次回予告】
15 (座談会)
4/23(火)
まだほぼ内容は決まっておりませんが、特にテーマを設けずに質問や困りごとを持ち寄ってワイワイ話す会になりそうです。
22:54:58 Toro_Unit (Hiroshi Urabe) : https://www.meetup.com/ja-JP/Shinshu-WordPress-Meetup/events/259927799/
22:55:20 Tetsuya Yoshida : https://2019.haneda.wordcamp.org/
22:55:20 Toro_Unit (Hiroshi Urabe) : https://2019.haneda.wordcamp.org
22:55:51 Tetsuya Yoshida : セッションは多分今週末のMeetUpあたりで確定しそうです。
22:56:00 いがらしたけし すべてのパネリスト : あー信州とかぶった〜 静岡も4/13で調整中です。
22:56:26 みうらさよこ : https://wpsnowmonkey.connpass.com/event/119227/
22:56:38 みうらさよこ : 今週土曜日です
22:57:01 mimi : https://wbtokyo.doorkeeper.jp/events/87965
22:57:11 mimi : Tokyo WordPress Meetup を考える会・3月30日「オープンソースコミュニティでは、主催者もオープンに募集中」
22:57:12 みうらさよこ : Snow Monkey ミートアップ大阪 by フリラボ
22:58:07 (´°ム°) : あれwww
22:58:26 Toro_Unit (Hiroshi Urabe) : こうのさんずるいわーwwwww
22:58:42 r360studio 森和恵 すべてのパネリスト : ありがとうございました!お休みなさいー
22:58:43 くろゆき : ありがとうございました~ 888888888888888888888
22:58:50 貴文 中野 : ありがとうございました!! 2
22:58:51 桜咲弥生 : お疲れ様でした8888
22:58:51 みうらさよこ : ありがとうございました!
22:58:53 Yamamoto Tatsuo すべてのパネリスト : 88888888888888
22:58:58 Yamamoto Tatsuo すべてのパネリスト : ノシ
22:58:59 Tetsuya Yoshida : ありがとうございました。
22:59:12 晴信 太田 : 本当のお腹は空きました
22:59:23 terakawanaoko : ありがとうございました。おやすみなさい。今日も失礼します。
22:59:32 sachi majima : ありがとうございましたー!!!
22:59:32 晴信 太田 : ありがとうございます
22:59:33 貴文 中野 : 失礼いたします
22:59:44 村上 直子 すべてのパネリスト : ありがとうございました!
22:59:53 (´°ム°) : 朝市って、朝まで寝ないやつですよね
22:59:54 晴信 太田 : カメラマンもしているんですか?
23:00:07 くろゆき : お疲れ様でしたー
23:00:15 晴信 太田 : 多才ですね
23:00:32 Takeshi Furusato : 告知しそびれましたが、、2019/04/27(土) 14:00〜17:00
Okayama WordPress Meetup #2
https://www.meetup.com/ja-JP/Okayama-WordPress-Meetup/events/259585183/
キタジマさんにお越しいただき、ぶっちゃけSnowMonkeyイベントです!
23:00:44 Atsuko suzuki すべてのパネリスト : 私も年度末&月末で…途中でそっと抜けます!
23:00:57 村上 直子 : ありがとうございました!