Gemini で AI スライド レビュアーを作成する

このコード プロジェクトを使用して、Google Workspace スライドのスライド審査担当者アドオンを組み立て、実行、カスタマイズします。プレゼンテーションが週に 1 回でも年に 1 回でも、ほとんどの人はちょっとしたサポートでうまくやることができます。スライドに詰め込みすぎないかプレゼンテーションをビジュアルで 分割し忘れたことはありませんか?効果的なプレゼンテーションを行うための一連のガイドラインが組織に用意されている場合もあります。最近読んだ?

スライド アドバイザー プロジェクトはオープンソースの Google Workspace アドオンで、人工知能(AI)技術を使用して、必要なときにプレゼンテーションを確認し、フィードバックを提供します。このプロジェクトでは、Google の Gemini API の画像とテキストの処理機能を使用して、一連のガイドラインに照らして Google スライドを分析し、ガイドラインに照らしてどのように対応しているかを確認できます。さらに、これらのガイドラインをカスタマイズして組織の推奨事項に従うことも、自身で定義したルールに基づいてプレゼンテーションを改善することもできます。

プロジェクトの概要と、プロジェクト作成者からの分析情報を含むプロジェクトを拡張する方法については、AI スライド レビュアー - Google AI で構築をご覧ください。それ以外の場合は、次の手順でプロジェクトの拡張を開始できます。

Google スライドのサイドバーとしてスライド アドバイザー アドオンを実行 図 1.サイドバー パネルとして動作している Google スライド向けスライド アドバイザー アドオン。

プロジェクトの設定

ここでは、スライド アドバイザー プロジェクトを開発およびテスト用に設定する手順について説明します。一般的な手順は、Google Apps Script プロジェクトの作成、API アクセス用の Google Cloud プロジェクトの設定、プロジェクトに対するいくつかの Script プロパティの設定です。

Apps Script プロジェクトを作成する

このスライド アドバイザー プロジェクトは、Google スライドのアドオンとして実行されます。Google スライドのウェブ インターフェースを使用してプロジェクトを設定し、コード用の Apps Script プロジェクトを作成します。

新しい Apps Script プロジェクトを作成するには:

  1. Google Workspace の Google スライド ウェブアプリに移動します。
  2. 既存のプレゼンテーションを開くか、新しいプレゼンテーションを作成します。
  3. スライドのプレゼンテーションで、[拡張機能] > [Apps Script] を選択します。

これらの手順を完了すると、Apps Script ウェブ ユーザー インターフェースに新しい無題のプロジェクトが作成されます。これは、開始したプレゼンテーションに添付されています。見つけやすいようにプロジェクトに名前を付けます。

Apps Script プロジェクトに名前を付けるには:

  1. Apps Script ウェブ インターフェースで、「無題のプロジェクト」テキストを選択します。
  2. [Rename Project] ダイアログで「My Slides Advisor」と入力し、[Rename] を選択します。

プロジェクト ファイルを準備する

スライド アドバイザー プロジェクトには 5 つのコードファイルがあり、コードを新しい Apps Script プロジェクトにコピーする前に、これらのファイルを設定する必要があります。このセクションでは、プロジェクトを準備してコードを取得する方法について説明します。

プロジェクト ファイルを準備するには:

  1. MySlide Advisor プロジェクトを含む Apps Script ウェブ インターフェースを開きます。
  2. 左側のメニューで [< > エディタ] ビューを選択します。
  3. Code.gs ファイルの名前を Code.gs に変更します。Code.gs のコードファイル名にカーソルを合わせ、コンテキスト メニューから [Code.gs] を選択して「Code.gs」と入力します。拡張子の .gs が自動的に追加されます。
  4. 左側のメニューで歯車アイコン(プロジェクトの設定)を選択し、[「appscript.json」マニフェスト ファイルを表示] オプションを有効にして、プロジェクトの appscript.json マニフェスト ファイルを表示します。
  5. Apps Script ウェブ インターフェースの左側のメニューで、[< > エディタ] ビューを選択します。
  6. [Files] ヘッダーの右側にある [+](プラス)アイコンを選択し、[Script] を選択して「ui」と入力して、ui.gs コードファイルを作成します。
  7. 前の手順を繰り返して、slides.gsai.gs のコードファイルを作成します。

これで、Apps Script プロジェクトには次の 5 つのコードファイルが含まれるようになりました。これらのコードファイルはほぼ空です。

  • appscript.json
  • main.gs
  • ui.gs
  • slides.gs
  • ai.gs

