# FlyMate - PageFlyのAIアシスタント

### 概要 <a href="#kz8qqtqzbz1e" id="kz8qqtqzbz1e"></a>

{% hint style="warning" %}
**重要事項**: この機能は現在ベータテスト段階です。初期展開期間中の早期利用ユーザーおよび新規ユーザーのみが利用できます。
{% endhint %}

FlyMateは、PageFly内のページ構築のあらゆるステップを簡素化し、ガイドし、最適化するように設計されたPageFlyのAI搭載アシスタントです。このベータ機能は、インテリジェントなナビゲーション、リアルタイムのガイダンス、スマートなコンテンツ作成、およびデザイン変更を組み合わせて、マーチャントがより優れたページをより速く、より簡単に、そしてより自信を持って構築できるように支援します。

**前提条件:**

* アクティブなPageFlyアカウント
* PageFlyエディターまたはダッシュボードへのアクセス
* 追加の設定は不要 - FlyMateはすぐに使用できます

### 機能紹介 <a href="#sslzw5hlvai9" id="sslzw5hlvai9"></a>

FlyMateはPageFly内のAI副操縦士として機能し、リアルタイムのアシスタンス、インテリジェントな推奨事項、簡単なデザインサポートにより、PageFlyストアページのナビゲート、学習、作成、スタイリング、最適化を支援します。AIアシスタントは自然言語プロンプトを介して動作し、ユーザーの意図を自動的に検出して最も関連性の高い支援を提供します。

### 主要機能 <a href="#id-89s98a9icwxg" id="id-89s98a9icwxg"></a>

FlyMateは、それぞれ特定の機能領域を表す**4つの主要な意図グループ**を介して動作します。

### コンテンツ作成の意図 <a href="#z2of6ssx141" id="z2of6ssx141"></a>

* **新規作成**: ビジネス目標やキャンペーンの説明に基づいて、完全なページ、セクション、または個々の要素を生成します
* **テンプレートからセクションへ**: ユーザーのプロンプトと要件に基づいて、PageFlyのテンプレートライブラリから既成のセクションを挿入します

### UI変更の意図 (エディターのみ、要素/セクションの選択が必要) <a href="#v5hwau81t31l" id="v5hwau81t31l"></a>

* **要素レベルの変更**: 個々のUI要素のスタイル、コンテンツ、および動作の変更
* **セクションレベルの変更**: セクション全体のレイアウトとスタイルの調整
* **リアルタイムプレビュー**: 変更は視覚的なフィードバックとともに即座に適用されます

### ナビゲーションの意図 <a href="#id-99l94gg3glja" id="id-99l94gg3glja"></a>

* **内部エディターナビゲーション**: タブとパネルの切り替え (要素、設定、SEOなど)
* **外部エディターナビゲーション**: ダッシュボード、ページリスト、テンプレートに戻る
* **外部ナビゲーション**: 現在のインターフェース外のアクションに対する手動ガイダンスを提供します

### 学習とサポートの意図 <a href="#q5n9ye7e38l1" id="q5n9ye7e38l1"></a>

* **状況に応じたヘルプ**: 現在の状況に基づいたステップバイステップのガイダンス
* **FAQへのアクセス**: よくある質問への即時回答
* **エラーガイダンス**: 一般的な問題のトラブルシューティングの提案
* **チュートリアルリクエスト**: 特定の機能に関する詳細なウォークスルー

### 使用例またはプロンプト <a href="#fureux8y3rjx" id="fureux8y3rjx"></a>

#### コンテンツ作成: <a href="#ag7afm4lhrpw" id="ag7afm4lhrpw"></a>

* 「サマーセールキャンペーンのヒーローセクションを作成して」
* 「ファッション製品の証言セクションを追加して」
* 「製品発売のカウントダウンタイマーを生成して」

#### UI変更: <a href="#vn84so8h7y9y" id="vn84so8h7y9y"></a>

* 「このセクションの背景を黒にして」
* 「ヒーローセクションのパディングを増やして」
* 「この商品画像を中央に配置して」

#### ナビゲーション: <a href="#id-7k8bxze0kqjx" id="id-7k8bxze0kqjx"></a>

