爆速BrainDump：iPhone ショートカット編

# はじめに

最近、評判の高いNotionを導入し、個人的な情報やタスクを管理し始めました。
移動時間にはXを使って技術情報をチェックしたり、週末にやりたいことを思いついたら、Notionのデータベースにメモを残しています。
しかし、スマートフォンからNotionのデータベースに情報を入力しようとすると、クリック回数が多く（特にURLを入力する際には、クリックが多くなってしまいます）、利便性に欠けると感じました。
そこで、爆速（できれば1クリックで完了するような）でデータベースにメモを残せるような仕組みを構築したので、3回に分けて紹介していきます。

0. [Notion / Notion API](https://qiita.com/tkmsk/items/d0aeb61c3cb819d6bcc2)
0. [Google Apps Script](https://qiita.com/tkmsk/items/6d83e1061bce7b0729b6)
0. iPhone ショートカット ← 今回

# アーキテクチャ構成

![アーキテクチャ図.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1561074/35e68fd5-ee40-bf2d-c579-ec8accc46121.png)

# 実装

iPhoneショートカットを作成し、Google Apps Script(GAS)経由でNotion Databeseにレコードを追加します。

## 要約

* iPhoneショートカットを作成する
    * 共有から実行された場合は、その値をそのままGASに送る
    * ショートカットが直接実行された場合は、ユーザーからの入力を受け取り、その内容をGASに送る

## A. iPhoneショートカットを作成する

①ショートカットアプリの共有シート画面を開き、新規作成を押下

<img width="25%" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1561074/a57773df-e6ec-b466-9784-04a341d7946b.png">

②「任意」を押下し、URLを設定

<img width="25%" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1561074/814ea26a-daf8-ddee-cb67-066b1c3e4600.png">

③「アクション追加」を押下

<img width="25%" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1561074/73f685cf-4add-591b-9a5e-bd3a3d2e54b2.png">

④「変数に追加」を押下

<img width="25%" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1561074/27ec49fc-287e-a0ed-48d2-56ef62e9a831.png">

⑤「変数名」を押下し、メッセージと設定

<img width="25%" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1561074/99d90d08-2e83-09c3-5c42-dd997c25ca0a.png">

⑥「メニューから選択」を押下

<img width="25%" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1561074/a547dc64-3893-0fba-a54b-3d221cf87a77.png">

⑦urlで検索し、「URLを開く」を押下

<img width="25%" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1561074/ce12e366-2d7d-810f-4e3f-c26f76981190.png">

⑧「apple.com」を押下し、GASのWebアプリのURLを入力

<img width="25%" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1561074/550cada8-5950-66b9-5ba3-1cece7a1dfe2.png">

⑨「メニューから選択」を押下し、「URLの内容を取得」を押下

<img width="25%" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1561074/7cff5ac3-1456-3e62-c76b-fbf3fa6feb8a.png">

⑩GASへのリクエスト内容を設定
　・方法: POST
　・本文を要求: JSON
　・本文にキー: message、値: メッセージ

<img width="25%" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1561074/fff0ec03-01ae-8c2a-234a-a8b79be8438d.png">

⑪「▶」を押下し、簡易確認

<img width="25%" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1561074/f9f9b98b-bbf7-5d58-87cf-86917fa884e8.png">

⑫許可が求められた場合、「常に許可」を押下

<img width="25%" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1561074/a76046bd-79cd-c952-6d5b-8ef7cca560bd.png">

⑬任意の名前を設定し、保存
　ここでは「爆速BrainDump」とした。

# 動作確認

## ショートカットを実行する

①データベースに保存したいサイトを開き、「共有」ボタンを押下
　ここではQiitaのトップページとした

<img width="25%" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1561074/f009bc30-b465-9edb-9f9b-64fd6fa9b8c8.png">

②作成したショートカットを選択

<img width="25%" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1561074/c637fe00-f5e4-fa26-be5b-7c6148cdb233.png">

③チェックマークが表示されるまで待機

<img width="25%" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1561074/87c49db0-36be-f8ea-e5b2-c1bf605331bb.png">

## 結果

ショートカットを実行したときの内容でデータベースにレコードが登録されていることを確認する。

![iphoneショートカット動作確認.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1561074/b204bb50-07ca-8b31-28a2-b318b53f28c6.png)