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

シーン内の果物をオレンジからレモンに変更する、シンプルなプロンプトを使いましょう：

1. Generation Settingsパネルにこのプロンプトを入力してください： <kbd>*<mark style="color:$info;">オレンジをレモンに変えてください</mark>*</kbd>&#x20;
2. パネル下部の <kbd><mark style="color:$primary;">**Generate**<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="/files/06d1bf526bf06f83d5a981ce5d01cdffb75b1909" alt=""><figcaption></figcaption></figure></div>

### 生成されたシーン

<div><figure><img src="/files/57acd8b5b67762a75933f3a1b14209657966f98e" alt=""><figcaption></figcaption></figure> <figure><img src="/files/d88abcd07d20d008cb17f5b4d27c2d9bf11ebf6c" alt=""><figcaption></figcaption></figure> <figure><img src="/files/19b9f25d5c3da3e42718b1bb5096c6c09b574da6" alt=""><figcaption></figcaption></figure> <figure><img src="/files/c531b57372b386263c311fbc948ae0a756bb8aa9" alt=""><figcaption></figcaption></figure></div>

***

## 確認と繰り返しの手順

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

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

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

{% stepper %}
{% step %}

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

新しい生成は以下から開始できます：

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

{% step %}

#### 「Start from image」を選択する

{% endstep %}

{% step %}

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

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

画像のアップロード方法：

* Libraryパネルから画像をドラッグ＆ドロップする
* を選択する <kbd><mark style="color:$primary;">**画像をアップロード**<mark style="color:$primary;"></kbd> シーン内に
* コンピュータのフォルダから画像をドラッグ＆ドロップする

アップロードすると、そのプロダクトがシーンに表示されます。
{% endstep %}

{% step %}

#### 「Model Generation」を選択する

タスクメニューの左側の最初のオプションが選択されていることを確認してください。これが編集に使用するAIモデルです。他のモデルを選んで画像を生成することもできます。 <kbd><mark style="color:$primary;">**Nano Banana Pro**<mark style="color:$primary;"></kbd> 利用可能なAI生成モデル

<details>

<summary><strong>Nano Banana Pro：</strong></summary>

* **シームレスで一貫性のある編集、正確なディテールと反射表現** Nano Banana 2：
* **忠実な構造と自然なディテールでビジュアルを洗練・変換** Nano Banana：
* **GPT5：** Nano Banana 2：
* **精密な意味理解を伴うフォトリアリスティックなディテール。** Seedream 4.5：
* **高い一貫性での編集、優れたディテール保持と自然なライティング** Seedream 4：
* **自然なライティングとディテール保持による高忠実度な編集** Seedream 3：
* **元画像からの新鮮で一貫したバリエーション** Flux Kontext：
* **自然な結果を生む精密でシームレスな編集** Qwen：
* **正確なテキスト統合による多用途なビジュアル作成** テキストプロンプトを入力する

</details>
{% endstep %}

{% step %}

#### Generation Settingsパネルにプロンプトを入力してください。 いくつかのプロンプト例は以下の通りです：

シーンを夕焼けに変更

<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 %}

#### Generate

生成されたシーンはあなたのプレイグラウンドに表示されます。 <kbd><mark style="color:$primary;">**Generate**<mark style="color:$primary;"></kbd>.

おめでとうございます！
{% endstep %}
{% endstepper %}

&#x20;

***

## 次は何をしますか？

**基本を把握したので、左側のタスクメニューにある機能を探索してみましょう。各ページにはこのツールの使い方を理解し、Beachsideで制作を始めるための詳細な手順とガイダンスが記載されています。まずは「Angle」から始めてみませんか？**

Now that you are familiar with the basics, explore the features listed in the left task menu. Each page provides detailed instructions and guidance to help you understand how to use the tool and begin creating within Beachside. Why don't we start with "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.