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

# 初回生成

準備が整ったら、Beachsideで生成を試してみましょう。

## テキストプロンプト

Beachsideでは、「テキストプロンプト」を使って画像を編集できます。続行する前に、タスクメニューの最初のオプションが <kbd><mark style="color:$primary;">**Nano Banana Pro**<mark style="color:$primary;"></kbd> 選択されていることを確認してください。これは、編集に使用するAIモデルです。&#x20;

簡単なプロンプトを使って、シーン内の果物をオレンジではなくレモンに変更してみましょう：

1. 生成設定パネルで、次のプロンプトを入力してください： <kbd>*<mark style="color:$info;">オレンジをレモンに変更</mark>*</kbd>&#x20;
2. クリックしてください <kbd><mark style="color:$primary;">**生成**<mark style="color:$primary;"></kbd> <mark style="color:$info;">パネル下部のボタン。</mark>
3. <mark style="color:$info;">Beachsideでは、新しいシーンを4つ生成するまでに数秒かかります。</mark>

<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%2FzsdtKEGCMEv8l97A6gcR%2Fgeneration.gif?alt=media&amp;token=c6f4b791-824c-48d0-b806-afc782bd07fd" alt=""><figcaption></figcaption></figure></div>

### 生成されたシーン

<div><figure><img src="https://3749661168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FX4y9IKgfMw93sjti5qoj%2Fgitbook_gettingstarted_21a.png?alt=media&amp;token=29493f63-0dd8-4735-b6d1-ac7908182800" alt=""><figcaption></figcaption></figure> <figure><img src="https://3749661168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FraPGSaYuYzVn8ZcLSGGp%2Fgitbook_gettingstarted_21b.png?alt=media&amp;token=6e38cd24-d35e-437f-8d2c-c9d0062f183f" alt=""><figcaption></figcaption></figure> <figure><img src="https://3749661168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FzjQeSEOK7o7htAWCJrkX%2Fgitbook_gettingstarted_21c.png?alt=media&amp;token=1e3d5617-a8d0-46ec-ac82-7d4ae071d13d" alt=""><figcaption></figcaption></figure> <figure><img src="https://3749661168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FycYfv8ITiz0blcP1Nlvd%2Fgitbook_gettingstarted_21d.png?alt=media&amp;token=050b892c-369e-4609-af26-94869a48baba" alt=""><figcaption></figcaption></figure></div>

***

## 確認して手順を繰り返す

以下のインタラクティブチュートリアルに従えば、新しいシーンを作成し、「モデル生成」を選択して、ご自身のプロンプトを使えるようになります。&#x20;

{% hint style="info" icon="language" %}
**チュートリアルの言語を変更する方法**\
チュートリアルは既定で英語で表示されます。別の言語でこのチュートリアルを見るには、右上にカーソルを合わせて、 <i class="fa-language">:language:</i> **言語**.
{% endhint %}

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

{% stepper %}
{% step %}

#### 新しい生成を開始

新しい生成は次の方法で開始できます。

* **画面左側のシーンパネル：** \
  画面左上の「シーンパネル」で、 <i class="fa-plus-large" style="color:$primary;">:plus-large:</i> アイコンを選択して新しいシーンを作成します。
* **プレイグラウンドのどこからでも**\
  プレイグラウンド上の任意の場所を右クリックし、 <kbd><mark style="color:$primary;">**+ 新しいシーンを作成**<mark style="color:$primary;"></kbd> または、次のキーボードショートカットを使用します。 <i class="fa-command">:command:</i>+Shift+S（Mac）またはControl+Shift+S（Windows）
  {% endstep %}

{% step %}

#### 「画像から開始」を選択

{% endstep %}

{% step %}

#### 画像をアップロード

編集したい画像を選択してアップロードしてください。

画像は次の方法でアップロードできます。

* ライブラリパネルから画像をドラッグ＆ドロップする
* 次を選択する <kbd><mark style="color:$primary;">**画像をアップロード**<mark style="color:$primary;"></kbd> シーン内で
* パソコン上のフォルダから画像をドラッグ＆ドロップする

アップロードすると、商品がシーンに表示されます。
{% endstep %}

{% step %}

#### 「モデル生成」を選択

左側の最初のオプションが <kbd><mark style="color:$primary;">**Nano Banana Pro**<mark style="color:$primary;"></kbd> 選択されていることを確認してください。これは編集に使用するAIモデルです。画像の生成には別のモデルを選ぶこともできます。

<details>

<summary><strong>利用可能なAI生成モデル</strong></summary>

* **Nano Banana Pro：** 正確なディテールと反射を保ちながら、違和感のない一貫した編集
* **Nano Banana 2：** 忠実な構造と自然なディテールで、ビジュアルを洗練し変換
* **Nano Banana：** 正確なディテールと反射を保ちながら、違和感のない一貫した編集
* **GPT5：** 正確な意味理解を備えた、写実的なディテール。
* **Seedream 4.5：** 優れたディテール保持と自然なライティングで、極めて一貫性の高い編集
* **Seedream 4：** 自然なライティングとディテール保持を備えた高精細な編集
* **Seedream 3：** 元画像から生まれる新鮮で一貫性のあるバリエーション
* **Flux Kontext：** 自然な仕上がりを実現する、正確で違和感のない編集
* **Qwen：** 正確なテキスト統合を備えた、汎用性の高いビジュアル作成

</details>
{% endstep %}

{% step %}

#### テキストプロンプトを入力

生成設定パネルで、プロンプトを入力してください。\
以下にプロンプトの例をいくつかご紹介します：

<kbd>*<mark style="color:$info;">シーンを夕暮れに変更</mark>*</kbd>&#x20;

<kbd>*<mark style="color:$info;">季節を冬に変更し、降る雪を追加</mark>*</kbd>&#x20;

<kbd>*<mark style="color:$info;">シーンを夜に変更</mark>*</kbd>&#x20;
{% endstep %}

{% step %}

#### 生成

すべての設定を確認したら、 <kbd><mark style="color:$primary;">**生成**<mark style="color:$primary;"></kbd>.

生成されたシーンはPlaygroundに表示されます。
{% endstep %}
{% endstepper %}

&#x20;

***

## おめでとうございます！

**次は何をしますか？**

基本操作に慣れたところで、左のタスクメニューにある機能をぜひ試してみてください。各ページには、ツールの使い方やBeachsideで作成を始めるための詳細な手順とガイダンスが掲載されています。まずは「Angle」から始めてみませんか？

{% content-ref url="/pages/1e29832b1b56c204c9946014f774dbe176a4e906" %}
[アングル](/main/jp/tasuku/angle.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/onboarding/firstgeneration.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.