AI生成セクションを使ってストアを構築する方法（限定アクセス） – SHOPLINE ヘルプセンター

テーマエディターのAI生成パーツ機能を使うと、テキストプロンプトを入力するだけで、画像バナーやプロモーションエリアなどのカスタマイズされたウェブセクションを作成できます。コーディングの知識は不要です。これにより、ストアのデザインプロセスが簡素化され、ニーズに合わせたセクションを簡単に作成できるようになります。

この記事では、AI生成セクションの設定手順と使用時の重要なポイントについてご案内します。

注：この機能は現在ベータテスト段階にあり、選ばれたマーチャントのみが利用可能です。テーマエディターにこのオプションが表示されない場合は、SHOPLINE担当者に連絡してアクセスを申請してください。

AI生成パーツの機能

AI生成セクションは、ストアのレイアウトを柔軟かつ効率的に構築する方法を提供します。AIモデルを活用することで、ブランド全体で一貫したカスタムセクションを作成・管理できます。

アプリ不要：Section Galleryアプリで作成されたセクションとは異なり、この機能はテーマエディターにネイティブ統合されています。追加のアプリインストールは不要です。
ストア全体で共有可能：一度AIセクションが生成されると、ストア全体で再利用可能なパーツとなります。既存または将来のOS 3.0テーマのいずれにも再生成せずに同じセクションを適用できます。

リアルタイムプレビュー＆生成：AIアシスタントはコードを生成し、セクションをリアルタイムでレンダリングするため、確定前にレイアウトをプレビューできます。

注：生成プロセス中は現在のページに留まり、ブラウザの更新やテーマエディターウィンドウの閉鎖を行わないでください。そうしないと処理が中断されます。

テーマの更新に影響なし：AI生成セクションを使用してもテーマが「カスタムテーマ」になることはありません。テーマは公式バージョンのままであり、SHOPLINEからの自動または手動のバージョン更新を引き続き受け取れます。

AI生成セクションの設定

AIアシスタントは、アイデアを機能的なウェブセクションに変換することで作成プロセスを簡素化します。以下の手順に従い、テーマエディター内で直接AIセクションを生成・カスタマイズしてください：

SHOPLINE管理画面で、オンラインストア > デザイン > マイテーマ に移動します。対応するOS 3.0テーマ（公式、サードパーティ、カスタムテーマを含む）を選択し、デザインをクリックしてテーマエディターに入ります。
テーマエディターで、セクションを追加したいページ（例：ホームページ）を見つけます。
左側のサイドバーで、+ コンポーネントを追加をクリックし、AIアシスタントを選択します。これにより、インタラクティブなAI生成ウィンドウが開きます。
ウィンドウが表示されたら、AIへのプロンプトを入力します:
- システムのプリセット例のプロンプトを選択して、すばやく開始します。
- または、作成したいセクションの詳細な説明を手動で入力します（例：「3つの画像とコールトゥアクションボタンを備えたカルーセルバナー」）。
生成ボタンをクリックしてプロセスを開始します。AIがコードを生成し、リアルタイムでセクションをレンダリングします。これにより、確定前にレイアウトをプレビューできます。
セクションが生成されたら、それを選択して設定パネルで詳細をカスタマイズします。コンテンツ、色、レイアウトを他の標準セクションと同様に調整できます。
保存をクリックして変更を適用します。

生成されたAIセクションの使い方

AI生成セクションは非常に柔軟です。一度作成すれば、プロンプトを再入力することなく、異なるテーマやページで再利用できます。

シナリオ1：異なるテーマ間での利用（テーマAからテーマBへ）： テーマA（例：ファッション）でAIセクションを生成した場合、テーマB（例：Sipply、OS 3.0テーマであれば）で使用できます。テーマBで+ コンポーネントを追加をクリックし、検索ボックスやリストからセクション名を見つけて直接追加してください。
シナリオ2：異なるページ間での利用（例：ページAからページBへ）： 任意のページテンプレート（例：ホームページ）で作成したAIセクションは、+ コンポーネントを追加メニューを通じて他のページ（例：カテゴリページ）にも簡単に適用でき、ストア全体でブランドの一貫性を保てます。

AI生成セクション内のテキストの翻訳

AI生成セクションを作成して保存したら、カスタム多言語翻訳ツールを使ってそのテキストを翻訳できます。

