Enviar búsqueda
Cargar
最近よく聞くブロックタイプエディタを CMSごとに調べてみた
•
3 recomendaciones
•
2,494 vistas
Kasumi Morita
Seguir
WCAN 新潟出張版 2018でお話しした内容です。
Leer menos
Leer más
Internet
Denunciar
Compartir
Denunciar
Compartir
1 de 61
Descargar ahora
Descargar para leer sin conexión
Recomendados
20190821 AWS Black Belt Online Seminar AWS AppSync
20190821 AWS Black Belt Online Seminar AWS AppSync
Amazon Web Services Japan
コスト最適化概論
コスト最適化概論
RikiMakita
[Cloud OnAir] 【Anthos 演習】 解説を聞きながら Anthos を体験しよう 2020年11月5日 放送
[Cloud OnAir] 【Anthos 演習】 解説を聞きながら Anthos を体験しよう 2020年11月5日 放送
Google Cloud Platform - Japan
AWSのログ管理ベストプラクティス
AWSのログ管理ベストプラクティス
Akihiro Kuwano
20190814 AWS Black Belt Online Seminar AWS Serverless Application Model
20190814 AWS Black Belt Online Seminar AWS Serverless Application Model
Amazon Web Services Japan
20190514 AWS Black Belt Online Seminar Amazon API Gateway
20190514 AWS Black Belt Online Seminar Amazon API Gateway
Amazon Web Services Japan
20190206 AWS Black Belt Online Seminar Amazon SageMaker Basic Session
20190206 AWS Black Belt Online Seminar Amazon SageMaker Basic Session
Amazon Web Services Japan
決済システムの内製化への旅 - SpringとPCFで作るクラウドネイティブなシステム開発 #jsug #sf_h1
決済システムの内製化への旅 - SpringとPCFで作るクラウドネイティブなシステム開発 #jsug #sf_h1
Toshiaki Maki
Recomendados
20190821 AWS Black Belt Online Seminar AWS AppSync
20190821 AWS Black Belt Online Seminar AWS AppSync
Amazon Web Services Japan
コスト最適化概論
コスト最適化概論
RikiMakita
[Cloud OnAir] 【Anthos 演習】 解説を聞きながら Anthos を体験しよう 2020年11月5日 放送
[Cloud OnAir] 【Anthos 演習】 解説を聞きながら Anthos を体験しよう 2020年11月5日 放送
Google Cloud Platform - Japan
AWSのログ管理ベストプラクティス
AWSのログ管理ベストプラクティス
Akihiro Kuwano
20190814 AWS Black Belt Online Seminar AWS Serverless Application Model
20190814 AWS Black Belt Online Seminar AWS Serverless Application Model
Amazon Web Services Japan
20190514 AWS Black Belt Online Seminar Amazon API Gateway
20190514 AWS Black Belt Online Seminar Amazon API Gateway
Amazon Web Services Japan
20190206 AWS Black Belt Online Seminar Amazon SageMaker Basic Session
20190206 AWS Black Belt Online Seminar Amazon SageMaker Basic Session
Amazon Web Services Japan
決済システムの内製化への旅 - SpringとPCFで作るクラウドネイティブなシステム開発 #jsug #sf_h1
決済システムの内製化への旅 - SpringとPCFで作るクラウドネイティブなシステム開発 #jsug #sf_h1
Toshiaki Maki
DevOps with Database on AWS
DevOps with Database on AWS
Amazon Web Services Japan
20191029 AWS Black Belt Online Seminar Elastic Load Balancing (ELB)
20191029 AWS Black Belt Online Seminar Elastic Load Balancing (ELB)
Amazon Web Services Japan
20190130 AWS Well-Architectedの活用方法とレビューの進め方をお伝えしていきたい
20190130 AWS Well-Architectedの活用方法とレビューの進め方をお伝えしていきたい
Amazon Web Services Japan
20210526 AWS Expert Online マルチアカウント管理の基本
20210526 AWS Expert Online マルチアカウント管理の基本
Amazon Web Services Japan
20190320 AWS Black Belt Online Seminar Amazon EBS
20190320 AWS Black Belt Online Seminar Amazon EBS
Amazon Web Services Japan
[CTO Night & Day 2019] AWS で構築するデータレイク基盤と amazon.com での導入事例 #ctonight
[CTO Night & Day 2019] AWS で構築するデータレイク基盤と amazon.com での導入事例 #ctonight
Amazon Web Services Japan
20200422 AWS Black Belt Online Seminar Amazon Elastic Container Service (Amaz...
20200422 AWS Black Belt Online Seminar Amazon Elastic Container Service (Amaz...
Amazon Web Services Japan
20200128 AWS Black Belt Online Seminar Amazon Forecast
20200128 AWS Black Belt Online Seminar Amazon Forecast
Amazon Web Services Japan
分散トレーシングAWS:X-Rayとの上手い付き合い方
分散トレーシングAWS:X-Rayとの上手い付き合い方
Recruit Lifestyle Co., Ltd.
20200212 AWS Black Belt Online Seminar AWS Systems Manager
20200212 AWS Black Belt Online Seminar AWS Systems Manager
Amazon Web Services Japan
20210216 AWS Black Belt Online Seminar AWS Database Migration Service
20210216 AWS Black Belt Online Seminar AWS Database Migration Service
Amazon Web Services Japan
20190402 AWS Black Belt Online Seminar Let's Dive Deep into AWS Lambda Part1 ...
20190402 AWS Black Belt Online Seminar Let's Dive Deep into AWS Lambda Part1 ...
Amazon Web Services Japan
Amazon Pinpoint × グロースハック活用事例集
Amazon Pinpoint × グロースハック活用事例集
Amazon Web Services Japan
ここから始めるAWSセキュリティ
ここから始めるAWSセキュリティ
Amazon Web Services Japan
Amazon ECS AWS Fargate あるとき~ ないとき~ (トレノケ雲の会 mod2)
Amazon ECS AWS Fargate あるとき~ ないとき~ (トレノケ雲の会 mod2)
Trainocate Japan, Ltd.
20210126 AWS Black Belt Online Seminar AWS CodeDeploy
20210126 AWS Black Belt Online Seminar AWS CodeDeploy
Amazon Web Services Japan
AWS Black Belt Online Seminar 2016 Amazon EC2 Container Service
AWS Black Belt Online Seminar 2016 Amazon EC2 Container Service
Amazon Web Services Japan
人は一ヶ月でエンジニアになれるのか - 詳細解説
人は一ヶ月でエンジニアになれるのか - 詳細解説
Livesense Inc.
20200818 AWS Black Belt Online Seminar AWS Shield Advanced
20200818 AWS Black Belt Online Seminar AWS Shield Advanced
Amazon Web Services Japan
20190522 AWS Black Belt Online Seminar AWS Step Functions
20190522 AWS Black Belt Online Seminar AWS Step Functions
Amazon Web Services Japan
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
swwwitch inc.
昔むかし、あるところでPhantom jsに助けられた話
昔むかし、あるところでPhantom jsに助けられた話
Yuki Kuramochi
Más contenido relacionado
La actualidad más candente
DevOps with Database on AWS
DevOps with Database on AWS
Amazon Web Services Japan
20191029 AWS Black Belt Online Seminar Elastic Load Balancing (ELB)
20191029 AWS Black Belt Online Seminar Elastic Load Balancing (ELB)
Amazon Web Services Japan
20190130 AWS Well-Architectedの活用方法とレビューの進め方をお伝えしていきたい
20190130 AWS Well-Architectedの活用方法とレビューの進め方をお伝えしていきたい
Amazon Web Services Japan
20210526 AWS Expert Online マルチアカウント管理の基本
20210526 AWS Expert Online マルチアカウント管理の基本
Amazon Web Services Japan
20190320 AWS Black Belt Online Seminar Amazon EBS
20190320 AWS Black Belt Online Seminar Amazon EBS
Amazon Web Services Japan
[CTO Night & Day 2019] AWS で構築するデータレイク基盤と amazon.com での導入事例 #ctonight
[CTO Night & Day 2019] AWS で構築するデータレイク基盤と amazon.com での導入事例 #ctonight
Amazon Web Services Japan
20200422 AWS Black Belt Online Seminar Amazon Elastic Container Service (Amaz...
20200422 AWS Black Belt Online Seminar Amazon Elastic Container Service (Amaz...
Amazon Web Services Japan
20200128 AWS Black Belt Online Seminar Amazon Forecast
20200128 AWS Black Belt Online Seminar Amazon Forecast
Amazon Web Services Japan
分散トレーシングAWS:X-Rayとの上手い付き合い方
分散トレーシングAWS:X-Rayとの上手い付き合い方
Recruit Lifestyle Co., Ltd.
20200212 AWS Black Belt Online Seminar AWS Systems Manager
20200212 AWS Black Belt Online Seminar AWS Systems Manager
Amazon Web Services Japan
20210216 AWS Black Belt Online Seminar AWS Database Migration Service
20210216 AWS Black Belt Online Seminar AWS Database Migration Service
Amazon Web Services Japan
20190402 AWS Black Belt Online Seminar Let's Dive Deep into AWS Lambda Part1 ...
20190402 AWS Black Belt Online Seminar Let's Dive Deep into AWS Lambda Part1 ...
Amazon Web Services Japan
Amazon Pinpoint × グロースハック活用事例集
Amazon Pinpoint × グロースハック活用事例集
Amazon Web Services Japan
ここから始めるAWSセキュリティ
ここから始めるAWSセキュリティ
Amazon Web Services Japan
Amazon ECS AWS Fargate あるとき~ ないとき~ (トレノケ雲の会 mod2)
Amazon ECS AWS Fargate あるとき~ ないとき~ (トレノケ雲の会 mod2)
Trainocate Japan, Ltd.
20210126 AWS Black Belt Online Seminar AWS CodeDeploy
20210126 AWS Black Belt Online Seminar AWS CodeDeploy
Amazon Web Services Japan
AWS Black Belt Online Seminar 2016 Amazon EC2 Container Service
AWS Black Belt Online Seminar 2016 Amazon EC2 Container Service
Amazon Web Services Japan
人は一ヶ月でエンジニアになれるのか - 詳細解説
人は一ヶ月でエンジニアになれるのか - 詳細解説
Livesense Inc.
20200818 AWS Black Belt Online Seminar AWS Shield Advanced
20200818 AWS Black Belt Online Seminar AWS Shield Advanced
Amazon Web Services Japan
20190522 AWS Black Belt Online Seminar AWS Step Functions
20190522 AWS Black Belt Online Seminar AWS Step Functions
Amazon Web Services Japan
La actualidad más candente
(20)
DevOps with Database on AWS
DevOps with Database on AWS
20191029 AWS Black Belt Online Seminar Elastic Load Balancing (ELB)
20191029 AWS Black Belt Online Seminar Elastic Load Balancing (ELB)
20190130 AWS Well-Architectedの活用方法とレビューの進め方をお伝えしていきたい
20190130 AWS Well-Architectedの活用方法とレビューの進め方をお伝えしていきたい
20210526 AWS Expert Online マルチアカウント管理の基本
20210526 AWS Expert Online マルチアカウント管理の基本
20190320 AWS Black Belt Online Seminar Amazon EBS
20190320 AWS Black Belt Online Seminar Amazon EBS
[CTO Night & Day 2019] AWS で構築するデータレイク基盤と amazon.com での導入事例 #ctonight
[CTO Night & Day 2019] AWS で構築するデータレイク基盤と amazon.com での導入事例 #ctonight
20200422 AWS Black Belt Online Seminar Amazon Elastic Container Service (Amaz...
20200422 AWS Black Belt Online Seminar Amazon Elastic Container Service (Amaz...
20200128 AWS Black Belt Online Seminar Amazon Forecast
20200128 AWS Black Belt Online Seminar Amazon Forecast
分散トレーシングAWS:X-Rayとの上手い付き合い方
分散トレーシングAWS:X-Rayとの上手い付き合い方
20200212 AWS Black Belt Online Seminar AWS Systems Manager
20200212 AWS Black Belt Online Seminar AWS Systems Manager
20210216 AWS Black Belt Online Seminar AWS Database Migration Service
20210216 AWS Black Belt Online Seminar AWS Database Migration Service
20190402 AWS Black Belt Online Seminar Let's Dive Deep into AWS Lambda Part1 ...
20190402 AWS Black Belt Online Seminar Let's Dive Deep into AWS Lambda Part1 ...
Amazon Pinpoint × グロースハック活用事例集
Amazon Pinpoint × グロースハック活用事例集
ここから始めるAWSセキュリティ
ここから始めるAWSセキュリティ
Amazon ECS AWS Fargate あるとき~ ないとき~ (トレノケ雲の会 mod2)
Amazon ECS AWS Fargate あるとき~ ないとき~ (トレノケ雲の会 mod2)
20210126 AWS Black Belt Online Seminar AWS CodeDeploy
20210126 AWS Black Belt Online Seminar AWS CodeDeploy
AWS Black Belt Online Seminar 2016 Amazon EC2 Container Service
AWS Black Belt Online Seminar 2016 Amazon EC2 Container Service
人は一ヶ月でエンジニアになれるのか - 詳細解説
人は一ヶ月でエンジニアになれるのか - 詳細解説
20200818 AWS Black Belt Online Seminar AWS Shield Advanced
20200818 AWS Black Belt Online Seminar AWS Shield Advanced
20190522 AWS Black Belt Online Seminar AWS Step Functions
20190522 AWS Black Belt Online Seminar AWS Step Functions
Similar a 最近よく聞くブロックタイプエディタを CMSごとに調べてみた
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
swwwitch inc.
昔むかし、あるところでPhantom jsに助けられた話
昔むかし、あるところでPhantom jsに助けられた話
Yuki Kuramochi
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
Yusuke Hirao
メンテナブルなJsってなんだろう
メンテナブルなJsってなんだろう
Daiki Matsumoto
日本のCMSの今。特徴とプロジェクトから考える、次のCMS選び:本編
日本のCMSの今。特徴とプロジェクトから考える、次のCMS選び:本編
Seiko Kuchida
Visual Studio Code のこれまでとこれから at OSC 2021 Online/Spring
Visual Studio Code のこれまでとこれから at OSC 2021 Online/Spring
Issei Hiraoka
スタイルガイドを活用した運用に強いCMSサイト制作
スタイルガイドを活用した運用に強いCMSサイト制作
Keisuke Imura
テーマ・プラグイン 公開のススメ WordCampTokyo2012
テーマ・プラグイン 公開のススメ WordCampTokyo2012
Hidekazu Ishikawa
Movable Type CPI Seminar 2010/11/15
Movable Type CPI Seminar 2010/11/15
Six Apart KK
プロトタイピングでしあわせになろうよ
プロトタイピングでしあわせになろうよ
Yoshiki Kojima
Adobe experience design April,May 2017 Update
Adobe experience design April,May 2017 Update
Kazuma Sekiguchi
Ll2019 pixivをspaにしている話し
Ll2019 pixivをspaにしている話し
namazu510
WordPress プラグイン Infinite Scroll を試してみた
WordPress プラグイン Infinite Scroll を試してみた
Yuji Nojima
a-blog cms 勉強会 in 札幌 x SaCSS 2016 投稿画面を改良してみよう
a-blog cms 勉強会 in 札幌 x SaCSS 2016 投稿画面を改良してみよう
Seiko Kuchida
AI搭載の新しいBingとEdge
AI搭載の新しいBingとEdge
Tomokazu Kizawa
CMSとIAで変化ヲ抱擁セヨ
CMSとIAで変化ヲ抱擁セヨ
Makoto Shimizu
javascriptの基礎
javascriptの基礎
Masayuki Abe
シリコンバレーの「何が」凄いのか
シリコンバレーの「何が」凄いのか
Atsushi Nakada
Webサイトのようには作れない!Webアプリ設計の考え方
Webサイトのようには作れない!Webアプリ設計の考え方
girigiribauer
アドビの中の人が語るCreative Cloud最新事情と活用術! 〜 ココでしか聞けない「Adobe×山口」レア話 〜
アドビの中の人が語るCreative Cloud最新事情と活用術! 〜 ココでしか聞けない「Adobe×山口」レア話 〜
Michihiko Nasukawa
Similar a 最近よく聞くブロックタイプエディタを CMSごとに調べてみた
(20)
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」鷹野 雅弘(スイッチ)
昔むかし、あるところでPhantom jsに助けられた話
昔むかし、あるところでPhantom jsに助けられた話
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
メンテナブルなJsってなんだろう
メンテナブルなJsってなんだろう
日本のCMSの今。特徴とプロジェクトから考える、次のCMS選び:本編
日本のCMSの今。特徴とプロジェクトから考える、次のCMS選び:本編
Visual Studio Code のこれまでとこれから at OSC 2021 Online/Spring
Visual Studio Code のこれまでとこれから at OSC 2021 Online/Spring
スタイルガイドを活用した運用に強いCMSサイト制作
スタイルガイドを活用した運用に強いCMSサイト制作
テーマ・プラグイン 公開のススメ WordCampTokyo2012
テーマ・プラグイン 公開のススメ WordCampTokyo2012
Movable Type CPI Seminar 2010/11/15
Movable Type CPI Seminar 2010/11/15
プロトタイピングでしあわせになろうよ
プロトタイピングでしあわせになろうよ
Adobe experience design April,May 2017 Update
Adobe experience design April,May 2017 Update
Ll2019 pixivをspaにしている話し
Ll2019 pixivをspaにしている話し
WordPress プラグイン Infinite Scroll を試してみた
WordPress プラグイン Infinite Scroll を試してみた
a-blog cms 勉強会 in 札幌 x SaCSS 2016 投稿画面を改良してみよう
a-blog cms 勉強会 in 札幌 x SaCSS 2016 投稿画面を改良してみよう
AI搭載の新しいBingとEdge
AI搭載の新しいBingとEdge
CMSとIAで変化ヲ抱擁セヨ
CMSとIAで変化ヲ抱擁セヨ
javascriptの基礎
javascriptの基礎
シリコンバレーの「何が」凄いのか
シリコンバレーの「何が」凄いのか
Webサイトのようには作れない!Webアプリ設計の考え方
Webサイトのようには作れない!Webアプリ設計の考え方
アドビの中の人が語るCreative Cloud最新事情と活用術! 〜 ココでしか聞けない「Adobe×山口」レア話 〜
アドビの中の人が語るCreative Cloud最新事情と活用術! 〜 ココでしか聞けない「Adobe×山口」レア話 〜
Más de Kasumi Morita
UIの色のコントラスト比十分ですか?
UIの色のコントラスト比十分ですか?
Kasumi Morita
a-blog cms Training Camp 2019 spring
a-blog cms Training Camp 2019 spring
Kasumi Morita
a-blog cms が与える体験
a-blog cms が与える体験
Kasumi Morita
変化し続けるウェブ技術を追うためには
変化し続けるウェブ技術を追うためには
Kasumi Morita
エンジニアがUiデザインにちょっとだけ貢献する
エンジニアがUiデザインにちょっとだけ貢献する
Kasumi Morita
a-blog cms 2017年テーマの紹介
a-blog cms 2017年テーマの紹介
Kasumi Morita
コーディングしながらデザインルールをドキュメント化してみた
コーディングしながらデザインルールをドキュメント化してみた
Kasumi Morita
エンジニアのためのプレゼンテクニック
エンジニアのためのプレゼンテクニック
Kasumi Morita
数が増えてもこわくない!Quantity Queries の紹介
数が増えてもこわくない!Quantity Queries の紹介
Kasumi Morita
とってもシンプルなスライダーのjQueryプラグイン作りました
とってもシンプルなスライダーのjQueryプラグイン作りました
Kasumi Morita
1から始めるAMP対応
1から始めるAMP対応
Kasumi Morita
Sassを使いこなそう
Sassを使いこなそう
Kasumi Morita
マークアップを体験するためのツールの使い方
マークアップを体験するためのツールの使い方
Kasumi Morita
a-blog cms でAMPに対応する
a-blog cms でAMPに対応する
Kasumi Morita
マークアップって重要なの?あなたへ伝えたいマークアップの大切さ
マークアップって重要なの?あなたへ伝えたいマークアップの大切さ
Kasumi Morita
マークアップの最適解を 見つけ出す方法
マークアップの最適解を 見つけ出す方法
Kasumi Morita
もっと使いやすくなる a-blog cms の更新方法カスタマイズ
もっと使いやすくなる a-blog cms の更新方法カスタマイズ
Kasumi Morita
a-blog cms ってどんなCMS?
a-blog cms ってどんなCMS?
Kasumi Morita
絵本を作って感じたSVGの良いところとつまずいたところ
絵本を作って感じたSVGの良いところとつまずいたところ
Kasumi Morita
a-blog cms の2016年版新テーマについて
a-blog cms の2016年版新テーマについて
Kasumi Morita
Más de Kasumi Morita
(20)
UIの色のコントラスト比十分ですか?
UIの色のコントラスト比十分ですか?
a-blog cms Training Camp 2019 spring
a-blog cms Training Camp 2019 spring
a-blog cms が与える体験
a-blog cms が与える体験
変化し続けるウェブ技術を追うためには
変化し続けるウェブ技術を追うためには
エンジニアがUiデザインにちょっとだけ貢献する
エンジニアがUiデザインにちょっとだけ貢献する
a-blog cms 2017年テーマの紹介
a-blog cms 2017年テーマの紹介
コーディングしながらデザインルールをドキュメント化してみた
コーディングしながらデザインルールをドキュメント化してみた
エンジニアのためのプレゼンテクニック
エンジニアのためのプレゼンテクニック
数が増えてもこわくない!Quantity Queries の紹介
数が増えてもこわくない!Quantity Queries の紹介
とってもシンプルなスライダーのjQueryプラグイン作りました
とってもシンプルなスライダーのjQueryプラグイン作りました
1から始めるAMP対応
1から始めるAMP対応
Sassを使いこなそう
Sassを使いこなそう
マークアップを体験するためのツールの使い方
マークアップを体験するためのツールの使い方
a-blog cms でAMPに対応する
a-blog cms でAMPに対応する
マークアップって重要なの?あなたへ伝えたいマークアップの大切さ
マークアップって重要なの?あなたへ伝えたいマークアップの大切さ
マークアップの最適解を 見つけ出す方法
マークアップの最適解を 見つけ出す方法
もっと使いやすくなる a-blog cms の更新方法カスタマイズ
もっと使いやすくなる a-blog cms の更新方法カスタマイズ
a-blog cms ってどんなCMS?
a-blog cms ってどんなCMS?
絵本を作って感じたSVGの良いところとつまずいたところ
絵本を作って感じたSVGの良いところとつまずいたところ
a-blog cms の2016年版新テーマについて
a-blog cms の2016年版新テーマについて
最近よく聞くブロックタイプエディタを CMSごとに調べてみた
1.
有限会社アップルップル 森⽥かすみ WCAN 新潟出張版
2018 sponsored by a-blog cms CMS B I ABC
2.
森⽥かすみ 有限会社アップルップル @KasumiMorita 趣味はかっぱの イラストを描くこと。 デザイナー
3.
名古屋の⼈だけど 実は3⽉の新潟グラムに ひっそり(?)参加していました
4.
そして、今⽇はお話をする側に
5.
“ブロックタイプエディタ” 聞いたことありますか?
6.
ブロックタイプエディタ すごくいいですよ (かれこれブロックタイプエディタ歴6年⽬突⼊…)
7.
Movable TypeWordPress Movable Type7
2018年5⽉16⽇〜時期は未定 Ver.5.0搭載予定 最近よく話題になっている理由
8.
ブロックタイプエディタ普及の問題点 今までWYSIWYGエディタ使ってた⼈は WYSIWYG エディタがいい って⾔う
9.
ブロックタイプエディタを使って変わったこと あれ?マークアップが変わってる…!? WYSIWYG使⽤中 ブロックタイプエディタ使⽤後 https://mkasumi.com/entry-29.html
10.
⽂章構造を意識した原点は ブロックタイプエディタを使い始めて と知ったところから 「B」と「⾒出し」は違う
11.
⽂章構造を意識し始めたのはブロックタイプエディターがきっかけでした。 「⾒出し」を知ってからは構造的に⽂章を書くことを意識しはじめました。 …ん? 「⾒出し」って なんだろう 「B」っぽい のはこっちに あるし… ブロックタイプエディタのおかげで HTMLわからない私が⾒出しの存在に気づいた…!
12.
結果、ここまで成⻑しました ⾒出しに「◇」書いてた⼈が 332いいね、116はてブ、218ポケット https://mkasumi.com/thinking-visual-without-color.html⾊に頼らないビジュアル表現を考える ブロックタイプエディタを通して、読みやすい⽂章構造を意識しはじめた 私が⾒出しに「◇」や「B」を使うような⼈のままだったら ここまで数字は伸びなかったと思う
13.
ブロックタイプエディタ は コンテンツを書くことに集中できる HTMLの崩壊などの本質とは別の問題では悩まない 書いてる最中に装飾に気を回さないから集中できる つまり、書きやすくなる 1. 2.
14.
もうWYSIWYGエディタには 戻りたくない! ⼀度、味をしめたら …って思うはず!
15.
“ブロックタイプエディタ” ちょっと気になってきましたか?
16.
今⽇のアジェンダ • ブロックタイプエディタとは • WYSIWYGエディタの問題とは •
各CMSのエディタ⽐較
17.
B I ABC ブロックタイプエディタとは
18.
デモ
19.
実は他にもたくさんのCMSが導⼊している (プラグインで対応)
20.
Concrete5はブロック型CMS 余談ですが Not ブロックタイプエディタ
21.
B I ABC WYSIWYGエディタの問題とは
22.
以前まではWYSIWYGエディタが主流だった
23.
WYSIWYGエディタが 抱えていた問題とは
24.
意図しないソースコードが出⼒されてしまう
25.
思ったようにレイアウトできない 正解のレイアウト WYSIWYGで組んだレイアウト
26.
2カラムの実装正しいHTML ブロックタイプエディタでは ⼤体の 問題解決できます なかにはWYSIWYGエディタ引き継いでるエディタもある…
27.
B I ABC 各CMSのエディタ⽐較
28.
ブロックタイプエディタを 採⽤しているCMS
29.
ブロックタイプエディタ と⾔っても、CMSによって 全然使い⽅や考え⽅が違う
30.
呼び⽅もそれぞれ異なる Gutenberg BurgerEditor ブロックエディタ Matrix Fields ユニット
31.
グループ分けしてみた
32.
使いやすさ 直感 重視 管理 重視 使いやすさ
33.
サイトの規模でも分けられる サイトの規模 個⼈サイト 〜 ⼩規模サイト ⼩規模サイト 〜 ⼤規模サイト 直感 重視 だからこそ! 管理 重視 だからこそ!
34.
直感重視タイプ
35.
Jimdo
36.
Wix
37.
直感重視タイプにいえること • 管理画⾯に⼊らない • カスタマイズすることをあまり想定していないので⼊⼒ 者側の気持ちを第⼀優先にしてUI設計されている
38.
いいとこどりタイプ
39.
WordPress(Gutenberg)
40.
Baser CMS(Burger Editor)
41.
いいとこ取りタイプにいえること • 管理画⾯に⼊ってから⼊⼒画⾯がある • ⾒えてるまま更新できると思ったら、閲覧側ページが読 み込んでるスタイルによって表⽰が変わるのでユーザー が⼾惑う可能性は否めない
42.
Gutenbergについて https://ja.wordpress.org/gutenberg/
43.
UIがCMSというよりウェブサービスっぽい Gutenbergの⾯⽩いところ noteDropbox Paper 書く⼈のユーザー体験の向上を重視しているように⾒受けられる
44.
管理重視タイプ
45.
Craft CMS
46.
Movable Type
47.
a-blog cms
48.
管理重視タイプにいえること • 管理画⾯に⼊ってから積まれたブロック(⼊⼒画⾯)が ある • 直感的とは⾔えずレイアウトする際は予想する⼒が必要 になるけれど、デザインとコンテンツを分離して管理で きる
49.
他のタイプとの考え⽅の違い ブロックエディタの導⼊でデザインとコンテンツを分離すること で、コンテンツの可搬性を⾼めることが可能になるという。 http://ascii.jp/elem/000/001/676/1676990/
50.
他のタイプとの考え⽅の違い コンテンツファーストな考え⽅を持つ
51.
スタイルのシンボル化 ※「シンボル化」はSketchや Adobe XDに導⼊されている機 能で、スタイルを⼀括管理で きる ⾒出しにだって種類はいっぱいある
52.
特にブロックを活かしているのは 初期から導⼊してるCraft CMSとa-blog cms ブロックの⾮表⽰機能
ステップの少ないUI
53.
a-blog cms の「ユニット」 Unit
単位= コンテンツの を意味する最⼩の単位
54.
特定のユニットだけを取り出す REST APIでも結果としてできるかも しれない もともと⽤意されている機能と拡張し てできることは結果は同じようでまた 違った意味を持つ ギャラリー ページが 作れる!
55.
B I ABC 各エディタの調査結果まとめ
56.
⼀⾔にブロックタイプエディタと⾔っても、 CMSによって全然使い⽅や考え⽅が違う 直感的な操作を重視? コンテンツの管理しやすさ重視?
57.
まだまだ本質的に発展途上の ブロックタイプエディタが多い
58.
ブロックタイプエディタ これからもっとよくなれるよ…! WYSIWYGエディタに戻らないで! ん...?って思っても
59.
最後に
60.
ブロックタイプエディタは いいぞ! ブロックタイプエディタで構造を意識して読みやすい⽂章つくろう
61.
ありがとうございました! 「ほんわか かっぱさん」LINEスタンプもあるよ! KasumiMorita kasumi.morita.750 https://mkasumi.com
Descargar ahora