切り抜き：ページの一部を MonstarX に見せる
要点プレビューのツールバーで「切り抜き」を押し、ページ上の範囲を枠で囲むか、要素をクリックします。スクロールした位置、開いたメニュー、入力した内容もそのまま、見えているとおりの画像が「切り抜き 1」としてページ名付きでプロンプト欄に入ります。いくつでも追加し、メッセージを書いて、どのモードでも送れます。
説明するより見せたほうが早いこともあります。見た目がおかしいボタン、レイアウトのすき間、フォームのエラーメッセージなどです。切り抜きを使うと、動いているアプリのその部分だけを画像にして、メッセージに入れられます。あとは「ここを直して」と書くだけです。
ページの一部を切り抜くには？
Section titled “ページの一部を切り抜くには？”-
プレビュー タブで、見せたい状態にページを整えます。そこまでスクロールする、メニューを開く、フォームに入力する、などです。
-
プレビューのツールバーで 切り抜き（はさみのアイコン）をクリックします。プレビューの下部に 範囲を枠で囲むか、要素をクリックしてください と表示されます。
-
見せたいものを枠で囲みます。要素を1つだけクリックしてもかまいません。ポインターを合わせると、クリックで選ばれる要素が枠で示されます。
-
画像がメッセージに入り（バーに「メッセージに追加しました」と表示されます）、カーソルがプロンプト欄に移ります。切り抜きはオンのままなので、続けて切り抜けます。
-
メッセージを書き、モードを選んで送信します。切り抜きを終えるには 完了 をクリックするか、Esc キーを押します。
切り抜きはプロンプト欄に 切り抜き 1、切り抜き 2 のように、元のページの情報付きで表示されます。削除するには、切り抜きの × をクリックします。
切り抜きには何が写りますか？
Section titled “切り抜きには何が写りますか？”枠の中の画面に映っているものが、そのまま画像になります。スクロールした位置のページ、開いたメニュー、フィールドに入力した文字、固定されたヘッダーもその位置のままです。パスワードの欄は画像では隠されます。
画像と一緒に、MonstarX は次の情報も受け取ります。
- ページのアドレスとタイトル
- 見ていたプレビューのサイズ（デスクトップ、タブレット、スマートフォン）
- 枠がページのどこにあったか、どれだけスクロールしていたか
- 枠の中の要素と、それがありそうなファイル
つまり切り抜きは、どう見えるか と コードのどこにあるか の両方を MonstarX に伝えます。
切り抜きはどのモードで送ればいいですか？
Section titled “切り抜きはどのモードで送ればいいですか？”どのモードでもかまいません。切り抜きはメッセージの一部にすぎません。
- ビルド：「この2つのボタンの高さをそろえて。」MonstarX がアプリを変更します。
- チャット：「この合計が間違っているのはなぜ？」MonstarX が何も変えずに調べます。詳しくは ビルド・プラン・チャット をご覧ください。
- プラン：「講師のページにもこんなセクションがほしい。」MonstarX が先にいくつか質問します。
何も書かずに切り抜きだけを送ると、メッセージは「/pricing の切り抜きを見てください。」になります。
切り抜きはいくつ追加できますか？
Section titled “切り抜きはいくつ追加できますか？”1つのメッセージには、切り抜きと添付ファイルを合わせて 10個 までのファイルを入れられます。いっぱいになると、「1つのメッセージに添付できるファイルは10個までです。送信するか、どれかを削除してから切り抜いてください。」と表示されます。
キューのリクエストを編集のためにプロンプト欄へ戻すと、その切り抜きも一緒に戻ります。
切り抜きと編集モード、どちらを使う？
Section titled “切り抜きと編集モード、どちらを使う？”| 切り抜き | 編集モード | |
|---|---|---|
| 送るもの | 普通のメッセージに入った画像 | 変更のリスト（マークした場所ごとに1つのメモ） |
| モード | ビルド、プラン、チャット | ビルド |
| 向いていること | 問題を見せる、何かについて質問する、「こんな見た目にして」 | 特定の要素への、いくつかの細かな変更 |
2つを同時にオンにすることはできません。
よくある質問
Section titled “よくある質問”「切り抜き」ボタンがグレーで押せないのはなぜですか？
プレビューが稼働していて、アプリが表示されている必要があります。プレビューの起動中や、状況カードが表示されている間は使えません。
プレビューが切り抜き機能より前に起動したと表示されます。どうすればいいですか？
プレビューのツールバーで 開発サーバーを再起動（⟲）をクリックしてから、もう一度お試しください。
「プレビューのインスペクターがまだ読み込まれていません」と表示されます。
プレビューを再読み込み（↻）して、もう一度お試しください。
MonstarX には画像が見えていますか？
画像を読めるモデルは、画像そのものを見ます。読めないモデルの場合も、MonstarX はページ、範囲、その中の要素をテキストで送るので、どこを指し示したかは伝わります。
プロジェクトを共有した相手も切り抜きを使えますか？
編集可 の人は使えます。閲覧・コメント可 の人は、代わりに コメント でページを指し示します。詳しくは 共有とコメント をご覧ください。