メインコンテンツへスキップ
画像、動画、音声、ドキュメント、データファイルなどのメディアファイルは、アプリを使用する人々のためのリッチでインタラクティブなアプリ体験を作成するのに役立ちます。アプリを構築する 際にも、ライブアプリでもファイルをアップロードでき、人々が共有しエンゲージするための新しい方法を提供します。
アプリエディターのプレビューで、旅行アプリの My Trips ページの各旅行カードに目的地の写真が表示されているスクリーンショット

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

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

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

アプリには独自のファイルライブラリがあり、追加したファイルと、構築中に AI が生成したメディアを Base44 が保存します。これにより、アプリ全体でメディアと参照ファイルを整理して再利用するための 1 つの場所を提供します。画像、動画、ブランドガイド、PRD、データエクスポートをファイルライブラリに保管し、アプリで使用したり、コンテキストとして AI チャットに追加したりできます。 AI が生成する画像や動画、ライブラリにアップロードするファイル、Google Drive から追加するファイルは、自動的にファイルライブラリに保存されます。ライブラリから AI チャットにファイルを追加すると、AI はそれをプロンプトのコンテキストとして使用します。AI チャットでコンピューターからアップロードしたファイルは非公開で、ファイルライブラリには追加されません。チャットの添付ファイルの仕組み を参照してください。
ファイルライブラリはアプリごとです。1 つのアプリのライブラリに保存されたファイルは、ワークスペース内の他のアプリと共有されません。
写真、CSV ファイル、PDF の旅程、生成された画像が並び、それぞれに Public と表示されたファイルライブラリのスクリーンショット

ファイルライブラリ

ファイルライブラリにアクセスするには:
  1. アプリエディタに移動します。
  2. AI チャットの 追加 アイコン をクリックします。
  3. ライブラリから選択 をクリックします。
AI チャットの Add メニューで Choose from library が囲まれたスクリーンショット

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


ファイルを非公開にする

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

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

  6. もう一度 非公開にする をクリックして確定します。

チャットの添付ファイルの仕組み

AI チャットでコンピューターからアップロードしたファイルは非公開です。ファイルを添付するのは、通常 AI にコンテキストを与えるためです。たとえば、気に入ったデザインのスクリーンショット、要約したい契約書、スケッチの写真などです。そのため、Base44 はファイルをアプリに含めず、公開リンクも付けません。 これらのファイルを見られるのは、あなたと、アプリエディターでアプリを開ける共同作業者だけです。アプリを使う人は開けません。チャットからファイルのリンクをコピーしても、しばらくすると機能しなくなります。 添付したファイルは、ファイルライブラリにもアプリにも追加されません。AI がファイルをアプリにコピーしたときにだけ、アプリの一部になります。たとえば、添付した写真をホームページの背景に使うよう AI に依頼した場合です。このとき AI はファイルライブラリに公開コピーを保存するため、そのコピーのリンクを知っている人は誰でも開けます。コピーに機密情報が含まれる場合は、非公開にしてください。
ページのヘッダー背景に使うよう依頼するメッセージに写真が添付された AI チャットのスクリーンショット

AI チャットで添付した写真は非公開のままです

添付ファイルが非公開にならない場合:
  • GitHub からインポートしたアプリ: AI チャットでアップロードしたファイルは、公開ファイルとしてファイルライブラリに保存されます。ファイルのリンクを知っている人は誰でも開けます。
  • ホームページのプロンプトボックス: アプリが作成される前に、最初のプロンプトに添付したファイルは公開ファイルです。ファイルのリンクを知っている人は誰でも開けます。

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

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

ファイルライブラリから

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

アプリ内の画像を置き換える

コンピュータから

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

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

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

Google Drive から

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

Google Drive を接続する

Google Drive を接続すると、選択したファイルのみがアクセスされます。Base44 は AI チャットがコンテンツをコンテキストとして使用できるように、選択した各ファイルのコピーをアプリのファイルライブラリに保存します。
Google Drive からファイルを追加するには:
  1. アプリエディタに移動します。
  2. AI チャットの 追加 アイコン をクリックします。
  3. Google Driveからアップロード をクリックします。
  4. 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 またはブランドガイドをアップロードするか、新しいアプリの要件を含むマークダウンファイルを共有します。
プレゼンテーション: PPTX
  • 最大サイズ: 50MB
  • 例: ピッチデッキを添付し、それに沿った Web サイトを構築するよう AI に依頼します。Base44 は各スライドのテキスト、表、グラフ、スピーカーノートを読み取ります。そして、デッキを構築内容の参考として使用します。
  • デッキは AI チャット、ホームページのプロンプトボックス、プランモードで添付できます。Base44 モバイルアプリや GitHub からインポートしたアプリでは添付できません。
データファイル: CSV、XLS、XLSX、JSON
  • 最大サイズ:
    • CSV と JSON: 10MB
    • XLS と XLSX: 15MB
  • 例: 既存のビジネスデータを含む CSV、Excel、JSON ファイルをアップロードし、AI に分析、エンティティとフィールドの提案、アプリのデータモデルの提案、またはインポートのためのデータの準備を依頼します。テーブルへのデータインポート方法については、アプリデータの管理 を参照してください。
音声: MP3、WAV
  • 最大サイズ: 50MB

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

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

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

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

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

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

  • 画像: 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. アプリエディタで ダッシュボード をクリックします。
  2. データ をクリックします。
  3. ファイルを保持するテーブルを選択します。
  4. ファイルにリンクしているレコードの行で 削除 アイコン をクリックします。
保存されたファイル自体は削除されません。公開ファイルとしてアップロードされた場合、リンクを知っている人は引き続き開けます。プライバシーに関する依頼などで保存されたファイルも削除する必要がある場合は、レコードを削除する前にリンクをコピーします。その後、アプリ名とリンクを添えて Customer Care に連絡 してください。

ロゴを追加してアプリをパーソナライズします。ロゴは、誰かが アプリをホーム画面に追加 したときに表示され、ブラウザのファビコンとしても表示されます。
  1. アプリのダッシュボードに移動して 概要 をクリックします。
  2. ロゴの 編集 アイコンをクリックして、以下のいずれかを行います:
    • 独自の画像ファイルをアップロードする
    • ロゴを生成 をクリックして AI で新しいものを作成する
ダッシュボードの Overview ページで、アプリ名と説明の横にあるアプリロゴが囲まれたスクリーンショット

Overview ページのアプリロゴ

Base44 で生成されたロゴはアプリ内でのみ使用でき、エクスポートできません。
アプリのロゴ画像を選択または生成するときには、これらの制限を使用してください。

ロゴのファイル制限

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

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

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

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

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

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

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

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

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

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

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

ファイルを削除する

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

FAQ

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