Canvas でドキュメント、スライド、ウェブアプリを作成する

Canvas は、Gemini Enterprise 内の専用のインタラクティブ ツールです。会話から AI 生成のドキュメント、スライド、インタラクティブなウェブアプリを作成できます。アプリケーションを切り替えることなく、ドキュメント、スライド、アプリをチャットと並べて操作できます。

始める前に

Canvas を使用するには、管理者が Canvas 機能の切り替えを有効にし、必要な権限を構成する必要があります。詳細については、Canvas を構成するをご覧ください。

Canvas でドキュメントやスライドを作成する

Canvas でドキュメントまたはスライドを作成するには:

  1. Gemini Enterprise ウェブアプリにログインします。

  2. 新しいチャットを開始します。

  3. チャット ボックスで [ツール] をクリックします。ショートカットのリストが表示されます。

  4. [Canvas] を選択するか、ドキュメントまたはスライドの作成を指示するプロンプトを入力します。

  5. プロンプトを入力します。

  6. (省略可)プロンプトでファイルや画像をアップロードするには、[+ ファイルを追加] をクリックします。

  7. [送信] をクリックします。ドキュメントまたはスライド プレゼンテーションが右側の Canvas エディタで開きます。

引用元

ドキュメントの生成に使用された参照と検索結果を表示するには、AI の回答のすぐ下にある [ソース] をクリックします。

スライドの場合、最後の画像ソーススライドが自動的に含まれ、デッキで使用されている画像のすべてのメタデータが含まれます。

Canvas でウェブアプリを作成する

Gemini Enterprise に、インタラクティブな単一ページの HTML ベースのウェブアプリを作成するようリクエストできます。チャットでアプリ、ダッシュボード、プロトタイプについて説明すると、Canvas は、コードを必要とせずに、単一の自己完結型 HTML ファイルとして、動作するインタラクティブな単一ページアプリを生成します。生成された HTML ファイルをプレビュー、編集、共有、ダウンロードできます。

単一ページ型ウェブアプリを作成するには:

  1. Gemini Enterprise ウェブアプリにログインします。

  2. 新しいチャットを開始します。

  3. [ツール] をクリックするか、チャット ボックスに「/」と入力します。ショートカットのリストが表示されます。

  4. [Canvas] を選択するか、作成するウェブアプリを説明するプロンプト("Build an ROI calculator with sliders for headcount and hourly cost" など)を入力します。

  5. [送信] をクリックします。Canvas がアプリを生成し、ライブ プレビューを表示します。

Canvas でドキュメントを編集する

ドキュメントは次の方法で編集できます。

  • 直接編集: Canvas スペースでは、テキストの手動での追加、編集、削除、見出し、太字、斜体などの書式の変更、箇条書きや番号付きリストの作成ができます。変更は自動的に保存されます。

  • AI による編集: Canvas パネルの右下にある [長さを変更] スライダーと [トーンを変更] スライダーを使用して、トーンと長さを全体的に調整できます。また、チャットで詳細なフィードバックを提供して、より具体的な編集を行うこともできます。

  • ハイライト表示して編集: テキストの特定のセクションを調整するには、そのセクションをハイライト表示し、次の 2 つの方法のいずれかで指示を入力します。選択範囲の横に表示される [Gemini に相談] ボックスに直接入力するか、メインのプロンプト ボックスを使用して、そのセクションをどのように書き換えるかを Gemini Enterprise に指示できます。

ツールバーの [元に戻す] オプションと [やり直し] オプションを使用して、保存されているドキュメントの異なるバージョン間を移動することもできます。

Canvas でスライドを編集する

Canvas でスライド プレゼンテーションを開いて編集するには:

  1. スライドを生成したチャットに移動します。
  2. [開く] をクリックします。
  3. チャット ボックスに、スライドを更新するための提案を入力します。
  4. [送信] をクリックします。

Canvas でアプリを編集する

Canvas でアプリを確認して編集するには、次の方法があります。

  • インタラクティブなプレビュー: Canvas パネルでアプリを直接テストします。ボタンをクリックしたり、テキスト フィールドに入力したり、タブを切り替えたりして、リアクティブな更新をリアルタイムで確認できます。
  • ターゲットを絞ったチャット編集: Gemini Enterprise に、グローバルまたはローカル("Make the chart a bar chart" や "Add a dark mode toggle" など)で特定の変更を行うようリクエストします。アプリは、ファイル全体を再生成することなく、検索と置換の編集によって更新されます。
  • 選択して質問: アプリのプレビュー内で特定の要素をハイライト表示して、そのコンポーネントのみに編集リクエストを集中させます。
  • コードとスキルのビュー: アプリの生成に使用された基盤となるコードとスキル構成を読み取り専用ビューで表示します。

アプリを編集するには:

  1. Canvas プレビューの横にあるチャットボックスに、希望する変更や更新を説明する指示を入力します(例: "Change the chart to a stacked bar chart"、"Add a dark mode toggle")。

  2. [送信] をクリックします。Canvas がアプリを更新し、ライブ プレビューを更新します。

アプリの以前のバージョンを表示する

ツールバーのバージョン履歴コントロールを使用すると、アプリの現在のバージョンと以前のバージョンを確認して比較できます。