* 「ページ設定を開いて」
* 「SEO最適化パネルに切り替えて」
* 「テーマスタイルに移動して」

#### 学習とサポート: <a href="#blsn28l6dwma" id="blsn28l6dwma"></a>

* 「固定ヘッダーはどうやって作成するの？」
* 「ボタンが正しく配置されないのはなぜ？」
* 「モバイルレスポンシブ設定はどうすればいい？」

### ステップバイステップの手順 <a href="#tltpvl3km24m" id="tltpvl3km24m"></a>

### FlyMateへのアクセス <a href="#dyqyibfgm43p" id="dyqyibfgm43p"></a>

#### PageFlyエディターで: <a href="#id-1thzpcl7a52s" id="id-1thzpcl7a52s"></a>

1. **デフォルトの状態**: エディターに入ると、FlyMateサイドバーが右側に自動的に開きます
2. **手動制御**: トップツールバーにある**FlyMateタブボタン**を使用してFlyMateを開閉できます
3. **インターフェース**: サイドバーが開いている場合、チャットインターフェースはすぐに利用可能です
4. **切り替え機能**: 必要に応じて、トップバーのFlyMateタブをクリックしてサイドバーを表示/非表示にします

<figure><img src="https://github.com/sellersmith/pagefly-help-center/blob/master/ja/.gitbook/assets/image1.gif" alt=""><figcaption></figcaption></figure>

#### PageFlyダッシュボードで: <a href="#rz3msp1thg2g" id="rz3msp1thg2g"></a>

1. **デフォルトの状態**: ダッシュボードにアクセスすると、FlyMateサイドバーが右側に自動的に開きます
2. **FlyMateが開いていない場合**: 画面の右下隅にある**フローティングFlyMateアイコンボタン**を探してください
3. **有効化**: フローティングボタンをクリックしてFlyMateチャットインターフェースを開きます
4. **インターフェース**: チャットウィジェットは、コンテンツ作成、ナビゲーションヘルプ、サポートのための完全な機能を提供します

<figure><img src="https://github.com/sellersmith/pagefly-help-center/blob/master/ja/.gitbook/assets/image2.gif" alt=""><figcaption></figcaption></figure>

#### 追加のアクセスに関する注意点: <a href="#tlu6o96cwz7z" id="tlu6o96cwz7z"></a>

* FlyMateはすべてのPageFlyインターフェースで常に利用可能です
* サイドバーの位置と機能は、エディターでもダッシュボードでも同じです
* 追加の設定や構成は不要 - FlyMateはアクセス後すぐに使用できます

### コンテンツ作成にFlyMateを使用する <a href="#id-1cggtv3iggbs" id="id-1cggtv3iggbs"></a>

#### 新しいコンテンツを作成する: <a href="#r2pyvsxa8qji" id="r2pyvsxa8qji"></a>

1. FlyMateチャットインターフェースで、コンテンツのリクエストを入力します
2. FlyMateがリクエストされたコンテンツを生成します
3. 生成されたセクション/要素を確認します
4. コンテンツをページに追加します
5. 構築を続けるか、追加のリクエストを行います

<figure><img src="https://github.com/sellersmith/pagefly-help-center/blob/master/ja/.gitbook/assets/Untitled%20750x350%20(2).png" alt=""><figcaption></figcaption></figure>

#### テンプレートページを提案する: <a href="#id-83gkfeyi2ux1" id="id-83gkfeyi2ux1"></a>

1. 必要なページテンプレートの種類を説明します
2. FlyMateがPageFlyのテンプレートライブラリから関連するページテンプレートを提案します
3. 好みのオプションを選択します
4. テンプレートが自動的にページに挿入されます

### UI変更にFlyMateを使用する <a href="#ec00dy5ngqcb" id="ec00dy5ngqcb"></a>

**注意:** UI変更には、エディターで要素またはセクションが選択されている必要があります。

#### 要素を変更する: <a href="#id-3cyj3shamrzh" id="id-3cyj3shamrzh"></a>

1. エディターで変更したい要素を**選択します**
2. FlyMateに変更リクエストを入力します
   * 例: 「ボタンの色を赤に変更して」
