Google Workspace UI を拡張する

このページでは、Google Workspace ユーザーを拡張するためのオプションについて説明します。 インターフェース(UI)を提供します。Google Workspace の UI を拡張できる理由はさまざまです。 含まれます。

  • アプリやサービスを Google Workspace に統合して、ユーザーが 直接実行することもできます。たとえば スマートチップとリンク プレビューを作成する Google Workspace アドオンを Google ドキュメント内で サービスを公開できます
  • Google Workspace ユーザーの生産性の向上やワークフローの改善を支援します。 たとえば、ユーザーが毎週報告する Google Chat アプリを構築します。 タイムシートを直接作成できます。
  • Google Workspace ではネイティブに利用できない機能を追加できます。 たとえば、Google Chat で Google ドキュメント、スプレッドシート、スライドです。

Google Workspace UI を拡張するほとんどのオプションは、 Google Workspace Marketplace 統合するサードパーティ製アプリをユーザーが探してインストールできるオンライン ショップ おわかりいただけたでしょうか

Google Workspace UI の拡張オプションの概要

次の表に、 Google Workspace の UI を比較し、 特徴:

  • 拡張されたアプリ: 拡張できる Google Workspace アプリが一覧表示されます。 必要があります。
  • コーディング オプション: 以下のようなビルド方法を確認できます。 <ph type="x-smartling-placeholder">
      </ph>
    • AppSheet: ノーコード開発プラットフォーム。
    • Apps Script: クラウドベースのローコード 記述できます
    • フル デベロップメント: お客様の環境をサポートする独自の技術スタック 構築できます。
  • UI フレームワーク: 使用する UI フレームワークのタイプを示します。 各オプションの作成に使用できます。 <ph type="x-smartling-placeholder">
      </ph>
    • カードベース: カード インターフェースは事前定義されたウィジェットであり、カードによって作成される カードサービスに 正しい形式の JSON を返して お好みの技術スタックでカードを表示できます(フル デベロップメント)。カードベース インターフェースは HTML や CSS の知識が不要で、どちらでも適切に機能します。 クライアント ライブラリを使用できます。
    • HTML: Apps Script では、 HTML サービス: ウェブページや サーバーサイドの Apps Script 関数とやり取りします。インターフェース 高度なカスタマイズが可能ですが、 優れたユーザー エクスペリエンスを実現します。
    • iFrame: iframe は、Google Workspace に外部コンテンツを埋め込み、 カスタマイズ性に優れたユーザー インターフェースを提供します。

次の表に、各オプションの説明を示します。

<ph type="x-smartling-placeholder">
作成できるもの プレビュー アプリの拡張 コーディング オプション カードベースの UI HTML UI iframe UI
Google Workspace アドオン Google Workspace アドオンの例
Gmail
ドライブ
カレンダー
ドキュメント
スプレッドシート
スライド
Apps Script
フル開発
リンク プレビューとスマートチップ |Google Workspace アドオン Google Workspace アドオンのリンク プレビューの例
ドキュメント
スプレッドシート
スライド
AppSheet
Apps Script
フル開発
メールの下書き |Google Workspace アドオン メールの下書き用 Google Workspace アドオンの例
Gmail
Apps Script
フル開発
カレンダー会議 |Google Workspace アドオン カレンダー会議用 Google Workspace アドオンの例
カレンダー
Apps Script

既存の UI を使用

エディタのアドオン エディタのアドオンの例
ドキュメント
スプレッドシート
スライド
フォーム
Apps Script
Google Chat アプリ Chat アプリの例
チャット
AppSheet
Apps Script
フル開発
カスタム関数 カスタム関数の例
スプレッドシート
Apps Script

既存の UI を使用

マクロ マクロの例
スプレッドシート
Apps Script

既存の UI を使用

カスタム メニュー、ダイアログ、サイドバー メニューとサイドバーの例
ドキュメント
スプレッドシート
スライド
フォーム
Apps Script
Google ドライブ用アプリ ドライブアプリの例
ドライブ
フル開発

既存の UI を使用

Google Classroom アドオン Google Classroom アドオン
クラス
フル開発

Google Workspace アドオン

Google Workspace アドオンの例

Google Workspace アドオンは Google Workspace と統合されるアプリケーション 。Google Workspace アドオンは、 Google Workspace アプリ。ほとんどの場合、アプリはアプリ内の 拡張する Google Workspace アプリ。

Google Workspace アドオンのドキュメントを確認する

公開可能



コーディング オプション:

Apps Script
フル開発

以下のアプリを拡張します

Gmail
ドライブ
カレンダー

ドキュメント
スプレッドシート
スライド

利用可能な UI フレームワーク:

カード フレームワーク



リンク プレビューの例

ドキュメントを拡張する Google Workspace アドオンでカスタムリンクを作成可能 サードパーティサービスから ネイティブにプレビューできますスマートチップと同様に ドキュメントでは、ユーザー、ファイル、カレンダーの予定、 Google Workspace アプリケーション内の他のエンティティ、 アドオンによって スマートチップを使って第三者リンクの チップにカーソルを合わせました。

既存の Google Workspace アドオンにリンク プレビューを追加したり、既存のアドオンを作成したりできます リンク プレビュー専用の Google Workspace アドオンです。

リンクのプレビューとスマートチップに関するドキュメントを表示する

公開可能



コーディング オプション:

AppSheet
Apps Script
フル開発

以下のアプリを拡張します

ドキュメント
スプレッドシート
スライド

利用可能な UI フレームワーク:

カード フレームワーク



