ゴール
プレビュートグルの移動、AI提案の統合、ツールバーへのGIF追加 といった小規模な準備変更を順次実施してきました。これにより、実験的な大きな変更を試す準備が整いました。
主なゴールは以下の通りです:
-
外観と操作性の近代化に向けた一般的な変更に合わせて、エディタ(composer)を更新する
-
モバイルでの投稿体験を改善する
さらに本格的に導入する前に、テストにご協力いただけますと幸いです。
試す方法
/admin/config/upcoming-changesにある 管理者 → 今後の変更 に移動する- エディタの再設計 を見つけ、有効化する
- エディタを開き(返信、新トピック、または新メッセージ)、デスクトップとモバイルの両方で試してみる
いつでも同じ場所から無効化できます。また、Metaで新しいテストグループ composer-testers に参加することも可能です。
エディタをカスタマイズするテーマコンポーネントやプラグインを実行している方からのフィードバックを特に必要としています — この再設計は、スタイルだけでなく、エディタの構造も少し変更しています。詳細は後述します。
変更点
レイアウトと構造
全般
- タイトルがコンテンツに統合され、ドキュメントのタイトルのように見えるようになりました(Notionユーザーには馴染み深いはずです)
- ツールバーがフッターに移動しました。筋肉の記憶の調整が必要になりますが、最初の数日は私も少し不便に感じました

- カテゴリとタグの入力を再設計(タグアイコンと最小限の選択表示を含む)
- ボーダーを減らし、より広々とした印象に
Markdown
- タイトル、カテゴリ、タグは、左カラムに制限されず、エディタ+プレビューパネルの上部にある全幅のメタデータ領域に配置されるようになりました。
モバイル
このプロジェクトの主な動機の一つは、モバイル体験の改善です。過去数年間、Metaではこの件に関する正当な不満が数多く寄せられてきました [1] [2] [3]。
投稿時の利用可能なスペースを増やすため、フォーカス時にスライドアップし、エディタフィールドを覆い、エディタがフォーカスされている間、展開した状態を維持する拡張エディタを試し導入しています。これは、新トピックや新PMを作成する際に適用され、返信時ではありません。
これにより、利用可能な書き込みスペースが2倍以上に増え、103pxから212pxに拡大しました(私のデバイスでのテスト結果です。実際の結果は異なる場合があります)。
その他
- 新しいレイアウトではツールバーのトグルが削除されました
- キーボードを閉じてエディタを通常状態に戻すには、下方向にスワイプします
- 選択されたタグは、メニューを開いた時のみ表示されます。アイコンの色で選択が行われたことを示します。
フィードバック
これはまだ非常に実験的な段階であり、主にFoundation上の通常の画面サイズ(デスクトップ&モバイル)での動作を確認することに重点を置いています。タブレット、折りたたみ式スマートフォン、その他のテーマなどは、まだ最適化されていません。
テーマ&プラグイン作者へのご依頼 
エディタのプラグインアウトレットに接続したり、エディタをスタイル設定したりしている場合、再設計を有効にしてテストしてください。DOMが移動しており、一部のカスタマイズを調整する必要があるかもしれません:
- エディタフィールドブロックは、エディタのテキストカラム内ではなく、エディタコンテナの子要素として全幅でレンダリングされます
composer-fieldsアウトレットに注入されたコンテンツは、タイトルの上(カテゴリ/タググループとタイトルの間)に全幅で表示されます- タイトルフィールドは、カテゴリ/タグクラスターとは別の行としてレンダリングされ、それらの下に配置されます(以前は上でした)
アウトレットの名前変更や削除は行われていません(ただし、変更に合わせて意味的に調整するために後で変更される可能性があります) — コネクタは引き続き接続されます。変更されたのは、コンテンツが どこに、どのくらいの幅で レンダリングされるかです。
テーマやプラグインで何か壊れている部分が見つかった場合は、コンポーネント/プラグイン名とスクリーンショットを添えて、こちらに返信してください。このテストフェーズは、まさにそのようなフィードバックを得るためのものであり、大変助かります。
デザイン 
以下は、私も迷っているいくつかのトレードオフやデザイン決定についてです。ご意見をお聞かせください。もちろん、他のフィードバックも大歓迎です。
A) なぜタイトル入力欄がこんなに大きいのか?
アイデアは、手動で追加した H1 よりも大きなサイズにすることで、ドキュメント内のタイトルとして常に視覚的に際立たせることです。時々「ちょっと大げさかな」と思うこともありますが、他の時は「うん、これでいいかな」と感じます。
もう一つのアイデアは、既存のタイトルを少し小さくして、同じ効果を得ることです。
B) 隠れたタグは問題になるか…
…モバイルで(カテゴリのスペースを増やすという)トレードオフに見合うほどの大きな問題でしょうか。
もし問題だとすれば、その理由は?
C) 拡張エディタのアニメーションは、あなたのデバイスではどうですか?
カクつきますか?それとも十分滑らか?改善されていますか?より良くするための代替アイデアや調整があれば教えてください。
D) AIによるタイトル提案ボタンはどうでしょうか?
私は、そこをぽつんと浮いているのがあまり好きではありません。他の人(特に使っている人)はどう感じていますか?デザインに関するアイデアは大歓迎です。
より広くリリースされる前に、これを正しく仕上げるお手伝いをいただき、ありがとうございます。![]()




