> For the complete documentation index, see [llms.txt](https://morphic.com/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://morphic.com/docs/jp/getting-started/navigating-the-canvas/section.md).

# セクション

Morphicのセクションは、作業が増えてもCanvasを整理して保つためのコンテナです。任意のアセットを名前付きセクションにまとめ、内容を整え、すべてを1つの単位としてまとめて移動できます。

### セクションを作成する

* まとめたいアセットをクリック＆ドラッグで選択し、右クリックして「セクションを作成」を選ぶと、新しいセクションにまとめられます

<figure><img src="https://2982589234-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoPhHCbNZdzW70rakoLhf%2Fuploads%2FmjbcmHsUPeUYGib7GqHX%2FCleanShot%202026-04-17%20at%2014.20.08.gif?alt=media&amp;token=f7235ff2-6053-4518-b5b6-c542957a1375" alt=""><figcaption></figcaption></figure>

* キャンバス上で右クリックし、「セクション」を選択して空のコンテナを作成します

<figure><img src="https://2982589234-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoPhHCbNZdzW70rakoLhf%2Fuploads%2FLNBjpf6ruUxDfFdrpKCl%2FCleanShot%202026-04-17%20at%2014.10.54.gif?alt=media&amp;token=693a9f9d-dd4a-45f0-a89a-8c2d101dd26f" alt=""><figcaption></figcaption></figure>

### セクションに名前を付ける

* セクションのラベルをダブルクリックして、その場で名前を変更します

<figure><img src="https://2982589234-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoPhHCbNZdzW70rakoLhf%2Fuploads%2FHtU4clT7t7wbmvGeJYVs%2FCleanShot%202026-04-17%20at%2014.21.38.gif?alt=media&amp;token=b78cc431-d634-4da7-9761-03f374183ff3" alt=""><figcaption></figcaption></figure>

* セクションをクリックして左上の「…」メニューを開き、「名前を変更」を選択します

<figure><img src="https://2982589234-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoPhHCbNZdzW70rakoLhf%2Fuploads%2Fu78zKi7KGhUgWkli5Z1q%2FCleanShot%202026-04-17%20at%2014.22.24.gif?alt=media&amp;token=0189dbb4-6225-4ce0-8b5d-2b9daa4aaa73" alt=""><figcaption></figcaption></figure>

### アセットの追加と削除

<figure><img src="https://2982589234-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoPhHCbNZdzW70rakoLhf%2Fuploads%2FRxJUSiwtSgN1UX0RfUpZ%2FCleanShot%202026-04-17%20at%2014.23.13.gif?alt=media&amp;token=9e2ee057-c0b6-47ca-8b9d-b4e383522cc6" alt=""><figcaption></figcaption></figure>

* 任意のアセットをセクションにドラッグすると追加できます
* アセットをセクションの外へドラッグすると削除できます
* すべてのアセットタイプが使えます: アートボード、画像、動画、音声
* セクションは他のセクションの中に入れ子にできます

### 内容を整える

* 「…」メニューを開くか右クリックして「整列」→ グリッド、水平、垂直のいずれかを選ぶと、その形式で内容を配置できます

<figure><img src="https://2982589234-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoPhHCbNZdzW70rakoLhf%2Fuploads%2FwClwENrTjeAwl9aNGBxU%2FCleanShot%202026-04-17%20at%2014.50.01.gif?alt=media&amp;token=3e3fb70d-5ecd-41ca-be05-79044cd2cb3d" alt=""><figcaption></figcaption></figure>

* 同じメニューから「子要素に合わせる」を選ぶと、セクションの境界を中身にぴったり合わせられます

<figure><img src="https://2982589234-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoPhHCbNZdzW70rakoLhf%2Fuploads%2FYdTjfUhgwZTuRBr7jgdS%2FCleanShot%202026-04-17%20at%2014.51.14.gif?alt=media&amp;token=d6295fae-8afc-4ec7-9685-1b2efbd9b6bb" alt=""><figcaption></figcaption></figure>

* 四隅または辺をドラッグしてセクションのサイズを変更します

<figure><img src="https://2982589234-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoPhHCbNZdzW70rakoLhf%2Fuploads%2FmMacRSEpvcnmpxJ4mQQC%2FCleanShot%202026-04-17%20at%2014.52.06.gif?alt=media&amp;token=5e695bf0-2da0-41ac-ba2a-a2fbeb241547" alt=""><figcaption></figcaption></figure>

### 移動と削除

* セクションをドラッグすると、中のすべてをひとまとまりとして移動できます

<figure><img src="https://2982589234-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoPhHCbNZdzW70rakoLhf%2Fuploads%2FOisZovlMYvcxBb4S4MOu%2FCleanShot%202026-04-17%20at%2014.53.33.gif?alt=media&amp;token=26e58bb8-7323-4d70-8b56-1bf2bae58c25" alt=""><figcaption></figcaption></figure>

* 「…」メニューを開くか右クリックして「セクションを削除」を選ぶと削除できます

<figure><img src="https://2982589234-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoPhHCbNZdzW70rakoLhf%2Fuploads%2FpDwxtGpUax1SvtvAMiPd%2FCleanShot%202026-04-17%20at%2014.53.52.gif?alt=media&amp;token=51bbe1d5-196c-4ef7-9e44-9130a5ea6564" alt=""><figcaption></figcaption></figure>

### セクションでキャンバスを整理する方法

セクションは、ほぼどんなワークフローにも合わせてキャンバスを形作れます。よくあるパターンをいくつか紹介します:

| パターン                 | 適用方法                                                             |
| -------------------- | ---------------------------------------------------------------- |
| プロジェクトやキャンペーンごとにまとめる | クライアント、ブランド、キャンペーンごとに1つセクションを作り、それぞれの作業を独立して管理します                |
| アセットの種類ごとにまとめる       | 画像用、動画用、音声用とセクションを分けると、必要なものをすばやく見つけられます                         |
| 作業段階ごとにまとめる          | Drafts、In Progress、Final でセクションを分けると、完了したものと進行中のものが明確になります       |
| プラットフォームや用途ごとにまとめる   | YouTubeのサムネイル、Instagram広告、Webサイトバナーなど、それぞれに1つずつセクションを作ります        |
| セクションを入れ子にする         | 大きなセクションの中に小さなセクションを入れると、動きの多い大規模なプロジェクトも1か所にまとめて管理できます          |
| 参考用セクションを用意する        | インスピレーション、ムードボード、アップロード素材は、メインの作業とは分けて配置します                      |
| 作業をきれいに見せる           | チームメイトやクライアントと確認するときは、「整列」→ グリッド、水平、垂直を使って、セクションを整ったレイアウトに揃えましょう |

ここではいくつかの考え方を紹介しましたが、セクションの使い方に決まりはありません。あなたの創作プロセスに合う形で自由に活用してください。

これで、Morphic のセクション機能の使い方は完了です。これからは、どんなプロジェクト、テーマ、ワークフローにも対応できる、すっきりしたキャンバス構成を作れます。

***

ご不明な点やお困りのことがあれば、お気軽にご連絡ください。喜んでお手伝いします。以下までご連絡ください [**support@morphic.com**](mailto:support@morphic.com)**.**


---

# 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 dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://morphic.com/docs/jp/getting-started/navigating-the-canvas/section.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.
