> 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/learn/onboarding.md).

# オンボーディング

Beachsideのオンボーディングトレーニングへようこそ。このページでは、トレーニングコンテンツ、アセット、チュートリアルをすべて確認できます。Beachsideを使って、制作物を作成、修正、洗練し、スケールアップする方法を学びましょう。

***

<div data-with-frame="true"><figure><img src="https://3749661168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FcPtoz9023JQ8BaYC2zuX%2Fgitbook_training_04.png?alt=media&amp;token=fc9eecfe-7b38-49e7-9981-9295d39ffccd" alt=""><figcaption></figcaption></figure></div>

<details>

<summary><strong>Beachsideとは何ですか？</strong></summary>

Beachsideは\
高品質なブランドキャンペーンのためのクリエイティブOSです。\
一貫性、スピード、そして\
実制作業務のために構築されています：

* **意図起点の機能。プロンプトではありません：** すべての操作が、実際のクリエイティブな意図に対応します。ツールはプロンプトではなく、実現したいことに応えます。
* **無理なく、もっと創り出す：** Beachsideが、繰り返しの多い時間のかかる作業を引き受けます。デザイナーは、構図、ストーリーテリング、品質に集中できます。
* **大規模運用でも**\
  **そのまま本番投入可能：** 成果物は一貫性があり、安定していて、\
  eコマース、キャンペーン、グローバルなアセット配信にそのまま使えます。

</details>

<details>

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

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

* **作成：** 1枚の商品画像から、背景やテクスチャなど、思い描く要素をすべて取り入れられます。
* **編集：** 商品、背景、特定の要素を自然に差し替えて、既存のキャンペーン素材を再構成できます。
* **補正：** ディテールを即座に整え、不要な要素を削除し、被写体を切り抜き、解像度を向上できます。
* **展開：** キービジュアルのトーンとスタイルを維持したまま、キャンペーンを複数SKUへ展開できます。

</details>

***

## 目次

1. ホームページをご覧ください
2. プレイグラウンドを確認
3. アセットをプレイグラウンドにアップロードしてください
4. タスクとツールの紹介

***

## アセット

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> Uploadsパネルのアイコン
2. ファイルを選択してアップロードします。\
   画像ファイルは、指定エリアに選択またはドラッグしてアップロードしてください。各ファイルは最大30MBで、一度に最大10ファイルまでアップロードできます。
3. 選択 <kbd><mark style="color:$primary;">**確認**<mark style="color:$primary;"></kbd> アップロードを完了してプレイグラウンドに戻ります。

<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>  **ホーム：** 最近の作業、チーム、新しいプレイグラウンドの作成を一か所で行えます。
* <i class="fa-bring-forward">:bring-forward:</i>  **プレイグラウンド：** ビジュアルプロジェクトを作成し、整理できます。
* <i class="fa-image">:image:</i>  **ビジュアル：** 各プレイグラウンドで作成した画像をすべて確認できます。
* <i class="fa-gem">:gem:</i>  **アセット：** パックショット、テクスチャ、背景、ロゴなどの共有ファイルを保存し、整理できます。

***

## プレイグラウンドを確認

画像下の各タブを確認して、プレイグラウンドについて学んでください。

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

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

***

## 主なタスク

{% columns %}
{% column %}

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

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

<div align="left" data-with-frame="true"><figure><img src="https://3749661168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FywPzivKKeYgfER3U1dCb%2Fgitbook_cap_model.gif?alt=media&amp;token=d9c9a4d2-2064-4fb2-8d98-be025bd90196" alt=""><figcaption></figcaption></figure></div>

<a href="/main/jp/tasuku/model.md" class="button secondary">詳しく見る</a>
{% endcolumn %}

{% column %}

#### <i class="fa-puzzle-piece">:puzzle-piece:</i> **Combo**&#x20;

テキスト、画像、グラフィックを組み合わせて、新しいビジュアルを作成します。

<div align="left" data-with-frame="true"><figure><img src="https://3749661168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FhwZVGnwd5BsQk3LS23Sl%2Fgitbook_cap_combo.gif?alt=media&amp;token=58d55801-3556-4268-bf6e-ee877a377984" alt=""><figcaption></figcaption></figure></div>

<a href="broken://pages/0c1476463bb47fb5d87fc80c75b59d91d3ed1529" class="button secondary">詳しく見る</a>
{% endcolumn %}
{% endcolumns %}

***

### Comboの活用事例

これらのビジュアルがどのように作られたか、見ただけで予想できますか？結果を見る前に、各画像で使われたタスク、ツール、テキストプロンプト、参考画像を想像してみてください。一つずつ一緒に見ていきましょう：