メールの下書き |Google Workspace アドオン

メールの下書きの例

Gmail を拡張する Google Workspace アドオンは、 インターフェースを使用して、新しいメッセージを作成したり、既存のメッセージに返信したりします。 このインターフェースを使用するには、 メールの下書き内に、下書きの下部または [その他のオプション] メニュー。

メールの下書きに関するドキュメントを表示する

公開可能



コーディング オプション:

Apps Script
フル開発

以下のアプリを拡張します

Gmail

利用可能な UI フレームワーク:

カード フレームワーク



カレンダー会議 |Google Workspace アドオン

カレンダー会議の例

ウェブ会議プロバイダの方は、Google Workspace アドオンを を使用すると、会議ソリューションで Google カレンダーを拡張できます。 このアドオンにより、 オプションが追加され、ユーザーは Google Meet を使用して 会議に直接参加できます。

カレンダーの会議に関するドキュメントを表示する

公開可能



コーディング オプション:

Apps Script

以下のアプリを拡張します

カレンダー

利用可能な UI フレームワーク:

既存の UI を使用


エディタのアドオン

エディタのアドオンの例

エディタのアドオンは、Google ドキュメント、 スプレッドシート、スライド、 。エディタのアドオンで拡張できるアプリは 1 つのみです 1 つのアドオンにつき 1 つですが、 同じ Marketplace 内のエディタ アドオン 表示されます。ユーザーが [拡張機能] メニューからエディタのアドオンを開く 実装する必要があります。

次のインターフェースを エディタのアドオン:

エディタ アドオンのドキュメントを表示する

公開可能



コーディング オプション:

Apps Script

以下のアプリを拡張します

ドキュメント
スプレッドシート
スライド
フォーム

利用可能な UI フレームワーク:

HTML
iFrame



Chat 用アプリ

Chat アプリの例

Chat アプリは、Chat にリソースとサービスを取り込む。 Chat アプリは、さまざまな方法でユーザーとやり取りできます。 含まれます。

  • スラッシュ コマンドにテキスト メッセージで応答する カードメッセージです。
  • ダイアログを開いて、ユーザーが複数のステップを完了できるようサポートします プロセスを自動化できます。
  • リンクをプレビューするには、有用なカードを添付します。 ユーザーは、 直接やり取りできます。

Chat 用アプリのドキュメントを見る

公開可能



コーディング オプション:

AppSheet
Apps Script
フル開発

以下のアプリを拡張します

チャット

利用可能な UI フレームワーク:

カード フレームワーク



カスタム関数

カスタム関数の例

カスタム関数を使用すると、スプレッドシートに関数を追加できます。ユーザーができること 何百もの組み込み関数と同じように使用できます 。カスタム関数は、 エディタのアドオン。

カスタム関数のドキュメントを見る

公開可能



コーディング オプション:

Apps Script

以下のアプリを拡張します

スプレッドシート

利用可能な UI フレームワーク:

既存の UI を使用


マクロ

マクロの例

マクロは、特定のシリーズを複製するスプレッドシートの記録を指します 定義した UI インタラクションの集合です。マクロをキーボード ショートカットにリンクできます。 [拡張機能] &gt; から実行することもできます。 [マクロ] メニュー。

マクロを記録すると、スプレッドシートは自動的に UI インタラクションを複製する Apps Script 関数。Google Chat では Apps Script エディタ内で直接マクロを編集できます。次のように記述できます。 マクロを最初から作成したり、自分で作成した関数を マクロに変換できます

マクロのドキュメントを見る

コーディング オプション:

Apps Script

以下のアプリを拡張します

スプレッドシート

利用可能な UI フレームワーク:

既存の UI を使用


カスタム メニュー、ダイアログ、サイドバー

カスタム メニューの例

カスタム メニュー、プロンプト、アラート、HTML ベースのダイアログを追加して、 ドキュメント、スプレッドシート、 スライド、フォーム。カスタム メニューは デフォルト メニューを表示することもできます。ダイアログ、サイドバー、プロンプト、アラートは、 通常はメニュー項目のクリックなどのユーザー操作や イベントドリブントリガーです

カスタム メニュー、ダイアログ、サイドバーに関するドキュメントを表示する

コーディング オプション:

Apps Script

以下のアプリを拡張します

ドキュメント
スプレッドシート
スライド
フォーム

利用可能な UI フレームワーク:

HTML
iFrame



ドライブのアプリ

ドライブアプリの例

アプリがドライブ ファイルに対応している場合は、 Google ドライブのユーザー インターフェースを使用して、アプリを作成するオプションとしてアプリを提示する ファイルを開くことができます。アプリは [New] &gt; その他メニューと ドライブ内のファイルを右クリックしたときの [アプリで開く] メニュー。 ユーザーがいずれかのメニューからアプリを選択すると、アプリが新しいウィンドウで開きます。

ドライブ アプリのドキュメントを見る

公開可能



コーディング オプション:

フル開発

以下のアプリを拡張します

ドライブ

利用可能な UI フレームワーク:

既存の UI を使用


Google Classroom アドオン

Classroom アドオン

Google Classroom アドオンを使用すると、教育者は Google Classroom で 課題、お知らせ、学習教材などに重点を置いています。添付ファイルが開きます Classroom の iframe でサードパーティのコンテンツにアクセスできます。iframe が開く 個別の URL を使用できます。

Classroom アドオンのドキュメントを確認する

公開可能



コーディング オプション:

フル開発

以下のアプリを拡張します

クラスルーム

利用可能な UI フレームワーク:

iFrame