> ## Documentation Index
> Fetch the complete documentation index at: https://docs.base44.com/llms.txt
> Use this file to discover all available pages before exploring further.

# メディアのアップロードと管理

> 画像、動画、ドキュメント、データファイル、音声、独自のブランディングでアプリを際立たせます。

画像、動画、音声、ドキュメント、データファイルなどのメディアファイルは、アプリを使用する人々のためのリッチでインタラクティブなアプリ体験を作成するのに役立ちます。[アプリを構築する](https://base44.com/ai-app-builder) 際にも、ライブアプリでもファイルをアップロードでき、人々が共有しエンゲージするための新しい方法を提供します。

<Frame caption="メディアでアプリを生き生きとさせる">
  <img src="https://mintcdn.com/base44/e_uDIQ8cVs11LON8/images/mediaimages.jpg?fit=max&auto=format&n=e_uDIQ8cVs11LON8&q=85&s=d404d371f2f961bc3609c97331581ec4" alt="Examples of images used across an app layout" title="Using files across your app" className="mx-auto" style={{ width:"83%" }} width="2196" height="1906" data-path="images/mediaimages.jpg" />
</Frame>

誰かがアプリをホーム画面に追加したときに表示されるカスタムロゴを追加することもできます。ロゴはブラウザのファビコンとしても使用されるので、アプリはデスクトップとモバイルの両方から常にプロフェッショナルでブランドに合った見た目になります。

***

## ファイルライブラリを使用する

アプリには、構築中にアップロードまたは生成したファイルを Base44 が保存する独自のファイルライブラリがあります。これにより、アプリ全体でメディアと参照ファイルを整理して再利用するための 1 つの場所を提供します。画像、動画、ブランドガイド、PRD、データエクスポートをファイルライブラリに保管し、アプリで使用したり、コンテキストとして AI チャットに追加したりできます。

AI が生成する画像や動画、エディタまたは AI チャットからアップロードするファイルは、自動的にファイルライブラリに保存され、ライブラリから AI チャットにファイルを追加すると、AI はそれをプロンプトのコンテキストとして使用します。

<Note>
  ファイルライブラリはアプリごとです。1 つのアプリのライブラリに保存されたファイルは、ワークスペース内の他のアプリと共有されません。
</Note>

<Frame>
  <img src="https://mintcdn.com/base44/e_uDIQ8cVs11LON8/images/library.jpg?fit=max&auto=format&n=e_uDIQ8cVs11LON8&q=85&s=d2dcda4de86a6b872660e10d9d5dc298" alt="The file library showing uploaded and generated media files" width="1534" height="1240" data-path="images/library.jpg" />
</Frame>

**ファイルライブラリにアクセスするには:**

1. アプリエディタに移動します。
2. AI チャットの **Add** アイコン <Icon icon="plus" /> をクリックします。
3. **Choose from library** をクリックします。

<Frame>
  <img src="https://mintcdn.com/base44/db7nmncxG9eCQX_H/images/filelibrary.jpg?fit=max&auto=format&n=db7nmncxG9eCQX_H&q=85&s=e93f0b04d46e72bb39ae82f0bab89871" alt="Selecting files from the file library in the AI chat" width="1260" height="328" data-path="images/filelibrary.jpg" />
</Frame>

***

## アプリにファイルを追加する

ファイルライブラリから、コンピュータから、または Google Drive からファイルをアプリに追加できます。この方法で追加したすべてのファイルはアプリのファイルライブラリに保存されるので、アプリと AI チャット全体で再利用できます。

例えば、ファイルライブラリに製品写真やデモ動画を保管し、AI に新しいセクションをデザインするように依頼するときに AI チャットに添付できます。

<Tip>
  AI に画像や動画を生成してアプリに追加するように依頼することもできます。
</Tip>

### ファイルライブラリから

新しいファイルをアップロードする代わりに既存のメディアを再利用したい場合は、いつでもファイルライブラリを使用してください。

<AccordionGroup>
  <Accordion title="AI チャットでファイルを追加する">
    **AI チャットでライブラリからファイルを追加するには:**

    1. アプリエディタに移動します。
    2. AI チャットの **Add** アイコン <Icon icon="plus" /> をクリックします。
    3. **Choose from library** をクリックします。
    4. **Select files** ダイアログで、検索または参照して必要なファイルを見つけます。
    5. ファイルを選択して **Add** をクリックします。
    6. AI にファイルで何をしたいかを説明するメッセージを入力して送信します。
  </Accordion>

  <Accordion title="アプリ内の画像を置き換える">
    **Edit** モードを使用してアプリ内のスタンドアロン画像を置き換えることができます。ギャラリーなどのコンポーネントの一部である画像には機能しません。それには、AI チャットを使用するか、ダッシュボードの **Data** からデータを直接編集します。

    **ファイルライブラリを使用して画像を置き換えるには:**

    1. アプリエディタに移動します。
    2. チャットで **Edit** をクリックします。
    3. 変更したいファイルをクリックします。
    4. **Replace** をクリックします。
    5. ファイルライブラリを検索または参照して新しいファイルを見つけます。
    6. ファイルを選択して **Replace** をクリックします。

    <Frame>
      <img src="https://mintcdn.com/base44/a04qa42_NIrsWpul/images/2026-03-15_17-04-02.jpg?fit=max&auto=format&n=a04qa42_NIrsWpul&q=85&s=6c9959a5c45b2a6dccefc323a9da40c2" alt="Replacing an image from the file library in Visual Edit mode" title="Replacing an image from the file library" className="mx-auto" style={{ width:"66%" }} width="1140" height="1198" data-path="images/2026-03-15_17-04-02.jpg" />
    </Frame>
  </Accordion>
</AccordionGroup>

### コンピュータから

画像、動画、ドキュメント、データファイルを AI チャットと直接共有したい場合は、デバイスにローカルに保存されているファイルをアップロードします。

**コンピュータからファイルをアップロードするには:**

1. アプリエディタに移動します。
2. AI チャットの **Add** アイコン <Icon icon="plus" /> をクリックします。
3. **Upload from computer** をクリックします。
4. 使用したいファイルを選択して確認します。
5. AI にファイルで何をしたいかを説明するメッセージを入力して送信します。

<Frame caption="コンピュータから AI チャットにファイルをアップロードする">
  <img src="https://mintcdn.com/base44/hu4SSqoBxOu-zN3b/images/uploadfromcomp.jpg?fit=max&auto=format&n=hu4SSqoBxOu-zN3b&q=85&s=6329b631ebca275ddc7c7ea544638e0c" alt="Uploading files from your computer to the AI chat" width="1264" height="330" data-path="images/uploadfromcomp.jpg" />
</Frame>

### Google Drive から

ダウンロードせずに、Google Drive に保存されている Docs、Sheets、Slides で AI チャットを直接動作させたい場合は、Google Drive を接続します。

<Frame caption="Google Drive から AI チャットにファイルを追加する">
  <img alt="Adding files from Google Drive to the AI chat" src="https://mintcdn.com/base44/db7nmncxG9eCQX_H/images/googledrive.jpg?fit=max&auto=format&n=db7nmncxG9eCQX_H&q=85&s=bbfed2b16792e1147f06a186e81feb96" className="dark:hidden" width="1264" height="330" data-path="images/googledrive.jpg" />

  <img alt="Adding files from Google Drive to the AI chat" src="https://mintcdn.com/base44/db7nmncxG9eCQX_H/images/googledrive-1.jpg?fit=max&auto=format&n=db7nmncxG9eCQX_H&q=85&s=0000282f21bc6d1527ae582b8c92adcc" className="hidden dark:block" width="1264" height="330" data-path="images/googledrive-1.jpg" />
</Frame>

<Note>
  Google Drive を接続すると、選択したファイルのみがアクセスされます。Base44 は AI チャットがコンテンツをコンテキストとして使用できるように、選択した各ファイルのコピーをアプリのファイルライブラリに保存します。
</Note>

**Google Drive からファイルを追加するには:**

1. アプリエディタに移動します。
2. AI チャットの **Add** アイコン <Icon icon="plus" /> をクリックします。
3. **Add from Google Drive** をクリックします。
4. **Connect to Google Drive** ウィンドウの情報を確認して **Connect Google Drive** をクリックします。
5. 初めて接続する場合は、Google サインインフローを完了してアクセスを承認します。
6. Google Drive から使用したい Docs、Sheets、または Slides ファイルを選択して確認します。
7. AI にファイルの内容で何をしたいかを説明するメッセージを入力して送信します。

<Tip>
  **ヒント:** 最初のプロンプトでも Google Drive からファイルを追加できます:

  <Frame>
    <img src="https://mintcdn.com/base44/T-OsA1taMmSz7vo4/images/firstpromptgogledrive.png?fit=max&auto=format&n=T-OsA1taMmSz7vo4&q=85&s=c42dec2d8c123944631fa60ed624a55c" alt="Firstpromptgogledrive" width="1792" height="1068" data-path="images/firstpromptgogledrive.png" />
  </Frame>
</Tip>

### ファイルアップロード制限

これらの制限は、AI チャットから追加する場合でも、エディタから直接追加する場合でも、アプリの構築中にアプリのファイルライブラリにアップロードするファイルに適用されます。

<Card title="構築中のファイルアップロード制限" icon="upload">
  **画像:** PNG、JPG、JPEG、GIF、WEBP、SVG

  * 最大サイズ: 40MB
  * 最大寸法: 1024x1024 ピクセル (より大きな画像は自動的にリサイズされます)
  * 例: 気に入った Web サイトのスクリーンショットをアップロードして、「このヘッダースタイルを私のホームページに使って」と言います。

  **動画:** MP4、WEBM、MOV、AVI、MKV、M4V、WMV、OGV、3GP、3G2

  * 最大サイズ: 動画あたり 100MB
  * 例: 製品デモ、ウォークスルー、または参照動画をアップロードし、AI にアプリを構築中のコンテキストとして使用するように依頼します。

  **ドキュメントとテキストファイル:** PDF、TXT、HTML、DOCX、MD

  * 最大サイズ:
    * PDF: 10MB
    * TXT と HTML: 5MB
    * DOCX と MD: 5MB
  * 例: AI が製品とスタイルのルールに従うように PRD またはブランドガイドをアップロードするか、新しいアプリの要件を含むマークダウンファイルを共有します。

  **データファイル:** CSV、XLS、XLSX、JSON

  * 最大サイズ:
    * CSV と JSON: 10MB
    * XLS と XLSX: 15MB
  * 例: 既存のビジネスデータを含む CSV、Excel、JSON ファイルをアップロードし、AI に分析、エンティティとフィールドの提案、アプリのデータモデルの提案、またはインポートのためのデータの準備を依頼します。テーブルへのデータインポート方法については、[アプリデータの管理](/Building-your-app/Managing-your-app-data) を参照してください。

  **音声:** MP3、WAV

  * 最大サイズ: 50MB
</Card>

***

## ライブアプリでのメディアの共有

ユーザーがライブアプリで直接メディアをアップロードできるようにします。あなたとユーザーはコンテンツを共有、ダウンロード、または対話してより魅力的な体験を作成できます。

AI チャットにユーザーができるようにしたいことを伝えるだけで、AI が設定します。この機能は組み込みの UploadFile 統合を使用します。

<img src="https://mintcdn.com/base44/iWAI9SeWmmB3Mcpa/images/2025-10-05_16-23-13.png?fit=max&auto=format&n=iWAI9SeWmmB3Mcpa&q=85&s=37f6d6c33497cfafd46b58597f535508" alt="Adding a file upload option for people using your Base44 app" title="Adding a file upload option for people using your Base44 app" className="mx-auto" style={{ width:"40%" }} width="392" height="677" data-path="images/2025-10-05_16-23-13.png" />

### アプリ向けのファイルアップロード制限

これらの制限は、UploadFile 統合を使用してライブアプリを通じて人々がアップロードするファイルに適用されます。

<Card title="ライブアプリでのファイルアップロード制限" icon="upload">
  * **画像:** PNG、JPG、JPEG、WEBP、SVG (最大サイズ: 50MB)
  * **ドキュメント:** PDF、TXT、HTML (最大サイズ: 50MB)
  * **データファイル:** CSV、XLS、XLSX、JSON (最大サイズ: 50MB)
  * **動画:** MP4、WEBM、MOV、AVI、MKV、M4V、WMV、OGV、3GP、3G2 (最大サイズ: 動画あたり 100MB)
  * **音声:** MP3、WAV (最大サイズ: 50MB)
</Card>

***

## アプリのロゴをカスタマイズする

ロゴを追加してアプリをパーソナライズします。ロゴは、ユーザーが [アプリをホーム画面に追加](/Building-your-app/Mobile-experience#installing-your-app-to-the-home-screen) したときにユーザーに見え、ブラウザのファビコンとしても表示されます。

### ロゴの変更

1. アプリのダッシュボードに移動して **Overview** をクリックします。
2. ロゴの **Edit** アイコンをクリックして、以下のいずれかを行います:
   * 独自の画像ファイルをアップロードする
   * **Generate Logo** をクリックして AI で新しいものを作成する

<img src="https://mintcdn.com/base44/iWAI9SeWmmB3Mcpa/images/2025-10-05_15-56-24.png?fit=max&auto=format&n=iWAI9SeWmmB3Mcpa&q=85&s=e78075922b5d3a6a40bac5caa5a88a1c" alt="Changing your app's logo in Base44" width="1386" height="239" data-path="images/2025-10-05_15-56-24.png" />

<Note>
  Base44 で生成されたロゴはアプリ内でのみ使用でき、エクスポートできません。
</Note>

### ロゴのファイル制限

アプリのロゴ画像を選択または生成するときには、これらの制限を使用してください。

<Card title="ロゴのファイル制限" icon="file-image">
  * **画像形式:** PNG、JPG、JPEG
  * **最大サイズ:** 5MB
  * **最大寸法:** 1024x1024 ピクセル (より大きな画像は自動的にリサイズされます)

  最良の結果を得るには、透明な背景を持つ明確な正方形の画像を使用してください。
</Card>

***

## ソーシャル画像を設定する

ソーシャル画像を追加して、Slack、WhatsApp、iMessage などのソーシャルプラットフォームで誰かがアプリのリンクを共有したときの見た目を制御します。画像は、アプリ名と説明と並んでプレビューカードに表示されます。

<Frame caption="アプリリンクを共有するときのソーシャル画像プレビュー">
  <img src="https://mintcdn.com/base44/rRzMVMmb_J_dAN-c/images/social-image-preview.png?fit=max&auto=format&n=rRzMVMmb_J_dAN-c&q=85&s=441980221a0597f22683526ded9f8e6d" alt="A social image preview when sharing an app link" width="1459" height="870" data-path="images/social-image-preview.png" />
</Frame>

**ソーシャル画像を追加するには:**

1. アプリのダッシュボードに移動して **Settings** をクリックします。
2. **App Settings** をクリックします。
3. **App Info** セクションで、**Social image** アップロードエリアに画像をクリックまたはドラッグします。

<Tip>
  プラットフォーム全体で最良の結果を得るには、1200x630 ピクセルの画像を使用してください。
</Tip>

**ソーシャル画像を置き換えるまたは削除するには:**

1. アプリのダッシュボードに移動して **Settings** をクリックします。
2. **App Settings** をクリックします。
3. **App Info** セクションで、ソーシャル画像にカーソルを合わせます:
   * **Upload** アイコン <Icon icon="upload" /> をクリックして新しい画像で置き換えます。
   * **Delete** アイコン <Icon icon="trash" /> をクリックして削除します。

### ソーシャル画像のファイル制限

<Card title="ソーシャル画像のファイル制限" icon="file-image">
  * **画像形式:** PNG、JPG、WEBP
  * **推奨サイズ:** 1200x630 ピクセル
  * **最大サイズ:** 5MB

  最良の結果を得るには、一部のプラットフォームでトリミングされる可能性があるので、テキストの多い画像は避けてください。
</Card>

***

## FAQ

詳しく学ぶには、以下の質問をクリックしてください。

<AccordionGroup>
  <Accordion title="AI チャットにファイルがアップロードされないのはなぜですか?">
    ファイルがチャットにアップロードされない場合、ファイルが大きすぎるか、形式が間違っている可能性が高いです。上記の制限を確認して、もう一度お試しください。
  </Accordion>

  <Accordion title="提供されたメディアタイプとファイルが一致しないというエラーが表示されるのはなぜですか?">
    このエラーは、適切に変換せずに名前を変更したファイルをアップロードした場合に発生する可能性があります。例えば、ファイル名を `.webp` から `.png` に、または 1 つの動画形式から別の形式に変更しても、ファイルは変換されません。

    **これを修正するには:**

    * ファイルをアップロードしたばかりの場合は、最後のメッセージを元に戻してみてください。
    * ファイルが [メディアガイド](/Building-your-app/Using-media) にリストされているサポート形式の 1 つであり、別のファイルタイプから単に名前が変更されていないことを確認してください。
    * ファイルがメディアガイドに設定されているサイズ制限を超えていないことを確認してください。
    * サポートされている形式を使用して、ファイルを再度アップロードしてみてください。

    これらの手順を行ってもまだ問題がある場合は、[サポートに連絡](/Community-and-support/Contacting-support) してください。
  </Accordion>

  <Accordion title="Base44 から Google Drive を切断するには?">
    アカウント設定からいつでも Google Drive を切断できます。

    **Google Drive を切断するには:**

    1. Base44 の右上にあるプロフィールアイコンをクリックします。
    2. **Settings** をクリックします。
    3. **Account** の下の **Account settings** をクリックします。
    4. **Chat Settings** セクションまでスクロールします。
    5. **Google Drive** カードで **Disconnect** をクリックします。
    6. 切断を確認します。

    <Frame>
      <img src="https://mintlify.s3.us-west-1.amazonaws.com/base44/images/disconnectgoogledrive.jpg" alt="Disconnecting Google Drive from Base44" />
    </Frame>
  </Accordion>

  <Accordion title="いつでもロゴを変更できますか?">
    はい、アプリエディタ内のダッシュボードからいつでもロゴ画像を置き換えることができます。変更が公開されると、新しいロゴが表示されます。
  </Accordion>

  <Accordion title="ソーシャル画像は必要ですか?">
    いいえ、ソーシャル画像はオプションです。設定しない場合、ソーシャルプラットフォームはアプリのリンクが共有されたときに一般的なプレビューを表示します。ソーシャル画像を追加すると、アプリの見え方を制御でき、より認識しやすくなります。
  </Accordion>

  <Accordion title="アプリにストレージ制限はありますか?">
    アプリごとのストレージ制限はありません。アプリが必要とするだけの数のファイルを保存できます。唯一の制約は個々のファイルサイズで、各ファイルタイプの上記の制限を参照してください。
  </Accordion>
</AccordionGroup>

<Note>このページは AI を使用して翻訳されました。最も正確で最新の情報については、[英語版](/) を参照してください。 </Note>
