コンテンツにスキップ

編集モード:ページを指して変えたいことを伝える

要点プレビューのツールバーで「編集」を押し、動いているアプリの要素をクリックするか範囲をドラッグで囲んで、変えたい内容を入力します。どのページでも最大20か所までマークでき、「変更を送信」で送ります。MonstarX は、指し示した場所の情報と一緒にそれぞれのメモを受け取り、すべての変更を1回のリクエストで作成します。

「料金ページの2つ目のボタンを小さくして」と書いても伝わりますが、指し示すほうが早いこともあります。それができるのが編集モードです。動いているアプリをクリックしたり囲んだりして、それぞれの場所に変えたい内容を書き、まとめて送ります。MonstarX には、どの要素のことか、そしてそれがどのファイルにありそうかが正確に伝わります。

編集モードで2つの変更をマークしたところ。見出しとヒーロー画像に、それぞれメモを付けている。
  1. プレビュー タブを開き、アプリが表示されるまで待ちます(状況カードがプレビューを覆っている間は、編集 ボタンはグレーで押せません)。

  2. プレビューのツールバーで 編集(鉛筆のアイコン)をクリックします。プレビューの隅に 編集モード のパネルが開きます。

  3. 変えたいところを指し示します。

    • 要素をクリックする:見出し、ボタン、画像、カードなど。ポインターを合わせると強調表示されるので、クリックで何が選ばれるかがわかります。
    • セクション全体など、複数の要素にまたがるときは、範囲をドラッグで囲みます。
  4. 表示されたメモ欄に変えたい内容を入力します(「この見出しを少し小さくして」など)。

  5. 同じようにほかの場所もマークします。それぞれにページとパネルで番号が付きます。

  6. 2件の変更を送信(件数はマークの数に合わせて変わります)をクリックします。MonstarX がすべてを1回のリクエストで作成します。

編集モードのパネルでは何ができますか?

Section titled “編集モードのパネルでは何ができますか?”
  • それぞれの変更には、選んだもの(<h1> "A quiet place to breathe…" のようなタグとテキスト)とメモが表示されます。
  • ごみ箱のアイコンで変更を1つ削除します。クリア ですべて削除します。
  • N件の変更を送信 で送ります。作成中はボタンが N件の変更をキューに追加 になり、変更は次に実行で待ちます。
  • 隅の × または Esc キーで編集モードを終了します。まだ送っていないマークは破棄されます。

編集モードでスクロールしたり、ページを移動したりできますか?

Section titled “編集モードでスクロールしたり、ページを移動したりできますか?”

できます。いつもどおりマウスホイール、トラックパッド、キーボードでスクロールしてください。ページが動いても、マークは要素に付いたままです。タッチ画面では2本指でスクロールします(1本指だと囲む操作になります)。

別のページのものをマークするには、プレビューのアドレスバーでページを選びます。ほかのページで付けたマークは、今のページを見ている間は隠れますが、送るときはすべてまとめて送られます。

リクエストはチャットに プレビュー上で2件の変更をマーク と表示され、番号付きの変更とそのメモが並びます。MonstarX はマークごとに、それがあったページ、要素の詳細、その要素がありそうなファイルを受け取るので、すぐに正しい場所に取りかかれます。

結果は通常の作成と同じです。チャットで様子を追うことができ、終わった後にはバージョンが保存されます。スレッドの一覧では、「この見出しを少し小さくして…(他1件)」のように最初のメモで表示されます。

  • 1つのマークに1つの内容。 見出しに「小さくして」、画像に「ここは本物の写真にして」と分けるほうが、1つの長いメモよりうまくいきます。
  • コードではなく、結果を伝える。 「もっと目立たせて」「予約ボタンと同じ緑にして」で十分です。
  • レイアウトの変更は範囲で囲む。 「この3枚のカードを1列に並べて」なら、列全体を囲むのがいちばん伝わります。
  • 画像はその場で頼む。 画像をクリックして、ほしい写真を説明しましょう。MonstarX が描くこともできます。詳しくは アプリの画像 をご覧ください。
  • 1回のリクエストで送れる変更は 20件 までです。それ以上あるときは、いったん送ってから続けてください。
  • 各メモは 2,000文字 までです。長すぎるメモは赤くなり、収まるまで 送信 できません。
  • 編集モードを使えるのは、プロジェクトのオーナーと 編集可 の権限を持つ人です。閲覧・コメント可 の人は、代わりに コメント を使います。詳しくは 共有とコメント をご覧ください。
「編集」ボタンがグレーで押せないのはなぜですか?

プレビューが稼働していて、アプリが表示されている必要があります。プレビューの起動中、作成中で状況カードが表示されているとき、まだ何も作成されていないときは押せません。

「プレビューのインスペクターがまだ読み込まれていません」と表示されます。どうすればいいですか?

プレビューを再読み込み(↻)して、もう一度お試しください。編集モードでページをスクロールできるようになる前にプレビューが起動された、と表示される場合は、プレビューのツールバーで 開発サーバーを再起動(⟲)をクリックしてください。

メニューのように、クリックしないと表示されないものもマークできますか?

先にプレビューでそれを開いてから、編集モードをオンにしてください。または切り抜きで画像にして、チャットで変更内容を伝えることもできます。

編集モードと切り抜きの違いは何ですか?

編集モードは、マークした要素ごとに変更の依頼を送ります。切り抜きはページの一部の画像をメッセージに入れるもので、どのモードでも送れます。質問や、問題を見せたいときに便利です。

編集モードで、アプリはすぐに変わりますか?

変わりません。マークは1回のビルドのリクエストとして送られ、MonstarX がほかのリクエストと同じように作成します。作成なしですぐに反映される調整はありませんが、結果が気に入らなければバージョンを復元できます。