注：手動で修正して保存されたテキストのみが、カスタム多言語翻訳ツールおよび言語設定のコーパスエクスポート機能に表示されます。セクションのデフォルトテキストを修正していない場合は、修正（例えば、文言を変更するかスペースを入力するなど）してから再度セクションを保存し、翻訳を行ってください。

セクション内のテキストを翻訳するには：

カスタム多言語翻訳ツールアプリにアクセスします。
該当するセクションと翻訳したいテキストを見つけて、翻訳します。
翻訳が完了したら変更を保存します。

注： カスタム多言語翻訳ツールの詳細な使い方については、「カスタム多言語翻訳ツール：ストアコンテンツ翻訳の追加と管理」を参照してください。

AI生成セクションの再生成

AI生成セクションに満足できない場合、プロンプトを最初から入力し直したりやり直したりする必要はありません。元のプロンプトを基にしてAIにセクションを再生成・修正させることができます。システムは以前に入力したプロンプトを記憶しており、新しいプロンプトをそれに追加してAIに送信します。つまり、新しいプロンプトは前のものを置き換えるのではなく追加されます。例えば：

ラウンド1：「カルーセルバナーを生成してください。」
ラウンド2：「バナー画像4枚をサポートしてください」；実際にAIに送信されるプロンプトは「カルーセルバナーを生成してください、バナー画像4枚をサポートしてください。」
ラウンド3：「動画もサポートしてください」；実際に送信されるプロンプトは「カルーセルバナーを生成してください、バナー画像4枚をサポートしてください、動画もサポートしてください。」

セクションが生成されると、エディターはそのラウンドで使用したプロンプトを記録して表示します。デフォルトでは閉じて表示されており、クリックすると開きます。内容が長い場合は開いたビュー内でスクロールできます。セクションを複数回再生成した場合、エディターは最新の成功した生成のプロンプトのみを表示します。

注：同じテーマ内では、一度に生成できるセクションは1つだけです（初回生成でも再生成でも同様です）。別のセクションを再生成しようとすると、まだ生成中のセクションがある場合、システムは送信ボタンを一時的に無効にし、「すでにセクション生成タスクが進行中です。完了するまでお待ちいただき、再試行してください。」と表示されます。

再生成が失敗した場合の対応

再生成が失敗した場合でも、セクションの以前の成功したバージョンには影響しません：

左側のセクションリストには、セクションの元の名前が表示され続け、「生成失敗」とは表示されません。
右側の設定パネルには、最後に成功した生成時の設定とプロンプト入力ボックスが表示されます。
プロンプト入力ボックスの上部には最後に成功した生成で使用したプロンプトが表示され、ボックス自体には失敗した試行の入力内容が保持されているため、編集して再試行できます。

AI生成セクションの削除

ストア内で不要になったAI生成セクションは、テーマエディターのセクションリストから直接削除できます。

削除したいAI生成セクションをセクションリストで見つけます。カーソルを合わせると、右側に•••（操作）アイコンが表示されるのでクリックし、セクションを削除を選択します。
確認ダイアログ「AI生成セクションを削除しますか？」で、削除を確認をクリックして削除を完了します。

重要な注意事項：

AI生成セクションはテーマ間で共有されているため、この操作によりストア内でそのセクションを使用しているすべてのテーマテンプレートから削除され、元に戻すことはできません。
他のテーマでもこのセクションを使用している場合、削除後はそれらのテーマのセクションリストに「削除済み」と表示されます。削除済みパーツをクリックすると「このAI生成セクションは削除されました。現在のテーマからも削除しますか？」と表示され、確認すると現在のテーマのリストからも削除されます。

AI生成セクションの考慮事項と制限

最適なパフォーマンスとスムーズなデザイン体験を確保するために、以下の技術要件と地域制限にご注意ください。

テーマ互換性：この機能はOS 3.0テーマ専用です。古いテーマバージョンはAI生成セクションをサポートしていません。
限定アクセス：この機能は現在ベータテスト段階にあり、ホワイトリスト登録が必要です。アクセスを希望される場合は、SHOPLINE担当者にご連絡ください。
セクション制限：AI生成セクションはストアレベルで、すべてのOS 3.0テーマで共有されるため、各ストアは最大50個のAI生成セクションを保存できます。

この記事はAIを使用して翻訳されており、不正確な箇所が含まれている可能性があります。最も正確な情報については、元の英語版をご参照ください。