3. FlyMateが変更を即座に適用します
4. 変更をリアルタイムで確認します
5. 必要に応じて追加の変更を続行します

<figure><img src="https://github.com/sellersmith/pagefly-help-center/blob/master/ja/.gitbook/assets/image3.png" alt=""><figcaption></figcaption></figure>

#### セクションを変更する: <a href="#uhkvla1b802" id="uhkvla1b802"></a>

1. 変更したいセクション全体を**選択します**
2. 希望する変更を説明します
   * 例: 「このセクションをコンテンツ中央寄せの全幅にして」
3. 変更は自動的に適用されます
4. レイアウトの調整を確認します

### ナビゲーションにFlyMateを使用する <a href="#id-1vzbtyfqywje" id="id-1vzbtyfqywje"></a>

#### PageFly内部ナビゲーション: <a href="#hwysn8xbc7z1" id="hwysn8xbc7z1"></a>

1. 特定の場所へのナビゲーションをリクエストします
   * 例: 「アナリティクスを開いて」
2. FlyMateは次のいずれかを行います:
   * ナビゲーションを完了するためのボタンを提供します

<figure><img src="https://github.com/sellersmith/pagefly-help-center/blob/master/ja/.gitbook/assets/Untitled%20750x350%20(4).png" alt=""><figcaption></figcaption></figure>

#### PageFly外部ナビゲーション: <a href="#pixqqqqthprx" id="pixqqqqthprx"></a>

Flymateは現在、ユーザーがPageFlyアプリ外へナビゲートすることをサポートしていません。

<figure><img src="https://github.com/sellersmith/pagefly-help-center/blob/master/ja/.gitbook/assets/Untitled%20750x350%20(5).png" alt=""><figcaption></figcaption></figure>

### ヘルプとサポートを受ける <a href="#id-5mogtbcbsnxl" id="id-5mogtbcbsnxl"></a>

#### 状況に応じた支援: <a href="#yqhjcgz41hlx" id="yqhjcgz41hlx"></a>

1. 現在のタスクに関連する質問をします
   * 例: 「このセクションをレスポンシブにするにはどうすればいいですか？」
2. FlyMateが関連する状況に応じたガイダンスを提供します
3. 提供された指示に従います

<figure><img src="https://github.com/sellersmith/pagefly-help-center/blob/master/ja/.gitbook/assets/Untitled%20(750%20x%20350%20px)%20(2).png" alt=""><figcaption></figcaption></figure>

#### トラブルシューティング: <a href="#ks36ofwk7rg6" id="ks36ofwk7rg6"></a>

1. 発生している問題を説明します
   * 例: 「画像が正しく表示されません」
2. FlyMateが問題を分析し、解決策を提供します

<figure><img src="https://github.com/sellersmith/pagefly-help-center/blob/master/ja/.gitbook/assets/Untitled%20(750%20x%20350%20px)%20(3).png" alt=""><figcaption></figcaption></figure>

### 監視と分析 <a href="#id-3d6vj3ryh3t4" id="id-3d6vj3ryh3t4"></a>

#### 会話履歴 <a href="#id-4nrpyjod3k56" id="id-4nrpyjod3k56"></a>

* すべての会話は現在のセッション内に保存されます
* チャットパネルから以前のやり取りにアクセスできます
* セッション全体でコンテキストが維持されます
* **注:** 異なるページに切り替えてもコンテキストは維持されます

#### セッション管理 <a href="#z1ubu2pxx1on" id="z1ubu2pxx1on"></a>

* 各会話はセッション中コンテキストを維持します
* 新しい会話を開始するとコンテキストがリセットされます
* セッションデータは異なるPageFlyアカウント間で共有されません

### 追加の注意点とFAQ <a href="#w6udiry0r54q" id="w6udiry0r54q"></a>

### 言語サポート <a href="#dux32ksmbqbr" id="dux32ksmbqbr"></a>

* FlyMateは英語とベトナム語を含む複数の言語をサポートしています
* 言語検出はプロンプトに基づいて自動的に行われます
* 応答は入力言語と一致します

### エラー処理 <a href="#o4mxwbk3vps1" id="o4mxwbk3vps1"></a>

