> For the complete documentation index, see [llms.txt](https://docs.theseaai.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.theseaai.com/main/jp/ji-neng/rrtogaido.md).

# ルーラーとガイド

ルーラーとガイドで、プレイグラウンドに正確な計測と整列をもたらします。製品サイズと配置に厳格なルールがあるチーム向けです。

## 使用するタイミング

使用方法 **ルーラーとガイド** 配置やサイズを正確に合わせたいとき — 単に「だいたい合っている」ではなく:

* 商品、テキスト、図形、ロゴをシーン全体で一貫して整列させるとき。
* 要素の正確なサイズや、シーン内の要素間の距離を確認するとき。
* Beachsideを離れずに、正確なレイアウト作業を行うとき。<br>

***

## 使い方

{% stepper %}
{% step %}

#### をクリック <i class="fa-ruler" style="color:$primary;">:ruler:</i> <kbd><mark style="color:$primary;">**ルーラーとガイド**<mark style="color:$primary;"></kbd> 切り替え

プレイグラウンドの右下隅にあり、代わりにキーボードショートカット <kbd><mark style="color:$primary;">**Shift + R**<mark style="color:$primary;"></kbd> でオン/オフを切り替えます

<figure><img src="https://3749661168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FDoIx8ytM0CYoZTN49lHC%2Fentry%20point%20example.png?alt=media&amp;token=530f2ba8-8d3a-490f-a20f-24d0b9f9db12" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### 新しいガイドを作成

* 〜からドラッグ **上** または **左** ルーラーからドラッグして、ガイドをプレイグラウンド上に引き出します。
* 〜からドラッグ **左上隅** 両方を引き出すために **水平** と **垂直** ガイドを同時&#x306B;**.**

ドラッグすると、ガイドのピクセル位置がルーラーに表示されるので、正確に配置できます。
{% endstep %}

{% step %}

#### 距離の見方

ルーラーの距離ラベルは、現在作業している対象を常に示し、さらに **ハイライト帯** 各ルーラーに表示され、読み取りを助けます。

* **何も選択されていない** → プレイグラウンドの左上隅から測定します。
* **シーンが選択されている** → そのシーンの左上隅から測定します。
* **レイヤーが選択されている** → それでもシーンの隅から測定されるため、レイヤーがシーン内のどこにあるか確認できます。
  {% endstep %}

{% step %}

#### ガイドを削除

* 削除 **1つのガイド** — 元のルーラーに戻すか、クリックして選択し、次のキー <kbd><mark style="color:$primary;">**Delete**<mark style="color:$primary;"></kbd> キー。
* 削除 **すべてのガイド** — ルーラーを右クリックして **上** または **左** ルーラーを選択し、次を選んでください **すべてのガイドを削除。**
  {% endstep %}
  {% endstepper %}

***

## よくある質問

<details>

<summary><strong>シーンガイドとグローバルガイドの違いは何ですか？</strong></summary>

ガイドがどこに属するかは、作成時に何を選択していたかによって決まります。

* **グローバルガイド** — 次の状態で作成された **何も選択されていない**。シーンがどのように移動しても、プレイグラウンド上の固定位置に残ります。全体が実線です。
* **シーンガイド** — 次の状態で作成された **シーンが選択されている**。それらはそのシーンに属し、シーンと一緒に移動します。シーン内では実線、はみ出す部分は破線になります。

</details>

<details>

<summary><strong>プレイグラウンドを再度開いたとき、ルーラーとガイドはそのまま残っていますか？</strong></summary>

はい！ガイドは **プレイグラウンドと一緒に保存されます** — 再度開いても、ガイドは配置した場所にそのまま残ります。

* **シーンを複製すると** そのシーンガイドも同じ相対位置でコピーされます。
* **シーンを削除すると** そのシーンのガイドも一緒に削除されます。

</details>

<details>

<summary><strong>ルーラーをオフにすると、すべてのガイドが消えてしまいますか？</strong>  </summary>

表示をオフにしてもガイドは削除されません — ルーラーをオンに戻すと、最後に置いた場所に再表示されます。

</details>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://docs.theseaai.com/main/jp/ji-neng/rrtogaido.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
