> 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 は、発想から制作、ポストプロダクションまで、クリエイティブプロセス全体を支えます：

* **作成：** 1 枚の商品画像から、背景や質感など、思い描くあらゆる要素を取り込めます。
* **仕上げ：** 既存のキャンペーン素材を、商品、背景、特定要素を自然に差し替えながら再構成できます。
* **拡張：** 細部の修正、不要要素の削除、被写体の切り抜き、解像度の向上を、すばやく行えます。
* **展開：** キービジュアルのトーンとスタイルを維持したまま、キャンペーンを複数の SKU に展開できます。

</details>

***

## レッスン内容

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

***

## アセット

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

{% file src="/files/c0174e3234dddd81301f8129cbc9bd49aeb5a6cd" %}

<details>

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

1. 画面左下の <i class="fa-arrow-up-from-bracket" style="color:$primary;">:arrow-up-from-bracket:</i> アップロードパネルのアイコンを選択します
2. ファイルを選択してアップロードします。\
   画像ファイルは、指定エリアに選択またはドラッグしてアップロードしてください。各ファイルのサイズは最大 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 の作成を 1 か所で行えます。
* <i class="fa-bring-forward">:bring-forward:</i>  **Playgrounds：** ビジュアルプロジェクトを作成し、整理できます。
* <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.