コンポーザーの再設計をテストしてください

ゴール

プレビュートグルの移動AI提案の統合ツールバーへのGIF追加 といった小規模な準備変更を順次実施してきました。これにより、実験的な大きな変更を試す準備が整いました。

主なゴールは以下の通りです:

  1. 外観と操作性の近代化に向けた一般的な変更に合わせて、エディタ(composer)を更新する

  2. モバイルでの投稿体験を改善する

さらに本格的に導入する前に、テストにご協力いただけますと幸いです。

試す方法

  1. /admin/config/upcoming-changes にある 管理者今後の変更 に移動する
  2. エディタの再設計 を見つけ、有効化する
  3. エディタを開き(返信、新トピック、または新メッセージ)、デスクトップとモバイルの両方で試してみる

いつでも同じ場所から無効化できます。また、Metaで新しいテストグループ composer-testers に参加することも可能です。


エディタをカスタマイズするテーマコンポーネントやプラグインを実行している方からのフィードバックを特に必要としています — この再設計は、スタイルだけでなく、エディタの構造も少し変更しています。詳細は後述します。

変更点

レイアウトと構造

全般

  • タイトルがコンテンツに統合され、ドキュメントのタイトルのように見えるようになりました(Notionユーザーには馴染み深いはずです)
  • ツールバーがフッターに移動しました。筋肉の記憶の調整が必要になりますが、最初の数日は私も少し不便に感じました :wink:
  • カテゴリとタグの入力を再設計(タグアイコンと最小限の選択表示を含む)
  • ボーダーを減らし、より広々とした印象に

Markdown

  • タイトル、カテゴリ、タグは、左カラムに制限されず、エディタ+プレビューパネルの上部にある全幅のメタデータ領域に配置されるようになりました。

モバイル

このプロジェクトの主な動機の一つは、モバイル体験の改善です。過去数年間、Metaではこの件に関する正当な不満が数多く寄せられてきました [1] [2] [3]

投稿時の利用可能なスペースを増やすため、フォーカス時にスライドアップし、エディタフィールドを覆い、エディタがフォーカスされている間、展開した状態を維持する拡張エディタを試し導入しています。これは、新トピックや新PMを作成する際に適用され、返信時ではありません。

これにより、利用可能な書き込みスペースが2倍以上に増え、103pxから212pxに拡大しました(私のデバイスでのテスト結果です。実際の結果は異なる場合があります)。

その他

  • 新しいレイアウトではツールバーのトグルが削除されました
  • キーボードを閉じてエディタを通常状態に戻すには、下方向にスワイプします
  • 選択されたタグは、メニューを開いた時のみ表示されます。アイコンの色で選択が行われたことを示します。

フィードバック

これはまだ非常に実験的な段階であり、主にFoundation上の通常の画面サイズ(デスクトップ&モバイル)での動作を確認することに重点を置いています。タブレット、折りたたみ式スマートフォン、その他のテーマなどは、まだ最適化されていません。

テーマ&プラグイン作者へのご依頼 :wrench:

エディタのプラグインアウトレットに接続したり、エディタをスタイル設定したりしている場合、再設計を有効にしてテストしてください。DOMが移動しており、一部のカスタマイズを調整する必要があるかもしれません:

  • エディタフィールドブロックは、エディタのテキストカラム内ではなく、エディタコンテナの子要素として全幅でレンダリングされます
  • composer-fields アウトレットに注入されたコンテンツは、タイトルの上(カテゴリ/タググループとタイトルの間)に全幅で表示されます
  • タイトルフィールドは、カテゴリ/タグクラスターとは別の行としてレンダリングされ、それらの下に配置されます(以前は上でした)

アウトレットの名前変更や削除は行われていません(ただし、変更に合わせて意味的に調整するために後で変更される可能性があります) — コネクタは引き続き接続されます。変更されたのは、コンテンツが どこにどのくらいの幅で レンダリングされるかです。

テーマやプラグインで何か壊れている部分が見つかった場合は、コンポーネント/プラグイン名とスクリーンショットを添えて、こちらに返信してください。このテストフェーズは、まさにそのようなフィードバックを得るためのものであり、大変助かります。

デザイン :crayon:

以下は、私も迷っているいくつかのトレードオフやデザイン決定についてです。ご意見をお聞かせください。もちろん、他のフィードバックも大歓迎です。

A) なぜタイトル入力欄がこんなに大きいのか?

アイデアは、手動で追加した H1 よりも大きなサイズにすることで、ドキュメント内のタイトルとして常に視覚的に際立たせることです。時々「ちょっと大げさかな」と思うこともありますが、他の時は「うん、これでいいかな」と感じます。

もう一つのアイデアは、既存のタイトルを少し小さくして、同じ効果を得ることです。

B) 隠れたタグは問題になるか…

…モバイルで(カテゴリのスペースを増やすという)トレードオフに見合うほどの大きな問題でしょうか。

もし問題だとすれば、その理由は?

C) 拡張エディタのアニメーションは、あなたのデバイスではどうですか?

