メインコンテンツへスキップ
画像、動画、音声、ドキュメント、データファイルなどのメディアファイルは、アプリを使用する人々のためのリッチでインタラクティブなアプリ体験を作成するのに役立ちます。アプリを構築する 際にも、ライブアプリでもファイルをアップロードでき、人々が共有しエンゲージするための新しい方法を提供します。
Examples of images used across an app layout

メディアでアプリを生き生きとさせる

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

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

アプリには、構築中にアップロードまたは生成したファイルを Base44 が保存する独自のファイルライブラリがあります。これにより、アプリ全体でメディアと参照ファイルを整理して再利用するための 1 つの場所を提供します。画像、動画、ブランドガイド、PRD、データエクスポートをファイルライブラリに保管し、アプリで使用したり、コンテキストとして AI チャットに追加したりできます。 AI が生成する画像や動画、エディタまたは AI チャットからアップロードするファイルは、自動的にファイルライブラリに保存され、ライブラリから AI チャットにファイルを追加すると、AI はそれをプロンプトのコンテキストとして使用します。
ファイルライブラリはアプリごとです。1 つのアプリのライブラリに保存されたファイルは、ワークスペース内の他のアプリと共有されません。
The file library showing uploaded and generated media files

ファイルライブラリ

ファイルライブラリにアクセスするには:
  1. アプリエディタに移動します。
  2. AI チャットの Add アイコン をクリックします。
  3. Choose from library をクリックします。
Upload from computer の下にある Choose from library が囲まれた AI チャットのプラスメニュー

ライブラリからファイルを選択する

​
ファイルを非公開にする

ファイルライブラリ内のファイルはデフォルトで公開されているため、ファイルのリンクを知っている人は誰でも開けます。契約書や顧客リストなど、共有したくない内容を含むファイルは非公開にしましょう。非公開ファイルには公開リンクがなく、アプリは代わりに一時的なリンクを使って読み込みます。ライブラリ内の各ファイルには Public または Private バッジが表示されます。 非公開ファイルも、AI チャットの添付ファイル、キャンバス上の画像、アプリ内エージェントのコンテキストファイルとして引き続き使用できます。Edit モードで画像を非公開ファイルに置き換えると、AI がアプリのコードを更新して読み込めるようにします。
ファイルを非公開にする前に:
  • 非公開ファイルを再び公開に戻すことはできません。公開リンクを再取得するには、ファイルを再度アップロードします。
  • ファイルの公開リンクを使用しているアプリ内の箇所は、アプリを更新するまで読み込まれなくなります。アプリのどこでファイルを使用しているかを確認するには、確認ウィンドウで Ask in the chat をクリックします。
  • すでに読み込まれたファイルのコピー (誰かのブラウザ内など) は、しばらく閲覧可能なままになる場合があります。機密性の高いファイルの場合は、すでにリンクを持っていた人が閲覧した可能性があると考えてください。
ファイルを非公開にするには:
  1. アプリエディターに移動します。
  2. AI チャットの Add アイコン をクリックします。
  3. Choose from library をクリックします。
  4. ファイルの More actions アイコン をクリックします。
  5. Make private をクリックします。
    ファイルの More actions メニューが開き、Make private が囲まれたファイルライブラリ

    ファイルライブラリ内のファイルを非公開にする

  6. もう一度 Make private をクリックして確定します。

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

ファイルライブラリから、コンピュータから、または Google Drive からファイルをアプリに追加できます。この方法で追加したすべてのファイルはアプリのファイルライブラリに保存されるので、アプリと AI チャット全体で再利用できます。 例えば、ファイルライブラリに製品写真やデモ動画を保管し、AI に新しいセクションをデザインするように依頼するときに AI チャットに添付できます。
AI に画像や動画を生成してアプリに追加するように依頼することもできます。

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

新しいファイルをアップロードする代わりに既存のメディアを再利用したい場合は、いつでもファイルライブラリを使用してください。
AI チャットでライブラリからファイルを追加するには:
  1. アプリエディタに移動します。
  2. AI チャットの Add アイコン をクリックします。
  3. Choose from library をクリックします。
  4. Select files ダイアログで、検索または参照して必要なファイルを見つけます。
  5. ファイルを選択して Add をクリックします。
  6. AI にファイルで何をしたいかを説明するメッセージを入力して送信します。
Edit モードを使用してアプリ内のスタンドアロン画像を置き換えることができます。ギャラリーなどのコンポーネントの一部である画像には機能しません。それには、AI チャットを使用するか、ダッシュボードの Data からデータを直接編集します。ファイルライブラリを使用して画像を置き換えるには:
  1. アプリエディタに移動します。
  2. チャットで Edit をクリックします。
  3. 変更したいファイルをクリックします。
  4. Replace をクリックします。
  5. ファイルライブラリを検索または参照して新しいファイルを見つけます。
  6. ファイルを選択して Replace をクリックします。
Replacing an image from the file library in Edit mode

Edit モードで画像を置き換える

​
コンピュータから

