> 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/training/capabilities.md).

# パート1

***

<div data-with-frame="true"><figure><img src="/files/05026f930bb89b5f8747cc59c3a03ce9b396afc4" alt=""><figcaption></figcaption></figure></div>

<details>

<summary><strong>Beachsideとは？</strong></summary>

Beachsideは、高品質なブランドキャンペーンのためのクリエイティブOSです。一貫性、スピード、実制作に対応できるよう設計されています：

* **プロンプトではなく、意図ベースの機能：** すべての操作は、実際のクリエイティブ意図に対応します。ツールは、プロンプトではなく、達成したいことに応答します。
* **無理なく、もっと多くを生み出す：** Beachsideが、繰り返しの多い時間を取られる工程を引き受けます。デザイナーは、構図、ストーリーテリング、品質に集中できます。
* **大規模展開に対応した、実制作レベル：** 成果物は一貫性と安定性が高く、EC、キャンペーン、グローバルなアセット配布にすぐ使えます。

</details>

<details>

<summary><strong>できること</strong></summary>

Beachsideは、アイデア出しから制作、ポストプロダクションまで、クリエイティブ工程全体をサポートします：

* **作成：** 単一の製品画像から、背景や質感など、思い描く要素をすべて取り入れられます。
* **ライティング：** 既存のキャンペーン素材の製品、背景、特定要素をシームレスに差し替え、再構成できます。
* **強化：** ディテールを瞬時に整え、不要な要素を削除し、被写体を切り抜き、解像度を向上できます。
* **展開：** キービジュアルのトーンとスタイルを保ちながら、キャンペーンを複数SKUへ拡張できます。

</details>

***

## レッスン内容

1. ホームページを見てみましょう
2. Playgroundを見てみましょう
3. アセットをPlaygroundにアップロードしてください
4. タスクとツール
   1. モデル生成
   2. レタッチ
   3. アングル
   4. 抽出
   5. ライティング

***

## アセット

Beachsideで作成を始める前に、以下の画像をダウンロードしてください。

{% file src="/files/29b08e591424d460d806bbee057c64c191d0dcdf" %}

<details>

<summary><strong>ライブラリにアセットをアップロードする方法</strong></summary>

1. 画面左下で、アップロードパネルの <i class="fa-arrow-up-from-bracket" style="color:$primary;">:arrow-up-from-bracket:</i> アイコンを選択します
2. ファイルを選択してアップロードします。\n画像ファイルは、指定エリアに選択またはドラッグしてアップロードできます。各ファイルは最大30MBで、同時に最大10ファイルまでアップロードできます。
3. 選択 <kbd><mark style="color:$primary;">**確定**<mark style="color:$primary;"></kbd> を押してアップロードを完了し、Playgroundに戻ります。

<a href="https://app.gitbook.com/o/UwFjOzcvPxIXk6nkc4K5/s/OUQ3EAPIPziQuBKQgmTy/~/edit/~/changes/188/onboarding/playground#upload-assets-to-your-library" class="button primary">チュートリアルはこちら</a>

</details>

***

## ホームページを見てみましょう

画像下の各タブを見て、各ページを確認してください。

<a href="https://theseaai.com/beachside/" class="button primary">Beachsideのホームページを見る</a>

{% @arcade/embed flowId="DjDouMeaBKemGEaiEvue" url="<https://app.arcade.software/share/DjDouMeaBKemGEaiEvue>" %}

* <i class="fa-house">:house:</i>  **ホーム：** 最近の作業やチームにアクセスし、ここから新しいPlaygroundを作成できます。
* <i class="fa-bring-forward">:bring-forward:</i>  **Playground：** ビジュアルプロジェクトを作成・整理できます。
* <i class="fa-image">:image:</i>  **ビジュアル：** 各Playgroundで作成したすべての画像を確認できます。
* <i class="fa-gem">:gem:</i>  **アセット：** パックショット、テクスチャ、背景、ロゴなどの共有ファイルを保存・整理できます。

***

## Playgroundを見てみましょう

画像下の各タブを見て、Playgroundについて学んでください。

{% @arcade/embed flowId="JXHS0kU4v5UsFb3MKItr" url="<https://app.arcade.software/share/JXHS0kU4v5UsFb3MKItr>" %}