次の手順では、リポジトリからプロジェクト コードを取得して Apps Script プロジェクトにコピーします。

プロジェクト コードを取得する

スライド アドバイザー プロジェクトのコードは、コード リポジトリでホストされています。そのコードを Apps Script プロジェクトにコピーして処理する必要があります。このセクションでは、プロジェクト コードを取得する方法について説明します。

プロジェクト コードを取得するには:

  1. プロジェクト マニフェスト ファイル appsscript.json のプロジェクト コード リポジトリに移動します。
  2. このコードファイルの内容をクリップボードにコピーします。
  3. Apps Script ウェブ インターフェースに戻り、ファイル名 appsscript.json を選択して、コードをコードエディタ パネルに貼り付け、以前のコードを置き換えます。
  4. 他の 4 つのコードファイルについても同じ手順を繰り返します。
    • main.js コードを main.gs ファイルにコピーします。
    • ui.js コードを ui.gs ファイルにコピーします。
    • slides.js コードを slides.gs ファイルにコピーします。
    • ai.js コードを ai.gs ファイルにコピーします。

Google Cloud プロジェクトの接続

このプロジェクトでは、Google Cloud プロジェクトを使用して Gemini AI モデルにアクセスします。Google Cloud には、特定のデータ プライバシー ポリシーのほか、スライド アドバイザーなどのアプリケーションの構築に役立つ多数の便利なソフトウェア サービスが用意されています。AI API にアクセスできる Cloud プロジェクトを作成してプロジェクトのサービス アカウントを作成し、サービス アカウントのキーを作成して、そのキーをアドオン プロジェクトにインストールして、アドオン コードを Gemini API に接続します。

Cloud プロジェクトを構成する

Gemini API への接続に使用する Cloud プロジェクトで Vertex AI API サービスを有効にし、スライド アドバイザー アドオンからこのプロジェクトへの認証済み接続を作成する必要があります。また、Vertex AI API を使用するプロジェクトで課金を有効にする必要があります。

Vertex AI API にアクセスできる Cloud プロジェクトを構成するには:

  1. Google Cloud コンソールに移動し、必要に応じてログインします。
  2. Google Cloud コンソールで、既存の Cloud プロジェクトを選択するか、新しいプロジェクトを作成します。
  3. コンソールの [ダッシュボード] ページの [API] パネルで、[API の概要に移動] を選択するか、https://console.cloud.google.com/apis/ に移動します。
  4. [API とサービス] ページの上部にある [+ API とサービスの有効化] を選択します。
  5. [API ライブラリ] ページで vertex ai api を検索し、[Vertex AI API] オプションを選択して、[有効にする] ボタンを選択します。
  6. まだ有効になっていない場合は、Google Cloud プロジェクトの課金を有効にする必要があります。その後、[Vertex AI API] コンソール ページで [有効にする] ボタンを選択して AI API を有効にする必要があります。
  7. プロジェクトの [API とサービス] ページに移動して、Vertex AI API が有効になっていることを確認します。このページに Vertex AI API が表示されます。

サービス アカウントを作成する

スライド アドバイザー アドオンで Vertex AI API と Gemini モデルにアクセスするには、Cloud プロジェクトへの認証された接続が必要です。この接続を作成するには、まず、Vertex AI API へのアクセス権を持つ Cloud プロジェクトにサービス アカウントを生成します。スライド アドバイザー プロジェクトは、このサービス アカウントを使用して接続します。

スライド アドバイザー アドオンのサービス アカウントを作成するには:

  1. Google Cloud コンソールで、Cloud プロジェクトの [API とサービス] ページに移動します。
  2. ページの左側で [認証情報] を選択します。
  3. ページ上部にある [+ 認証情報を作成] > [サービス アカウント] を選択します。
  4. [サービス アカウントの作成] ページの [サービス アカウントの詳細] セクションで、サービス アカウントの名前、ID、説明を入力します。
  5. [作成して続行] を選択して、サービス アカウントを作成します。
  6. [このサービス アカウントにプロジェクトへのアクセスを許可する] セクションで、[ロール] コントロールを選択します。
  7. [フィルタ] フィールドで [Vertex AI ユーザー] 権限セットを検索して選択し、[続行] を選択します。
  8. [完了] を選択して、このサービス アカウントの作成を完了します。

サービス アカウントの作成の詳細については、Google Cloud のサービス アカウントの作成のドキュメントをご覧ください。

