メインコンテンツにスキップ

コメント機能

Studioのコメント機能を使うと、デザイン上にコメントを追加・確認・管理できます。この記事では、デザインエディタでのコメント操作を中心に、コメントモードの使い方やコメントの編集・削除方法を解説します。

今日アップデートされました

コメント機能とは

Studioのコメント機能では、デザインエディタ上の要素に対してコメントを追加できます。複数メンバーでサイトを制作する際、デザイン修正やコンテンツ追加などの指示を効率的に共有できます。
コメントはデザインエディタライブプレビューのどちらからでも追加・確認できます。
ただし、コメントの編集や削除はデザインエディタ上のみ
、可能です。


デザインエディタのコメント機能

コメントモードを有効化する

デザインエディタでコメントを追加・確認する際は、コメントモードに切り替えます。

  1. デザインエディタ左のナビゲーションメニューで、[コメント]アイコンを選択します。

  2. コメントモードに切り替わり、スクリーン上にコメントを追加できるようになります。

  3. [コメントモードを解除]ボタンをクリックすると、コメントモードが解除されます。

コメントを追加する

デザインエディタをコメントモードにし、デザイン上の特定の要素に対してコメントを残します。

  1. コメントモードを有効にします。

  2. コメントを追加したい要素をクリックします。

  3. クリックした要素にコメント入力欄が表示されるので、テキストを入力して送信します。

スクリーンショット:コメント機能を使いコメントを追加する様子。

コメントを確認する

エディタやライブプレビューで追加したコメントは、右パネルで一覧表示できます。

  1. コメントモードを有効にします。

  2. 右パネルに表示されるコメント一覧から、対象のコメントを選択します。

    パネルが閉じている場合には、右パネルを開いてください。

スクリーンショット:コメント機能を使いコメントを確認する様子。

コメント一覧を絞り込む

  1. コメントモードを有効にします。

  2. コメント一覧上部の絞り込みアイコンから、表示するコメントをフィルターできます。以下のような条件での絞り込みが可能です。

    • 解決済みのコメントのみ表示する

    • 現在表示中のページに追加されたコメントのみ表示する

スクリーンショット:コメント一覧を絞り込む様子。

コメントを編集する

自分が追加したコメントは、後から内容を編集できます。

  1. 編集したいコメントの右上にある三点メニュー […] をクリックします。

  2. コメント内容を修正し、再度送信します。

スクリーンショット:追加したコメントを編集する様子。

コメントの表示と非表示(解決/未解決)

対応が完了したコメントは、解決済みとして非表示にできます。

スクリーンショット:コメントを解決済みにする様子。
  • コメント右上のチェックマークをクリックするか、コメント一覧上で対象コメントにホバーして表示されるチェックマークをクリックします。

  • 一度解決済み(非表示)にしたコメントは、未解決(表示)に戻すこともできます。解決済みコメントのみを一覧で絞り込んで表示し、対象のコメントを未解決に変更します。

スクリーンショット:コメントを未解決にする様子。

コメント・スレッドを削除する

自分が追加したコメントは、コメント右上の三点メニュー […] から削除できます。一度削除したコメントは復元できません。

スクリーンショット:コメントを削除する様子。

コメントに返信がありスレッドになっている場合は、[スレッドを削除]と表示されます。スレッドを削除すると、そのスレッド内の他のメンバーのコメントもすべて削除されます。

スクリーンショット:スレッドを削除する様子。

ライブプレビューのコメント機能

ライブプレビュー画面上でもコメントを追加できます。

  • エディタで追加したコメントとライブプレビューで追加したコメントは共通のスレッドとして扱われます。

  • ライブプレビューでは、コメントの追加と閲覧のみが可能です。編集や削除はデザインエディタ上で行ってください。

詳しい仕様や操作方法はライブプレビューを参照してください。

こちらの回答で解決しましたか?