Canvas でシングルページ インタラクティブ アプリを作成する
Canvas の 1 ページのインタラクティブなアプリ

ツールバーから次の操作を行うこともできます。

  • 組織内のすべてのユーザーとアプリを共有する。
  • HTML ファイルをダウンロードします。
  • 全画面表示に拡大します。
  • プレビューを閉じます。

ウェブアプリの制限事項

Canvas でウェブアプリを作成して実行する場合、次の制限が適用されます。

  • 単一ファイル: Canvas ウェブアプリは、ブラウザで完全に実行される単一の自己完結型 HTML ファイル(HTML、CSS、JavaScript を組み合わせたもの)として生成されます。
  • 永続ストレージやデータベースがない: アプリの状態はアクティブなブラウザ セッション内に存在します。ユーザーやセッション間でデータを保持するための組み込みのデータベースやサーバーはありません。
  • マネージド ホスティングやデプロイがない: アプリは Canvas パネルまたはブラウザでプレビューできますが、マネージド URL でホストされたり、一般公開のウェブサービスとして実行されたりすることはありません。
  • 外部 API 呼び出しの制限: 認証情報を保存する安全なサーバーサイド コンポーネントがないため、シークレット認証キーやバックエンド サーバー処理を必要とする呼び出しはサポートされていません。
  • クライアントサイドのコンピューティングのみ: 重い処理、長時間実行されるジョブ、サーバーサイドの実行を必要とするタスクはサポートされていません。
  • 複雑さとサイズの上限: 非常に大規模なアプリや複雑なアプリは、生成またはコンテキストの上限を超える可能性があります。最適な結果を得るには、大規模または複雑なワークフローを、より小さく、ターゲットを絞ったアプリに分割します。
  • ファイル形式とサイズの上限: ファイルと添付ファイルは、標準の Gemini Enterprise のファイル形式とサイズの上限に準拠している必要があります。詳細については、ファイル形式とサイズ制限をご覧ください。

Canvas からコンテンツをエクスポートしてダウンロードする

ドキュメントやスライドをエクスポートしたり、ウェブアプリをダウンロードしたりして、Gemini Enterprise の外部で表示、共有、編集を続けることができます。

ドキュメントをエクスポートする

Canvas からドキュメントをエクスポートするには:

  1. エクスポートする Canvas ドキュメントを含むチャットを開きます。
  2. Canvas パネルの右上にある [エクスポート] をクリックします。Google ドキュメント、DOCX、PDF にエクスポートできます。
  3. すべてのテキストをクリップボードにコピーすることもできます。すべてのテキストをコピーするには、Canvas パネルの右上にある [コピー] をクリックします。

スライド プレゼンテーションをエクスポートする

Canvas からスライド プレゼンテーションをエクスポートするには:

  1. エクスポートしたい Canvas のスライドを含むチャットを開きます。
  2. Canvas パネルの右上にある [エクスポート] をクリックします。Google スライド、Microsoft PowerPoint、PDF にエクスポートできます。

アプリをダウンロードする

Canvas からウェブアプリをダウンロードするには:

  1. ダウンロードしたい Canvas アプリを含むチャットを開きます。
  2. プレビュー パネルのツールバーで [ダウンロード] ボタンをクリックして、自己完結型の .html ファイルをパソコンに保存します。

Google ドキュメントと Google スライドにエクスポートする

Google Workspace ユーザーは、Canvas で作成したコンテンツを Google ドキュメントや Google スライドに直接エクスポートできます。[Google ドキュメントにエクスポート] オプションまたは [Google スライドにエクスポート] オプションが表示され、正しく機能するには、環境が次の特定の構成とライセンスの要件を満たしている必要があります。

  • アカウントに有効な Google Workspace ライセンスが必要です。エクスポート機能は、Google Workspace にアクセスできないアカウントではご利用いただけません。
  • Google ドライブのデータストアが正常に接続され、Gemini Enterprise app に関連付けられている必要があります。
  • Google Workspace 管理者が Gemini Enterprise のデータアクセスを有効にしている必要があります。管理レベルでデータアクセスがオフになっている場合、[Google ドキュメントにエクスポート] と [Google スライドにエクスポート] は表示されません。

エクスポートに関する問題のトラブルシューティング

  • [エクスポート] ボタンが表示されない: 通常、これはアカウントが BYOID であるか、Google Workspace へのアクセス権がないか、Gemini Enterprise で Google ドライブ データストアを構成していないか、Google Workspace 管理者が Gemini Enterprise による Google Workspace へのアクセスを無効にしていることを示します。
  • クリック後にエクスポートが失敗する: これは、アカウントと Google ドライブ データストアが接続されているアカウントが一致しない場合に発生します。正しい ID でログインしていることを確認します。

ベスト プラクティス

Canvas でコンテンツを生成する際は、次のベスト プラクティスに従ってください。

  • 複雑なドキュメントやスライドの場合は、他の Gemini Enterprise ナレッジ アーティファクトをソースやテンプレート参照として使用し、明確で詳細なプロンプトを提供します。

  • アプリやスライドを更新する際は、焦点を絞った段階的な変更をリクエストします(例: 一度に 1 つのコンポーネントまたはビジュアル スタイルを調整する)。

  • AI 生成コンテンツは、必ず確認して編集し、要件を満たしていることを確認してください。