Download to read offline
![自己紹介
• 正木愉美 [マサキユミ]
• 2013年入社
• 新規事業チーム
• PowerCMS X と伝えるウェブのチーム
• 主に導入前のご相談などのサポート
• 導入事例などの取材＆原稿担当](https://image.slidesharecdn.com/componentblocks20230829-230830011528-2adda908/85/ComponentBlocks-2-320.jpg)
ブロックエディタ機能 ComponentBlocks プラグイン
- 1.
- 2. 自己紹介 • 正木愉美 [マサキユミ] •2013年入社 • 新規事業チーム • PowerCMS X と伝えるウェブのチーム • 主に導入前のご相談などのサポート • 導入事例などの取材＆原稿担当
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9. 1. 更新担当者にHTMLの知識がないことが多い 2. 逆にHTMLの知識があると、リッチテキスト エディタで自由に装飾等ができてしまう 3.ウェブサイトのトーン＆マナーを維持したい 4. でも、いろいろなパターンのページが作れる 必要がある どうして入力を制限？
- 10.
- 11.
- 13.
- 15.
- 16.
- 17. • 運用する人たちにとってわかりやすい管理画面 を作ることができる • 更新作業者は、入力ブロックを組み合わせるこ とで一定の自由度があり、様々なページを作成 することができるため満足感がある •誰が作っても一定のルールに基づいた出力がで き、ページのクオリティが安定する ブロックエディタのメリット ー 利用者側 ー
- 18. • ウェブサイトのトーン＆マナーだけでなく、 ウェブアクセシビリティの維持にも貢献 • 色を自由に指定できないので、コントラスト 比を確保できる •リンクテキストや alt の入力が自然とできる ようなUIを作ることもできる ブロックエディタのメリット ー 利用者側 ー
- 19. • 以前のようなカスタムフィールドやひな型の量 産が不要になった • PowerCMSX のモデルの変更も不要 • 追加要望にも対応しやすい • フィールド機能ではできなかった、異なるブ ロックを好きな順序で追加可能 ブロックエディタのメリット ー 構築者側 ー
- 20. • 非エンジニアにも管理画面の作成が可能 • 実装担当者は、ビュー作成に注力することが できる •ブロックエディタ自体の高度な作り込みも可 能なので、事前にエンジニアと一緒に設計し て役割分担をしておくとよい ブロックエディタのメリット ー 構築者側 ー
- 21. モデルとフィールド、 ブロックの使い分け まずは、モデル。これが主体。 • 一覧画面に表示できる • 検索やフィルタ、ソート順に指定できる •すべてのスコープで共通の値 • 入力欄の増減には対応できない
- 22. フィールドは、カスタムフィールドと同じ。 • 一覧画面には表示できない • 読み出し専用 •スコープごとにフィールドが異なってもOK • フラグ管理にも使える （例：□ 外部リンクとして表示 ） モデルとフィールド、 ブロックの使い分け
- 23.
- 24.
- 25.
- 26.