**FlyMateが不明確またはサポートされていないリクエストに遭遇した場合:**

#### 場違いなリクエスト: <a href="#bglh4fsak1xt" id="bglh4fsak1xt"></a>

* FlyMateはPageFly関連のタスクに丁寧にリダイレクトします
* 応答例: 「私はPageFlyのページ構築を支援するように設計されています。ページ作成または編集に関連するリクエストを言い換えていただけますか？」

<figure><img src="https://github.com/sellersmith/pagefly-help-center/blob/master/ja/.gitbook/assets/Untitled%20(750%20x%20350%20px)%20(4).png" alt=""><figcaption></figcaption></figure>

#### サポートされていないアクション: <a href="#id-1i6xbb8xx0ql" id="id-1i6xbb8xx0ql"></a>

* 現在の制限事項に関する明確な説明
* 代替案が提供されます
* 例: 「外部サービスと直接統合することはできませんが、お問い合わせフォームセクションを作成するお手伝いはできます。」

**曖昧なプロンプト:**

* FlyMateは明確化のための質問をします
* 複数の選択肢が提示される場合があります
* 例: 「ボタンに関してはお手伝いできます。新しいボタンを追加したいですか、既存のボタンをスタイルしたいですか、それともボタンのテキストを変更したいですか？」

<figure><img src="https://github.com/sellersmith/pagefly-help-center/blob/master/ja/.gitbook/assets/11.png" alt=""><figcaption></figcaption></figure>

### ネットワークと技術的な問題 <a href="#nvsmo7k9h03a" id="nvsmo7k9h03a"></a>

#### オフライン/接続の問題: <a href="#somfh5gjxsnu" id="somfh5gjxsnu"></a>

* 「FlyMateは現在オフラインです。接続を確認してもう一度お試しください。」
* 簡単に再接続するための再試行ボタンが提供されます
* 短い切断中も以前の会話コンテキストは保持されます

#### UI変更の要件: <a href="#ba3oj9dio4j0" id="ba3oj9dio4j0"></a>

* エラーメッセージ: 「変更を行うには、まずセクションまたは要素を選択してください。」
* 要素を正しく選択する方法に関するガイダンスが提供されます

**ベストプラクティス**

* より良い結果を得るために、具体的でわかりやすいプロンプトを使用してください
* UI変更をリクエストする前に、要素を明確に選択してください
* 生成されたコンテンツのブランドの一貫性を確認してください
* 変更後、異なるデバイスで機能をテストしてください

### よくある質問 <a href="#u9nepyukggjm" id="u9nepyukggjm"></a>

**Q: FlyMateはインターネット接続なしで動作しますか？**

A: いいえ、FlyMateはAIサーバーを介してリクエストを処理するため、機能するにはアクティブなインターネット接続が必要です。

**Q: FlyMateはセッション間で会話履歴を保存しますか？**

A: 会話履歴は現在のセッション中に維持されますが、新しいセッションを開始したりログアウトしたりするとリセットされます。

**Q: FlyMateを複数のページで同時に使用できますか？**

A: FlyMateは同じセッション内でページ間を切り替える際にコンテキストを維持するため、複数のページでシームレスな作業が可能です。

**Q: FlyMateが私のリクエストを理解できない場合はどうなりますか？**

A: FlyMateは明確化を求めるか、リクエストを言い換えるための代替案を提案します。また、あなたの意図に合致する可能性のある関連オプションも提供する場合があります。

**Q: FlyMateは公開済みのページのコンテンツを変更できますか？**

A: FlyMateはPageFlyエディター環境内で動作します。公開済みのページを変更するには、まずPageFlyエディターで編集する必要があります。

**Q: FlyMateのオン/オフを切り替えるにはどうすればよいですか？**

A: エディターでは、トップツールバーのFlyMateタブボタンを使用します。ダッシュボードでは、サイドバーがまだ開いていない場合、画面右下隅にあるフローティングFlyMateアイコンをクリックします。

**Q: FlyMateはすべてのPageFlyインターフェースで利用できますか？**

A: はい、FlyMateはエディターとダッシュボードを含むPageFly全体で利用可能であり、すべてのインターフェースで一貫した機能を提供します。