画像、動画、ドキュメント、データファイルを AI チャットと直接共有したい場合は、デバイスにローカルに保存されているファイルをアップロードします。 コンピュータからファイルをアップロードするには:
  1. アプリエディタに移動します。
  2. AI チャットの Add アイコン をクリックします。
  3. Upload from computer をクリックします。
  4. 使用したいファイルを選択して確認します。
  5. AI にファイルで何をしたいかを説明するメッセージを入力して送信します。
Add from Google Drive の上にある Upload from computer が囲まれた AI チャットのプラスメニュー

コンピュータからアップロードする

コンピュータからファイルをドラッグして、AI チャットパネルの任意の場所にドロップすることもできます。ドラッグ中は Drop files here と表示されます。

​
Google Drive から

ダウンロードせずに、Google Drive に保存されている Docs、Sheets、Slides で AI チャットを直接動作させたい場合は、Google Drive を接続します。
他の 2 つのオプションの間にある Add from Google Drive が囲まれた AI チャットのプラスメニュー

Google Drive を接続する

Google Drive を接続すると、選択したファイルのみがアクセスされます。Base44 は AI チャットがコンテンツをコンテキストとして使用できるように、選択した各ファイルのコピーをアプリのファイルライブラリに保存します。
Google Drive からファイルを追加するには:
  1. アプリエディタに移動します。
  2. AI チャットの Add アイコン をクリックします。
  3. Upload from Google Drive をクリックします。
  4. Connect to Google Drive ウィンドウの情報を確認して Connect Google Drive をクリックします。
  5. 初めて接続する場合は、Google サインインフローを完了してアクセスを承認します。
  6. Google Drive から使用したい Docs、Sheets、または Slides ファイルを選択して確認します。
  7. AI にファイルの内容で何をしたいかを説明するメッセージを入力して送信します。
ヒント: 最初のプロンプトでも Google Drive からファイルを追加できます:
プラスメニューが開き、Add from Google Drive が強調表示された Base44 のホームプロンプト

ホームのプロンプトから Drive のファイルを追加する

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

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

構築中のファイルアップロード制限

画像: 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 に分析、エンティティとフィールドの提案、アプリのデータモデルの提案、またはインポートのためのデータの準備を依頼します。テーブルへのデータインポート方法については、アプリデータの管理 を参照してください。
音声: MP3、WAV
  • 最大サイズ: 50MB

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

アプリユーザーがライブアプリで直接メディアをアップロードできるようにします。あなたとアプリユーザーはコンテンツを共有、ダウンロード、または対話してより魅力的な体験を作成できます。 AI チャットにアプリユーザーができるようにしたいことを伝えるだけで、AI が設定します。デフォルトでは、AI はアップロードを非公開ファイルとして保存し、アプリだけが開けます。ファイルのリンクを知っている人なら誰でも開けるようにしたい場合は、代わりに公開ファイルとして保存するよう AI チャットに依頼します。
完了したタスクの下に Add a photo のアップロードエリアが囲まれた公開済みアプリ

ライブアプリのファイルアップロード

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

これらの制限は、ライブアプリを通じて人々がアップロードするファイルに適用されます。非公開ファイルと公開ファイルで同じです。

ライブアプリでのファイルアップロード制限

  • 画像: 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)

​
ライブアプリのアップロードを削除する

プロフィール写真や添付ドキュメントなど、ライブアプリを通じてアップロードされたファイルはファイルライブラリに保存されません。そのため、ファイルライブラリから削除することはできません。代わりに、アプリは各ファイルへのリンクをアプリのデータのレコードに保持します。そのレコードを削除すると、アプリからファイルが削除されます。個人データの削除を依頼された場合は、アプリのユーザーデータを削除する を参照してください。 アップロードされたファイルをアプリから削除するには:
  1. アプリエディタで Dashboard をクリックします。
  2. Data をクリックします。
  3. ファイルを保持するテーブルを選択します。
  4. ファイルにリンクしているレコードの行で Delete アイコン をクリックします。
保存されたファイル自体は削除されません。公開ファイルとしてアップロードされた場合、リンクを知っている人は引き続き開けます。プライバシーに関する依頼などで保存されたファイルも削除する必要がある場合は、レコードを削除する前にリンクをコピーします。その後、アプリ名とリンクを添えて Customer Care に連絡 してください。

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

ロゴを追加してアプリをパーソナライズします。ロゴは、誰かが アプリをホーム画面に追加 したときに表示され、ブラウザのファビコンとしても表示されます。

​
ロゴの変更

  1. アプリのダッシュボードに移動して Overview をクリックします。
  2. ロゴの Edit アイコンをクリックして、以下のいずれかを行います:
    • 独自の画像ファイルをアップロードする
    • Generate Logo をクリックして AI で新しいものを作成する
アプリダッシュボードの Overview ページ。編集アイコン付きのアプリロゴが囲まれ、横にアプリ名、説明、Open App と Share App ボタンがあります

Overview ページのアプリロゴ

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

​
ロゴのファイル制限

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

ロゴのファイル制限

  • 画像形式: PNG、JPG、JPEG
  • 最大サイズ: 5MB
  • 最大寸法: 1024x1024 ピクセル (より大きな画像は自動的にリサイズされます)