1. **Playground名：** いつでも名前を変更できます。ダブルクリックしてください。
2. **無限キャンバス：** 自由に拡大・縮小でき、好きなだけシーンを作成できます。
3. **シーン：** Playground内で作成したものを、私たちはこう呼んでいます。
4. **ライブラリ：** チームのアセットにアクセスし、Playgroundで使うファイルをアップロードできます。
5. **タスクメニュー：** 意図ベースのクリエイティブ操作です。
6. **ツールメニュー：** タスクを補助・サポートする手動ツールです。

***

## Beachsideのモデル生成と自動タスク

自動タスクは、意図ベースのクリエイティブ操作を1つのアクションにまとめたものです。たとえば、1枚のパックショット画像から複数アングルを生成したり、ビジュアルのライティングを変更したり、商品を新しい背景に自然になじませたりできます。

{% columns %}
{% column valign="middle" %}

#### <i class="fa-images">:images:</i> **モデル生成**

プロンプトを入力して、ゼロから画像を生成したり、既存の画像を編集したりできます。

<a href="/pages/46f2c8a392358a8f2131a651e27b148a7e03fbfc" class="button primary">チュートリアルを開く</a>
{% endcolumn %}

{% column %}

<div data-with-frame="true"><figure><img src="/files/12b8734e774da4a261366542eef1dbbbc15fc0dd" alt=""><figcaption></figcaption></figure></div>
{% endcolumn %}
{% endcolumns %}

***

{% columns %}
{% column valign="middle" %}

#### <i class="fa-wand-magic-sparkles">:wand-magic-sparkles:</i> **レタッチ**

ライティング、色、形状、表面ディテール、背景の清潔感をワンクリックで調整します。

<a href="/pages/864a587b6307a9702e037a94bbed7ca8df8b43c4" class="button primary">チュートリアルを開く</a>

{% endcolumn %}

{% column %}

<div data-with-frame="true"><figure><img src="/files/163a23e1f91e2a4b608f85e550cd680c9b97ce01" alt=""><figcaption></figcaption></figure></div>
{% endcolumn %}
{% endcolumns %}

***

{% columns %}
{% column valign="middle" %}

#### <i class="fa-angle-90">:angle-90:</i> **アングル**

1枚のパックショットまたはビジュアル画像から、一貫性のある新しい商品アングルを作成します。

<a href="/pages/1e29832b1b56c204c9946014f774dbe176a4e906" class="button primary">チュートリアルを開く</a>
{% endcolumn %}

{% column %}

<div data-with-frame="true"><figure><img src="/files/d96314b73a7b547d4d957dad67036b85dc27a0ef" alt=""><figcaption></figcaption></figure></div>
{% endcolumn %}
{% endcolumns %}

***

{% columns %}
{% column valign="middle" %}

#### <i class="fa-scissors">:scissors:</i> **抽出**&#x20;

画像やシーンから特定の要素を透明背景で切り出します。

<a href="/pages/a060e1c0250cb46a03c8d91161a4a2b83df8ee1e" class="button primary">チュートリアルを開く</a>
{% endcolumn %}

{% column %}

<div data-with-frame="true"><figure><img src="/files/493541b22aa390e85215f2b030735a9fc0eccc73" alt=""><figcaption></figcaption></figure></div>
{% endcolumn %}
{% endcolumns %}

***

{% columns %}
{% column valign="middle" %}

#### <i class="fa-lightbulb">:lightbulb:</i> **ライティング**&#x20;

キャンバス上でシーンのライティングを直接調整できます。方向、強さ、配置を調整して、商品が環境に自然になじむようにします。

<a href="/pages/9ff7d4dc4ee76a0c97dcac9ac2b02546698a4a0e" class="button primary">チュートリアルを開く</a>
{% endcolumn %}

{% column %}

<div data-with-frame="true"><figure><img src="/files/1be79778ab815904829f6b94182701557566e726" alt=""><figcaption></figcaption></figure></div>
{% endcolumn %}
{% endcolumns %}

***

<div data-with-frame="true"><figure><img src="/files/4eafe386923d79afec9721cce85a5518f9b59d75" alt=""><figcaption></figcaption></figure></div>

## 次のステップ

{% content-ref url="/pages/d75979228bb567ba680712a0824d83892337c5b3" %}
[パート2](/main/jp/training/capabilities-1.md)
{% endcontent-ref %}


---

# 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://docs.theseaai.com/main/jp/training/capabilities.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.