> 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/tsru/tu-xing.md).

# 図形

シーン上に長方形、楕円、線を直接描画して、ビジュアル要素を作成したり、ガイドとして活用したりできます。

<figure><img src="https://3749661168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FN5xwtBbI8xGEmgPaUqut%2Fgitbook_shape.png?alt=media&amp;token=4f637184-a2e2-4715-bf75-80f82fad63cf" alt=""><figcaption></figcaption></figure>

***

## 使い方

{% stepper %}
{% step %}

#### 「Shape」ツールを選択

シーンの下で、次を選択します <i class="fa-square" style="color:$primary;">:square:</i> <kbd><mark style="color:$primary;">**図形**<mark style="color:$primary;"></kbd> ツールメニューから、使用できる既定の図形がいくつか表示されます。四角形ツールがデフォルトで選択されています。矢印をクリックして、以下のオプションから選択してください:

* &#x20;<i class="fa-square" style="color:$primary;">:square:</i> <mark style="color:$primary;">**`四角形`**</mark> または `R` キーボードで
* &#x20;<i class="fa-circle" style="color:$primary;">:circle:</i> <mark style="color:$primary;">**`楕円`**</mark> または `O` キーボードで
* &#x20;<i class="fa-pipe" style="color:$primary;">:pipe:</i> <mark style="color:$primary;">**`線`**</mark> または `L` キーボードで
  {% endstep %}

{% step %}

### シーン上に描画

キャンバス上をクリックしてドラッグし、選択した図形を描画します。図形の端や角のハンドルをドラッグしてサイズを変更するか、図形の内側からドラッグして位置を調整します。

<figure><img src="https://3749661168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FyVgoACDcPNjpqVliBhls%2Fgitbook_shapes.png?alt=media&amp;token=3f0f5ed2-4205-461d-a040-e2fb13a3b92e" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### 図形の色を変更

<figure><img src="https://3749661168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FtRBvHRWqbcRzFOrUS1WZ%2Fgitbook_shape_color.png?alt=media&amp;token=95a5fab0-a615-4d20-afca-e101c3894cc3" alt=""><figcaption></figcaption></figure>

1. サブメニュー左側の色の円を選択します。
2. カラーパレットから選択
3. カラーピッカーツールで色を選択します
4. テキスト入力欄にHEXカラー値を入力します
   {% endstep %}

{% step %}

### 透明度とシャドウの調整

<figure><img src="https://3749661168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2F4A4NdjEl1TbYjiPzb7iI%2Fgitbook_shape_transparency.png?alt=media&amp;token=f49261b7-ad47-40f6-84ad-26c6c500abea" alt=""><figcaption></figcaption></figure>

1. 数値パネルをクリックまたはドラッグして、不透明度とぼかしのレベルを調整します
2. トグルボタンでシャドウのオン／オフを切り替えます
3. パラメータを調整してシャドウのスタイルを変更します
   {% endstep %}

{% step %}

### 線の太さとスタイルの調整

<figure><img src="https://3749661168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FYqbpSwZvAPzTvL3muDqp%2Fgitbook_shape_size.png?alt=media&amp;token=85dbfa3e-acad-48bb-a8aa-734d7a140857" alt=""><figcaption></figcaption></figure>

1. 線アイコンを開き、さまざまな線スタイルから選択します
2. 数値を編集して線幅を調整します。

〜の場合  <i class="fa-square" style="color:$primary;">:square:</i> 四角形ツールでは、角丸の半径を全体まとめて、または各角ごとに数値を変更して調整します。

<figure><img src="https://3749661168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FOalPV5jtuTjDD44LsUED%2Fgitbook_shape_radius.png?alt=media&amp;token=ed71bdbd-8efa-4780-b152-8e3983652f28" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

***


---

# 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/tsru/tu-xing.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.
