Gemini File APIマルチモーダル解析アプリ作例【プロンプト公開】
CODE PREVIEW
エディタを読み込み中…
P
プロンプト
Gemini File APIでマルチモーダル入力をデモするシングルページHTMLアプリを作成。画像/音声/動画をアップロード可能。アップロード後、Gemini API（プレースホルダーキー）にファイルURIを送信し、AI分析結果を表示。カードレイアウトのモダンなUI。処理中はローディングスピナー。エラーはメッセージ表示。Google Generative AIクライアントライブラリはCDN使用。グラデーション背景で視覚的に魅力的に。HTML/CSS/JSを埋め込んで出力。
このデモはGemini File APIを使ったマルチモーダル入力を紹介します。画像・音声・動画をアップロードし、分析ボタンをクリックするとAIが解釈した結果を表示します。グラデーション背景とカードレイアウトの洗練されたUI、ローディングスピナー、エラーハンドリングを備えています。実際のGemini APIキーに差し替えれば本稼働します。
このプロンプトは役に立ちましたか？
コメント
コメントは承認後に表示されます
この記事が役に立ったら投げ銭で応援
Apple Pay / Google Pay / カード (Visa/Mastercard/JCB/Amex) / Link / Alipay / WeChat Pay 対応 · Stripeで安全に決済
開発者が選ぶ最強ツール集
運営者が毎日使っているツール・ガジェット 6選