サービス アカウント キーを作成してインストールする

スライド アドバイザー プロジェクトは、前の手順で作成したサービス アカウントに対して認証できる必要があります。この認証を有効にするには、サービス アカウントのキーを作成し、そのキーをスライド アドバイザーの Apps Script プロジェクトでスクリプト プロパティとして構成します。次の手順では、鍵を作成してプロジェクトで構成する方法について説明します。

サービス アカウント キーを作成して構成するには:

  1. Google Cloud コンソールで、Cloud プロジェクトの [API とサービス] ページに移動します。
  2. ページの左側で [認証情報] を選択します。
  3. [サービス アカウント] セクションで、作成したサービス アカウントを見つけ、アカウントのメールアドレスまたは鉛筆アイコンを選択して編集します。
  4. サービス アカウントの編集ウィンドウで、ページの上部にある [キー] タブのタイトルを選択します。
  5. [キー] セクションで、[鍵を追加] > [新しい鍵を作成] を選択します。
  6. [Create private key for...] ダイアログで [JSON]、[Create] の順に選択します。この手順では、projectid-hashcode.json という名前のキーファイルを作成し、パソコンに自動的にダウンロードします。
  7. ダウンロードした projectid-hashcode.json ファイルを開き、内容をコピーします。
  8. マイ スライド アドバイザー プロジェクトを含む Apps Script ウェブ インターフェースを開き、左側のメニューで [設定] ビューを選択します。
  9. [スクリプトのプロパティ] セクションで、[スクリプトのプロパティを編集] ボタンを選択してから、[スクリプト プロパティを追加] ボタンを選択します。
  10. 新しい [プロパティ] フィールドに「SERVICE_ACCOUNT_KEY」と入力し、[] フィールドに、ダウンロードした projectid-hashcode.json ファイルの内容をコピーします。
  11. [スクリプトのプロパティを保存] ボタンを選択して、新しいプロパティを保存します。

サービス アカウント キーの作成の詳細については、Google Cloud のサービス アカウント キーの作成と削除のドキュメントをご覧ください。

アドオン プロジェクトをテストする

スライド アドバイザーのアイコンが表示されている Google Workspace のスライドパネル スライド アドバイザー プロジェクトをテストするには、アドオンコードのテストデプロイメントを作成し、そのテストデプロイメントをインストールする必要があります。このテスト構成では、プロジェクトは Apps Script アドオンのプロジェクトを開始した Google スライド プレゼンテーションでのみ使用でき、他のスライド プレゼンテーションでは使用できませんアドオンを幅広くデプロイして使用する方法については、Google Workspace Apps Script のドキュメントのデプロイの作成と管理のトピックをご覧ください。

Apps Script プロジェクト コードをデプロイしてテストするには:

  1. Apps Script ウェブ インターフェースの上部で、[デプロイ] > [デプロイをテスト] を選択します。
  2. [デプロイのテスト] ダイアログで、[タイプを選択] の横にある歯車アイコンと [Google Workspace アドオン] を選択します。
  3. [アプリ: スライドのタイトル] の横にある [インストール] ボタンを選択します。
  4. [Test latest code] はデフォルト設定のままにして、[Done] を選択します。
  5. Apps Script プロジェクトに接続されている Google スライド プレゼンテーションを移動し、ウェブページを再読み込みします。
  6. スライド ウェブアプリの右下にある(<)アイコンを選択してサイドパネルを開き、白黒目のアイコンを選択して [スライド アドバイザー] パネルを開きます。

この手順を完了してアドオンを正常に実行したら、別のガイドラインを使用するか、別のワークフローに沿ってアドオンを変更します。スライド アドバイザー アドオンに基本的な変更を加える方法については、次のセクションをご覧ください。

レビュー動作を変更する

スライド アドバイザーのプロジェクト コードを変更することで、Gemini API から取得する出力とアドオンによって提供されるユーザー インターフェースの両方について、スライド アドバイザーのレビュー動作を変更できます。このチュートリアルでは、プロンプト表示を変更してプレゼンテーション スライドのレビュー動作を変更する方法に焦点を当てます。Apps Script を使用して Google スライドのユーザー インターフェースを拡張する方法については、Google スライドを拡張するをご覧ください。

変更審査のガイドライン

スライド アドバイザーには、スライドのレビューに関する基本的なガイドラインがプログラムされており、シンプルさ、色とタイポグラフィ、構造と空白、グラフィックとアイコンのカテゴリが含まれています。レビュー ガイドラインは、Gemini API によるプロンプトに含まれるテキスト形式の指示と、選択したスライドのスナップショット画像、スピーカー ノートのみです。

