目標
私たちはプレビューのトグルを移動する(moving the preview toggle)、AI提案を統合する(integrating AI suggestions)、ツールバーにGIFを追加する(adding GIFs in the toolbar)といった小さな準備変更を段階的に進めてきました。ついに、より大きな変更を試す準備が整いました。これは実験的な今後の変更として試すことができます。
主な目標は以下の通りです：
- 一般的な変更に合わせてコンポーザーを更新し、外観と感覚をモダンにする
- モバイルでの入力体験を改善する
さらに進める前に、テストへの協力をお願いします。
試す方法
/admin/config/upcoming-changesの 管理員 → 今後の変更 に移動します- Composer redesign（コンポーザーのデザイン変更）を見つけて有効にします
- コンポーザーを開き（返信、新しいトピック、または新しいメッセージ）、デスクトップとモバイルの両方で試してみてください
いつでも同じ場所から無効にできます。Metaでは、新しいテストグループ composer-testers に参加できます。 Metaでは現在、全員に対して有効になっています。
特に、コンポーザーをカスタマイズするテーマコンポーネントやプラグインを使用している方からのフィードバックが必要です — このデザイン変更は、コンポーザーの構造をわずかに変更しており、スタイルの変更だけではありません。詳細は以下に記載しています。
変更点
レイアウトと構造
全般
- タイトルがコンテンツに統合され、ドキュメントのタイトルのように見えるようになりました（Notionユーザーには馴染みがあるかもしれません）
- ツールバーがフッターに移動しました。これには少しの慣れが必要です（私も最初の数日は少し不便に感じました
） - カテゴリとタグの入力欄を再設計しました（タグアイコンと最小限の選択表示を含む）
- 境界線が減り、より広い感覚になりました
Markdown
- タイトル、カテゴリ、タグは、左カラムに制限されていたのではなく、エディタ+プレビューペインの上にある全幅のメタデータ領域に配置されるようになりました。
モバイル
このプロジェクトの大きな推進力の一つは、モバイル体験の改善です。過去数年間、Metaではこれに関する正当な苦情が数多く寄せられてきました [1] [2] [3].
入力時の利用可能なスペースを増やすために、拡張エディタの実験を行っています。これはフォーカス時にスライドアップし、コンポーザーのフィールドを覆い、エディタがフォーカスされている間はその状態を維持します。これは新しいトピックや新しいPMを作成する際に適用され、返信には適用されません。
これにより、利用可能な書き込みスペースが2倍以上に増加し、103pxから212pxになります（私のデバイスでのテスト結果であり、実際の結果は異なる場合があります）。
その他
- 新しいレイアウトでは、ツールバーのトグルが削除されました
- 下方向にスワイプするとキーボードが閉じ、エディタが通常の状態に折りたたまれます
- 選択されたタグはメニューが開いている間のみ表示されます。選択が行われたことを示すために、アイコンが色付きになります。
フィードバック
これはまだ非常に実験的な段階であり、主にFoundation上で通常の画面サイズ（デスクトップ＆モバイル）でどのように機能するかを知りたいと考えています。タブレット、折りたたみ式スマートフォン、他のテーマなどはまだ最適化されていません。
テーマ＆プラグイン作成者への呼びかけ 
コンポーザーのプラグインアウトレットに接続したり、コンポーザーにスタイルを適用したりしている場合、デザイン変更を有効にしてテストしてください。DOMが移動したため、いくつかのカスタマイズを調整する必要があるかもしれません：
- コンポーザーのフィールドブロックは、エディタのテキストカラム内ではなく、エディタコンテナの全幅の子要素としてレンダリングされるようになりました
composer-fieldsアウトレットに注入されたコンテンツは、タイトルの上（カテゴリ/タググループとタイトルの間）に全幅で表示されるようになります- タイトルフィールドは、カテゴリ/タグのクラスターとは別に、その下ではなく上ではなく、独自の行としてレンダリングされます
アウトレットの名前変更や削除はありません（ただし、変更に合わせてセマンティックに調整するために後で行われる可能性があります）— あなたのコネクタは依然として接続されます。変更されたのは、コンテンツがレンダリングされる場所と幅です。
テーマやプラグインで壊れているものを見つけたら、コンポーネント/プラグイン名とスクリーンショットを添えてここに返信してください。そのフィードバックこそが、このテストフェーズの目的です。
デザイン 
私自身も判断が分かれるいくつかのトレードオフやデザイン決定について、意見が聞きたいです。もちろん、それ以外のものも歓迎です。
A) なぜタイトル入力があんなに大きいのか？
アイデアとしては、手動で追加した H1 より大きなサイズにすることで、それが常にドキュメントのタイトルとして視覚的に認識されるようにすることです。時々「うーん」と思うこともあれば、「まあ、これでいいか」と思うこともあります。
もう一つのアイデアは、既存のタイトルをわずかに縮小して、同じ効果を得ることです。
次のイテレーションで元に戻されました。
B) 非表示のタグは問題ですか…
…モバイルでのトレードオフ（カテゴリのためのスペース増加）に見合わないほど大きな問題ですか。
もしそうなら、なぜですか？
C) 拡張エディタのアニメーションはあなたのデバイスでどのように動作しますか？
カクツキますか？ 十分ですか？ 改善されていますか？ より良くするための代替案や調整案はありますか？
D) AIによるタイトル提案ボタンはどうですか？
そこへぽつんと浮いているデザインは、私自身あまり好みではありません。他の人（使用している人）はどう感じますか？ デザインのアイデアを聞くことに非常にオープンです。
邪魔にならない場所に移動しました。AI title suggestions move to composer helper を参照してください。
より広くリリースする前に、これらを正しくするためのご協力ありがとうございます。 
よりモダンでエレガントなコンポジション方法のように感じます。以前、ツールバーを下に移動させる方法も試したことがありますが、この方がずっと快適だと思います。