カクつきますか?それとも十分滑らか?改善されていますか?より良くするための代替アイデアや調整があれば教えてください。

D) AIによるタイトル提案ボタンはどうでしょうか?

私は、そこをぽつんと浮いているのがあまり好きではありません。他の人(特に使っている人)はどう感じていますか?デザインに関するアイデアは大歓迎です。


より広くリリースされる前に、これを正しく仕上げるお手伝いをいただき、ありがとうございます。:folded_hands:


  1. New Topic Editor Too Small iOS 26.5 Safari Web - #4 by fearlessfrog ↩︎

  2. Creating/Editing a post on mobile: let's discuss the 2026 Discourse experience ↩︎

  3. Such a tiny window to edit here on a cell phone ↩︎

「いいね!」 5

うーん、正直なところ、テキストエリアのすぐ下に配置されていて、別のボックスとして独立していない今の状態はあまり好きじゃないです……理論上は悪くないかもしれませんが、今の見た目はどうも気に入らないんです。特にビジュアルエディタでは、入力中のテキストの一部のように見えてしまいます。いつも通り、タイトル入力欄を元の位置に戻して、横方向に少しスペースを確保するくらいの方が好みです。これが、以前は問題なく使えていたのに変更されたことへの単なる拒絶反応かもしれませんが、今のところ、このデザインが気に入っているかどうかはまだわかりません。

確かに、今だとちょっと浮いているように見えますね。タイトルの終わりにくっつけるようにするか、私が提案したようにデザインを元に戻すかすれば、昔の方法でも十分機能すると思います。

ただ、全体的にはこの変更は気に入っています。デザインは素晴らしい(ボーダーが減ってすっきり!)ですし、私自身は主にデスクトップユーザーですが、モバイルでの操作性がようやく使い物になるレベルにまで向上したことに期待しています。

「いいね!」 2

こんにちは :waving_hand:

素晴らしい仕事ですね!大好きです。 :heart_eyes: よりモダンでエレガントなコンポジション方法のように感じます。以前、ツールバーを下に移動させる方法も試したことがありますが、この方がずっと快適だと思います。

全体的に、かなりクリーンな印象です。一つ気づいた点として:タイトルが退避し、本文にフォーカスが移ったとき、タイトルやカテゴリなどのセクションを再度表示する方法が少し分かりにくいかもしれません。今回の場合、コンポーザーのテキストエリア全体がスワイプ可能なので、視覚的なグリップ/ハンドルを追加することで、ユーザーにこれを示すのが役立つと思います。

「いいね!」 2

これはAIメッセージ用のドッキングコンポーザーに関する作業に触発されたのでしょうか?それに似ています。

これはMetaブランド限定でしか利用できないのでしょうか?

アイコンが小さくなっている(と思います)ことと、よりミニマルなデザインになっていることが気に入っています。

ただし、ツールバーが邪魔をして、自分が何を入力しているかを確認するために上を見上げる必要が出てきた気がします。ツールバーを上部に配置したらどうでしょうか?それでうまくいくでしょうか?(今スマホを使っているので、動かして確認できません)

「いいね!」 1

特にそうではありません :slight_smile:

いいえ、テーマに依存しないはずです。他のテーマでは表示されませんか? :eyes:

「いいね!」 1

うーん、もう少し調べてみたんですが、キーボードを閉じたときにトピック内容エディタを隠すことは可能でしょうか? そうしないと、2回タップする必要があります(1回はキーボードボタン、1回はスワイプ)。

「いいね!」 1

もう少し詳しく説明していただけますか? キーボードはどのように閉じていますか? 逆の方向は自動的に行われるはずです:エディタを縮小すると、キーボードが自動的に閉じるため、1回の操作だけで済みます。

あ!コンテンツ作成ツールとキーボードを閉じるために下にスワイプすることですか?うーん…

私の個人的な経験では、Androidのホームバーのボタンをタップしてキーボードを閉じます。現在の作成ツールにはこの動作(キーボードを閉じるためのスワイプやタップ)が存在しなかったため、私にはより不自然に感じられます。

「いいね!」 1

了解しました。配線しても問題ないはずです。

うっかりミスでした、ありがとうございます!修正中です

「いいね!」 1

ドラフトを作成すると、トピックにアクセスするたびにそれが表示されることに気づきましたが、コンポーザーにはそのような動作はありません。これは意図された仕様でしょうか?(少し邪魔に感じます)

「いいね!」 1

よく理解できていないのですが、特定のトピックの下書きがあり、そのトピックにアクセスするとコンポーザーが開くという意味でしょうか?もしそうなら、それは以前から(あるいはずっと)そうなっています。いずれにせよ、意図的に動作を変更したことはありません。

それとも、別のことをおっしゃっていますか?

私の認識が少し違っていました。現在のコンポーザーは確かにオープンですが、やや背景に隠れており、新しいコンポーザーは「視界を遮る」状態です。しかし、今このコンポーザーを移動できることを発見しました :slight_smile:

「いいね!」 1