【Gmail】【Outlook】メール作成のブックマークレットをコマンド化

##概要
ブックマークレットを使うと、定型文が入った状態でメール作成画面を開くことができる。
そのブックマークレットをWebブラウザからコマンドっぽく呼び出す方法を解説する。

##できること
`Ctrl + T` → `gmnew` → `↑` → `Enter` で下記の新規メール作成画面を開ける。
(WebブラウザはGoogle Chrome前提)

|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/464218/4d3f556a-453c-4f68-3ab6-54ce0a5a679b.png)|
|:-:|

##方法

####ブックマークレットを作成する(Gmail)

下記の表のとおり、`&パラメータ=内容`でURLに付加していく。CCやBCCが不要ならスルーでOK。

|パラメータ|内容|
|:-:|:-:|
|to|送付先(TO)|
|cc|送付先(CC)|
|bcc|送付先(BCC)|
|su|件名|
|body|本文|

メールアドレスを複数記載するときは、セミコロン`;`でつなぐ。
本文中で改行するためには`%0D%0A`を挿入する必要がある。逆に言えば、txtファイルなどに記載するときは、下記のように改行していても問題ない。

```
https://mail.google.com/mail/?view=cm
&to=atesaki1@example.com
&cc=atesaki2@example.com;atesaki3@example.com
&su=【依頼】
&body=お疲れさまです。%0D%0A
下記の件、対応よろしくお願いします。%0D%0A
%0D%0A
■・・・%0D%0A
```

|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/464218/4d3f556a-453c-4f68-3ab6-54ce0a5a679b.png)|
|:-:|

####ブックマークレットを作成する(Web版Outlook)

|パラメータ|内容|
|:-:|:-:|
|to|送付先(TO)|
|subject|件名|
|body|本文|

Outlookの場合、CC・BCCの指定ができない。いったんTOとしてブックマークレットを作り、メール作成画面を開いたあと、TOからCC・BCCに移してやる必要がある。

```
https://outlook.office.com/owa/?to=atesaki1@example.com;atesaki2@example.com;atesaki3@example.com&subject=【依頼】&body=お疲れさまです。%0D%0A下記の件、対応よろしくお願いします。%0D%0A%0D%0A■・・・%0D%0A&path=/mail/action/compose

https://outlook.office.com/owa/?path=/mail/action/compose
&to=atesaki1@example.com;atesaki2@example.com;atesaki3@example.com
&subject=【依頼】
&body=お疲れさまです。%0D%0A
下記の件、対応よろしくお願いします。%0D%0A
%0D%0A
■・・・%0D%0A
```

|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/464218/ca7b7e26-0b89-bdf7-8db2-2eae0a28b705.png)|
|:-:|

####ブックマークレットを保存する

納得のいくブックマークレットができたら、ブックマークに追加する。
保存先フォルダは、ブックマークレットをまとめたフォルダを作って、そこに追加するとよい。GUIで実行する気はない。

|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/464218/2db0d46c-cd04-d649-2cee-caf8f1911df7.png)|
|:-:|

このとき、センスのあるコマンド名を考えて、名前として設定する。
Gmailのnewということで、gmnewと命名。(気に入らなかったらあとで変更すればOK)

|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/464218/b9051408-9bcc-fd41-02c7-fc33fd858cde.png)|
|:-:|

なおGmailの場合、ブックマークレットの文字列と、それを開いたあとのURL(下記)が異なる。文字コードが変換されたりしているため。

```
https://mail.google.com/mail/u/0/
?to=atesaki1@example.com&cc=atesaki2@example.com;atesaki3@example.com
&su=%E3%80%90%E4%BE%9D%E9%A0%BC%E3%80%91
&body=%E3%81%8A%E7%96%B2%E3%82%8C%E3%81%95%E3%81%BE%E3%81%A7%E3%81%99%E3%80%82%0D%0A
%E4%B8%8B%E8%A8%98%E3%81%AE%E4%BB%B6%E3%80%81%E5%AF%BE%E5%BF%9C%E3%82%88%E3%82%8D%E3%81%97%E3%81%8F%E3%81%8A%E9%A1%98%E3%81%84%E3%81%97%E3%81%BE%E3%81%99%E3%80%82%0D%0A
%0D%0A
%E2%96%A0%E3%83%BB%E3%83%BB%E3%83%BB%0D%0A
&fs=1&tf=cm
```

これだとメンテナンスしにくいので、ブックマークレットとして作った元の文字列で登録するのがオススメ。

####ブックマークレットを実行する

冒頭で紹介したとおり、`Ctrl + T` → `gmnew` → `↑` → `Enter` で実行できる。ひとつずつ説明していこう。

`Ctrl + T`は、新しいタブを作るショートカットキー。
同じタブに上書きで開いてよいのなら、URL欄を選択する`Alt + D`か`Ctrl + L`で。

新しいタブが開かれると、URL欄が選択された状態になっている。

|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/464218/aa30a156-2d69-8553-5217-293fbd08d1b7.png)|
|:-:|

<br>
ここに、登録したブックマークレット名`gmnew`を入力すると、遷移先候補として表示される。

|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/464218/33329579-ee65-63af-2fa1-55a78bf55f09.png)|
|:-:|

<br>
`↑`キーを押してブックマークレットを選択し、`Enter`で実行する。

|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/464218/f9ba86f2-e48e-1121-259b-db1f501cf5a0.png)|
|:-:|

ﾄﾞﾔｧ

|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/464218/4d3f556a-453c-4f68-3ab6-54ce0a5a679b.png)|
|:-:|

##まとめ

ブックマークレットとショートカットキーを駆使して、脱マウス生活！

`gmnew -a`で全員(ML)に送るとか、`gmnew -d`で削除依頼のテンプレとか、よりLinuxコマンドっぽくもできそう。
（ただし、手動で事前に設定しておく必要あり）