> ## Documentation Index
> Fetch the complete documentation index at: https://dify-6c0370d8-add-new-agent.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# ウェブアプリ設定

> 公開されたWebアプリケーションのブランディング、アクセス制御、ユーザーエクスペリエンス設定を構成

<Note> ⚠️ このドキュメントはAIによって自動翻訳されています。不正確な部分がある場合は、[英語版](/en/use-dify/publish/webapp/web-app-settings)を参照してください。</Note>

ウェブアプリ設定は、公開されたアプリケーションがエンドユーザーに対してどのように表示され、動作するかを制御します。すべてのDifyアプリケーションは、異なるデバイスや画面サイズに適応するウェブインターフェースを自動生成します。

## 設定の仕組み

ウェブアプリはアプリケーションの現在の設定を反映します。設定を変更して「公開」を押すと、ユーザーがアクセスしているライブウェブアプリケーションに変更が即座に反映されます。

<Info>
  ウェブアプリは、デフォルトでユーザーアカウントやログインなしで動作するため、公開ツールやデモに最適です。
</Info>

## ブランディングと外観

ウェブアプリをプロフェッショナルで認識しやすいものにしましょう：

<CardGroup cols={2}>
  <Card title="アプリアイデンティティ" icon="id-card">
    アプリ名、説明、アイコンを設定して、明確な第一印象を作成する
  </Card>

  <Card title="ビジュアルデザイン" icon="palette">
    ブランドに合った色、テーマ、レイアウトオプションを選択する
  </Card>

  <Card title="言語設定" icon="globe">
    ターゲットオーディエンス向けのインターフェース言語を設定する
  </Card>

  <Card title="法的ページ" icon="scale">
    コンプライアンス対応のため、著作権情報やプライバシーポリシーリンクを追加する
  </Card>
</CardGroup>

### 必須のブランディング要素

**アプリアイコンと名前**

* アイコンはブラウザタブやユーザーがアプリをブックマークした際に表示されます
* アプリの機能を説明する明確で認識しやすい名前を選択してください
* アイコンは画像や絵文字を使用できます—アプリの個性に合うものを選択してください

**説明とメッセージング**

* ユーザーがアプリの目的を理解できるよう、簡潔な説明を作成してください
* このテキストはアプリのランディングページと検索結果に表示されます
* 最良の結果を得るために、160文字以下に抑えてください

**視覚的一貫性**

* ブランドに合った色を選択してください
* ライトテーマまたはダークテーマを選択する際は、オーディエンスを考慮してください
* さまざまなデバイスでアプリをテストして、どこでも良く見えることを確認してください

## アクセスとプライバシー制御

アプリを使用できる人と使用方法を制御します：

<AccordionGroup>
  <Accordion title="公開アクセス（デフォルト）">
    URLを知っている人なできます。デモ、公開ツール、大きなオーディエンスとの共有に最適です。
  </Accordion>

  <Accordion title="アクセス制御">
    認証を要求するか、特定のユーザーに使用を制限します。内部ツールやプレミアム機能に有用です。
  </Accordion>

  <Accordion title="プライバシー設定">
    法的コンプライアンスのために、データ処理の設定、プライバシーポリシーリンクの追加、著作権情報の設定を行います。
  </Accordion>
</AccordionGroup>

## 機能の継承

ウェブアプリは、アプリケーション設定で有効にした機能を自動的に含みます：

**インタラクティブ機能：**

* 会話のオープナーと提案されるフォローアップ
* コンテキスト収集のための会話前フォーム
* 音声入力と音声からテキスト変換機能
* ソースの引用と帰属とリファレンスリンク
* フィードバック収集と評価システム

**機能性：**

* すべてのワークフローステップとAI大規模言語モデル設定
* 知識ベース統合とツール接続
* カスタムプロンプトとレスポンス形式
* レート制限と使用制御

<Warning>
  アプリ設定で機能を無効にすると、公開されたウェブアプリから即座に削除されます。
</Warning>

## アプリタイプと動作

ウェブアプリは、アプリケーションタイプに基づいてインターフェースを自動的に適応させます：

<Tabs>
  <Tab title="チャットアプリケーション">
    **インターフェース：** メッセージ履歴を持つ対話流スタイル
    **機能：** 永続的なセッション、対話管理、リアルタイムレスポンス
    **最適用途：** カスタマーサポート、コンサルティングツール、インタラクティブアシスタント
  </Tab>

  <Tab title="ワークフローアプリケーション">
    **インターフェース：** 結果表示を持つフォームベース
    **機能：** 単発実行、バッチ処理、結果保存
    **最適用途：** コンテンツ生成、データ処理、分析ツール
  </Tab>
</Tabs>

## 公開のベストプラクティス

ウェブアプリを共有する前に：

<Steps>
  <Step title="ユーザーエクスペリエンスをテストする">
    異なるデバイスとブラウザでアプリを試して、スムーズに動作することを確認します。
  </Step>

  <Step title="必須設定を構成する">
    アプリ名、アイコン、説明、および必要な法的情報を設定します。
  </Step>

  <Step title="アクセス制御を確認する">
    アプリが公開されるべきか、認証が必要かを決定します。
  </Step>

  <Step title="使用状況を監視する">
    アプリの使用状況とユーザーフィードバックを確認して、改善点を特定します。
  </Step>
</Steps>

<Tip>
  最小限の設定から始めて、ユーザーフィードバックに基づいて反復してください。人々がアプリをどのように使用するかを学ぶにつれて、いつでも設定を更新できます。
</Tip>