テキストの手順を変更することで、アドオンの審査動作を変更できます。たとえば、カテゴリ見出しと同じ行にカテゴリ評価を含むレビューを出力したり、カテゴリの名前を変更したりするように Gemini モデルに指示できます。

カテゴリの評価の地域とカテゴリ名を変更するには:

  1. MySlide Advisor プロジェクトを含む Apps Script ウェブ インターフェースを開きます。必要に応じて、Apps Script プロジェクトを含む Google スライドのプレゼンテーションを開き、[拡張機能] > [Apps Script] を選択して、プロジェクト ウィンドウに移動します。
  2. 左側のメニューで [< > エディタ] ビューを選択し、[ai.gs] ファイル名を選択します。
  3. ai.gs コードファイルで SYSTEM_PROMPT 文字列定数を見つけ、太字のテキストを使用して手順を次のように変更します。
    const SYSTEM_PROMPT = `
    ...
    For each of the following categories evaluate the given slide. Score each
    category on a scale of 0 to 100, show the score next to the category heading,
    and concisely explain the reasoning. Do not suggest improvements if the score
    is 80 or above.
  4. 同じ SYSTEM_PROMPT 文字列定数で、Simplicity カテゴリ テキストを Message に変更します。
    const SYSTEM_PROMPT = `
    ...
    * Message -- Slides should focus on one main idea per slide and ...
    
  5. 変更を ai.gs コードファイルに保存します。
  6. Apps Script プロジェクトに接続されている Google スライドのプレゼンテーションを操作してウェブページを再読み込みし、アドオンを再実行して変更をテストします。

スライド アドバイザー アドオンのテストデプロイをまだ設定していない場合は、アドオン プロジェクトをテストするの手順に沿って操作します。

レビューの要件に合わせて、SYSTEM_PROMPT 文字列定数のレビュー カテゴリの手順を削除、置換、または書き換えることができます。レビュー プロンプトのさまざまなアプローチを試す場合や、レビュー プロンプト全体を書き換える場合は、Google AI Studio ウェブ アプリケーションをご覧ください。このアプリでは、便利なインターフェースで Gemini のプロンプトのプロトタイプ作成、テスト、保存が行えます。また、スライド アドバイザー プロジェクトと同じ Gemini API を使用します。AI Studio の使用方法については、AI Studio クイックスタート ガイドをご覧ください。

モデルの動作構成を変更する

Gemini API には、リクエスト プロンプトに応じてモデルの一般的なオペレーションを変更するための設定がいくつか用意されています。特に、モデルの temperature 設定により、モデルが許容するレスポンスの変動量を設定できます。0 は最小、1 は最大です。この値を 0.1 に設定するとレスポンスが非常に一貫していますが、その動作は反復的で、レビューのフィードバックを得るユーザーにとってあまり役に立たないように思えるかもしれません。温度の値を大きくすることを検討してください。温度を高くするほど、結果に一貫性がなくなる可能性があります。たとえば、命令の実装方法を変えたり、一部の命令を完全に無視したりすることさえあります。

クチコミへの返信の温度を上げるには:

  1. MySlide Advisor プロジェクトを含む Apps Script ウェブ インターフェースを開きます。
  2. 左側のメニューで [< > エディタ] ビューを選択し、[ai.gs] ファイル名を選択します。
  3. ai.gs コードファイルで analyzeSlides() 関数を見つけ、temperature 値を 0.3 に設定して generationConfig 定数を変更します。

    function analyzeSlides(slide) {
    
        const generationConfig = {
            temperature: 0.3,
            maxOutputTokens: 1024 * 2,
        };
    
  4. 変更を ai.gs コードファイルに保存します。

  5. Apps Script プロジェクトに接続されている Google スライドのプレゼンテーションを操作してウェブページを再読み込みし、アドオンを再実行して変更をテストします。

モデルの動作設定の詳細については、GenerationConfig の Gemini API ドキュメントをご覧ください。

参考情報

スライド アドバイザー プロジェクトの詳細については、コード リポジトリをご覧ください。アプリケーションの構築でサポートが必要な場合や、他のデベロッパーとコラボレーションしたい場合は、Google Developers コミュニティの Discord サーバーをご利用ください。Build with Google AI プロジェクトの詳細については、動画再生リストをご覧ください。