Gmail Add-on 入門 (デベロッパーアドオンの作成とインストール)

Gmail Add-on 入門 (デベロッパーアドオンの作成とインストール)

こんにちは、kenzauros です。

**Gmail がアドオン (Add-on) に対応**しました。

Asana や Trello など有名サービスのアドオンがリリースされていますが、実は誰でもアドオンを開発することができます。

ということで Quickstart を参考に、クイックスタートしてみたいと思います。

アドオンの作成

スクリプトの作成

Gmail の Add-on は Google サービス共通の Web App や自動化のスクリプト環境である Google Apps Script で作成します。

まず、 Google Apps Script を開き、 Start Scripting をクリックします。 (2回目以降は自動で新規プロジェクトに飛ぶかもしれません)

quickstart with gmail add on 1

こんな感じのスクリプトエディターが開きます。 Google Apps Script は言語的には JavaScript とほぼ同じです。日本語環境だと標準で コード.gs が開いていると思います。

quickstart with gmail add on 2

スクリプト部分に Quickstart Step 1ソースコードを貼り付けます。

[ファイル] から [保存] して変更を保存します。「無題のプロジェクト」となっているプロジェクト名をクリックして “Gmail Add-on Quickstart” とでも名前を変えておきましょう。

quickstart with gmail add on 3

マニフェストファイルの編集

[表示] から [マニフェストファイルを表示] を選択します。

quickstart with gmail add on 4

appsscript.json が開いたら Quickstart Step 2 のマニフェストファイル用 JSON をコピペし、保存します。

quickstart with gmail add on 5

公開

今回はあくまでお試しのため、ウェブストア等で公開しません。 Gmail にインストールするために [公開] から [Deploy from manifest…] を選択します。

quickstart with gmail add on 6

Deployments というダイアログが開くので、 [Get ID] というリンクをクリックします。

quickstart with gmail add on 7

Deployment ID が表示されるのでこれをコピーし、ダイアログを 2 つとも閉じます。

quickstart with gmail add on 8

これで Gmail Add-on の準備は完了です。

Gmail にインストール

Add-on をインストールしたいアカウントで Gmail を開きます。歯車アイコンから [設定] を開き、 [アドオン] タブを開きます。

今回のクイックスタート アドオンはウェブストア等に公開されたものではなく Google が安全を確認したものではないため(安全とわかっているのは作った本人だけ)、特別にインストールを許可してやる必要があります。

ご利用のアカウントで、デベロッパーアドオンを有効にします」というチェックボックスを ON にします。

quickstart with gmail add on 9

下記の通り、警告が表示されますが、今は自分で作ったアドオンをインストールするので、「有効にする」をクリックします。

quickstart with gmail add on 10

「デベロッパーアドオンをインストール」という欄が表示されるので、このテキストボックスに先ほど作成時にコピーしておいた デプロイ ID (Deployment ID) を貼り付け、 [インストール] をクリックします。

quickstart with gmail add on 11

さらに確認が表示されるので、 ID を確認してインストールします。

quickstart with gmail add on 12

これで Gmail に戻り、リロードします。すると右側に Quickstart のマニフェストで指定された Bookmark アイコンが表示されていますので、これをクリックします。

quickstart with gmail add on 13

アドオンが Gmail のデータにアクセスするのに必要な権限を与える必要があるので、 [アクセスを承認] をクリックします。

quickstart with gmail add on 14

アカウント選択画面がでたら、自分のアカウントをクリックし、下記のようなダイアログに警告が表示されますが、ここは自分で認識して進めているので [Advanced] リンクをクリックします。

quickstart with gmail add on 15

下に表示された [Go to Gmail Add-on Quickstart (unsafe)] をクリックします。繰り返しますが、デベロッパーアドオンなので unsafe になっています。今回は気にせず進みましょう。

quickstart with gmail add on 16

さらに厳重に確認ダイアログが表示されるので、 Continue と入力して NEXT をクリックします。

quickstart with gmail add on 17

またまた今度は与える権限について OAuth 画面の認可画面が開くので、一応確認して [ALLOW] をクリックします。

quickstart with gmail add on 18

これでやっとアドオンが使えるようになりました。アドオン作成よりインストールのほうが面倒ですね(笑)

まぁこのアドオンはクイックスタートなので、あまり便利ではないですが、アドオンでどんなことができるかの雰囲気は感じることができます。いろいろ触ってみてください。

quickstart with gmail add on 19

アンインストール

不要になったら、設定のアドオンタブから [アンインストール] を押して削除しましょう。特に他のデベロッパーアドオンを使用しないのであれば、デベロッパーアドオンを無効にしておいたほうが無難でしょう。

quickstart with gmail add on 20

くれぐれもよくわからないところで配布されているアドオンをインストールしないようご注意ください。

kenzauros