<div><figure><img src="https://3749661168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FrOqCdogqAOO7qt6KTM0g%2FVisual_2(result).png?alt=media&amp;token=dad8579d-e593-4b81-ad68-2af9f3f9b0a4" alt=""><figcaption><p>画像1</p></figcaption></figure> <figure><img src="https://3749661168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2F7DFZjPy2NhiBB5TRxDpB%2FVisual_4(result).png?alt=media&amp;token=40aaad35-264f-4a24-9a2c-c084df9732c4" alt=""><figcaption><p>画像2</p></figcaption></figure> <figure><img src="https://3749661168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2F5T7EpCUVjnfpvRjPyjVj%2FVisual_5(result).png?alt=media&amp;token=caa6ad4a-b1ce-4116-8e84-5e07a032e39e" alt=""><figcaption><p>画像3</p></figcaption></figure> <figure><img src="https://3749661168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FbLDOVVcZrk3tDW8vfGSU%2FVisual_6(result).png?alt=media&amp;token=932fd3c9-da29-42df-b07d-406f5b705ccc" alt=""><figcaption><p>画像4</p></figcaption></figure></div>

<details>

<summary><strong>1. シンプルなレイアウトの組み合わせ</strong></summary>

<div data-with-frame="true"><figure><img src="https://3749661168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FVTwZKlx4eK29Ej1WjxFE%2FVisual_2(combo).png?alt=media&amp;token=08de8e3d-6e75-4f57-ae21-99ae9e3b1947" alt=""><figcaption></figcaption></figure></div>

</details>

<details>

<summary><strong>2. クリームの質感</strong></summary>

<div data-with-frame="true"><figure><img src="https://3749661168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FfGILifnJyEsYek0Mvhgk%2FVisual_4(combo).png?alt=media&amp;token=d5db078f-a837-469a-92e7-1119de5f68f5" alt=""><figcaption></figcaption></figure></div>

<div data-with-frame="true"><figure><img src="https://3749661168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FvdNQMEXkyvV55RcvakiX%2FVisual_4(light).png?alt=media&amp;token=7b37aaff-7b49-489d-b917-50242e50a742" alt=""><figcaption></figcaption></figure></div>

</details>

<details>

<summary><strong>3. 商品に液体が流れ落ちる表現</strong></summary>

<div data-with-frame="true"><figure><img src="https://3749661168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FTIUPYGe2cq5J4T1LQey6%2FVisual_5(combo).png?alt=media&amp;token=91ee6da1-e8ff-4a71-a15f-05b2ffd1f8f7" alt=""><figcaption></figcaption></figure></div>

</details>

<details>

<summary><strong>4. 浮遊する鏡</strong></summary>

<div data-with-frame="true"><figure><img src="https://3749661168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FITFCaZGaNLoYlmTULfOU%2FVisual_6(combo).png?alt=media&amp;token=5c684dcf-5ffb-449e-a8a4-8169216d1184" alt=""><figcaption></figcaption></figure></div>

</details>

***

## その他のタスク

{% columns %}
{% column %}
{% content-ref url="/pages/47cf55ba24a3670e53102725a64b0b564445d74a" %}
[バリエーション](/main/jp/tasuku/barishon.md)
{% endcontent-ref %}

{% content-ref url="/pages/a56f92562b6a1470cae05632e6811e5ec800eafc" %}
[ブレンド](/main/jp/tasuku/blend.md)
{% endcontent-ref %}

{% content-ref url="/pages/1e29832b1b56c204c9946014f774dbe176a4e906" %}
[角度](/main/jp/tasuku/angle.md)
{% endcontent-ref %}

{% content-ref url="/pages/9ff7d4dc4ee76a0c97dcac9ac2b02546698a4a0e" %}
[ライト](/main/jp/tasuku/light.md)
{% endcontent-ref %}

{% content-ref url="/pages/c6fb95ccbac674b68f734d4f0ad44d75cfd70985" %}
[削除](/main/jp/tasuku/remove.md)
{% endcontent-ref %}
{% endcolumn %}

{% column %}
{% content-ref url="/pages/a060e1c0250cb46a03c8d91161a4a2b83df8ee1e" %}
[抽出](/main/jp/tasuku/extract.md)
{% endcontent-ref %}

{% content-ref url="/pages/f11de4efc82d84edd246c3345a4781c9041d7957" %}
[タッチ](/main/jp/tasuku/tatchi.md)
{% endcontent-ref %}

{% content-ref url="/pages/50134873d95de6f8facbcb09fbb99b914b12b391" %}
[アップスケール](/main/jp/tasuku/appusukru.md)
{% endcontent-ref %}

{% content-ref url="/pages/02ca0174441b328ca11117334fa47c9144d79745" %}
[拡張](/main/jp/tasuku/kuo-zhang.md)
{% endcontent-ref %}

{% content-ref url="/pages/174c8c481a6b36a95218372e833964e193a27c05" %}
[複製](/main/jp/tasuku/fu-zhi.md)
{% endcontent-ref %}
{% endcolumn %}
{% endcolumns %}

***


---

# 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/learn/onboarding.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.