最良の結果を得るには、透明な背景を持つ明確な正方形の画像を使用してください。

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

ソーシャル画像を追加して、Slack、WhatsApp、iMessage などのソーシャルプラットフォームで誰かがアプリのリンクを共有したときの見た目を制御します。画像は、アプリ名と説明と並んでプレビューカードに表示されます。 ソーシャル画像はすべてのページのデフォルトです。特定のページが共有されたときに別の画像を表示するには、SEO & GEO ページで そのページのソーシャル画像を設定 します。
Social Image エリアが囲まれた App settings

アプリ設定でソーシャル画像を追加する

​
ソーシャル画像を追加する

ソーシャル画像は、アプリの他の詳細と一緒にアプリ設定で管理します。 ソーシャル画像を追加するには:
  1. アプリエディタで Dashboard をクリックします。
  2. 左側のメニューで Settings をクリックします。
  3. App Info で、Social Image アップロードエリアに画像をクリックまたはドラッグします。
プラットフォーム全体で最良の結果を得るには、1200x630 ピクセルの画像を使用してください。

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

ソーシャル画像は、追加した場所から新しい画像に差し替えたり、削除したりできます。 ソーシャル画像を置き換えるまたは削除するには:
  1. アプリエディタで Dashboard をクリックします。
  2. 左側のメニューで Settings をクリックします。
  3. App Info で、ソーシャル画像にカーソルを合わせます:
    • Upload アイコン をクリックして新しい画像で置き換えます。
    • Delete アイコン をクリックして削除します。

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

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

  • 画像形式: PNG、JPG、WEBP
  • 推奨サイズ: 1200x630 ピクセル
  • 最大サイズ: 5MB
最良の結果を得るには、一部のプラットフォームでトリミングされる可能性があるので、テキストの多い画像は避けてください。

​
ファイルを削除する

古い画像や誤ってアップロードしたドキュメントなど、不要になったファイルはファイルライブラリから削除します。AI が生成した画像や動画を含め、ライブラリ内のどのファイルも自分で削除できます。保存されたファイルも一緒に削除されます。
ファイルの削除について知っておくべきこと:
  • ファイルの削除は完全で、元に戻せません。
  • アプリでまだ使用している場所を含め、ファイルのリンクはどこでも機能しなくなります。アプリでファイルを使用している場所を確認するには、先に AI チャットに尋ねてください。
  • ファイルは 1 つずつ削除します。
ファイルを削除するには:
  1. アプリエディタに移動します。
  2. AI チャットで Add アイコン をクリックします。
  3. Choose from library をクリックします。
  4. ファイルの More actions アイコン をクリックします。
  5. Delete をクリックします。
  6. Delete file をクリックして確定します。

​
FAQ

詳しく学ぶには、以下の質問をクリックしてください。
ファイルがチャットにアップロードされない場合、ファイルが大きすぎるか、形式が間違っている可能性が高いです。「Invalid MIME type」エラーが表示される場合があります。これは、ファイルタイプがサポートされていないか、Base44 が想定するものと一致しないことを意味します。ファイルアップロード制限 とファイルを照らし合わせ、サポートされている形式で再度アップロードしてください。間違ったファイルがすでにチャットに送信された場合は、先に そのメッセージを元に戻します。それでもアップロードできない場合は、アプリエディタを更新してもう一度お試しください。
このエラーは、適切に変換せずに名前を変更したファイルをアップロードした場合に発生する可能性があります。例えば、ファイル名を .webp から .png に、または 1 つの動画形式から別の形式に変更しても、ファイルは変換されません。これを修正するには:
  • ファイルをアップロードしたばかりの場合は、最後のメッセージを元に戻してみてください。
  • ファイルが メディアガイド にリストされているサポート形式の 1 つであり、別のファイルタイプから単に名前が変更されていないことを確認してください。
  • ファイルがメディアガイドに設定されているサイズ制限を超えていないことを確認してください。
  • サポートされている形式を使用して、ファイルを再度アップロードしてみてください。
これらの手順を行ってもまだ問題がある場合は、Customer Care に連絡 してください。
アカウント設定からいつでも Google Drive を切断できます。Google Drive を切断するには:
  1. 左下のワークスペース名をクリックし、Account preferences をクリックします。
  2. Builder をクリックします。
  3. Connect your accounts で、Google Drive の横にある Disconnect をクリックします。
はい、アプリエディタ内のダッシュボードからいつでもロゴ画像を置き換えることができます。変更が公開されると、新しいロゴが表示されます。
いいえ、ソーシャル画像はオプションです。設定しない場合、ソーシャルプラットフォームはアプリのリンクが共有されたときに一般的なプレビューを表示します。ソーシャル画像を追加すると、アプリの見え方を制御でき、より認識しやすくなります。
アプリが保存するファイル全体の上限はなく、各ファイルのサイズにのみ上限があります。各ファイルタイプの上記の制限を参照してください。レコードが保存されるアプリのデータベースには、プランに応じたサイズ上限があります。詳しくは データベースの上限 を参照してください。
このページは AI によって翻訳されました。最も正確で最新の情報については、英語版 を参照してください。