Line×Make×Notion で簡単メモ


Notion は便利だけど、スマホでNotionを起動してメモするのはちょっと面倒という要望を聞いて、Lineから簡単にメモできないかと挑戦しました。
因みに私は３ヶ月前に初めてノーコードという言葉を知ったプログラミング初心者です。
何か修正点やもっとこうしたらアドあれば、是非教えてください🙇
# 0 完成イメージ
https://x.com/irifuneshinmori/status/1718294363623879032?s=46&t=m_0fdZgl8nb-uJn435XEZw

# 1 使用ツール
・Line
・Make
・Notion 

# 2 Line側の設定　LINE Messaging APIの導入　
チャネルアクセストークンを取得します。
下記の【LINE Messaging APIの導入】を参考にしました。

https://qiita.com/y-kazawa/items/aec2be7d219767fff008

# 3 Notion側の設定　Notion APIの導入

シークレットトークンを取得し、情報を挿入したいページにコネクトを追加します。
上記の記事の【Notion APIの導入】を参考にしました。

### 3-1 Notionインテグレーション設定
![Line to Notion23.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3531581/084c855d-e3c9-e21b-de7f-42f9571d5c59.jpeg)
![Line to Notion24.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3531581/c5de3e31-1b9b-9f97-b480-672612659c44.jpeg)

### 3-2 Notionのリンクしたいページで”コネクトの追加”
![Line to Notion26.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3531581/c83003b5-de56-8449-7307-649bf1c16b05.jpeg)


# 4 Makeの設定
写真多めです
## 4-1Lineモジュール追加
![Line to Notion3.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3531581/a3dde8a7-48ef-97c7-0077-9122be54e38a.jpeg)
![Line to Notion4.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3531581/a33b1bee-3c77-341c-90e1-8488872c2bae.jpeg)
![Line to Notion5.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3531581/aa7aa42c-9610-8634-d266-6c5a870592d2.jpeg)
## 4-2Line Webhook設定　
![Line to Notion6.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3531581/e8811faf-3911-d355-d014-9a71087f355c.jpeg)
![Line to Notion7.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3531581/b9fdb6f3-2dfc-317f-ddb5-6f162fbcd3ed.jpeg)
![Line to Notion8.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3531581/44bbaaa5-ed09-2687-487c-990db67085fd.jpeg)

![Line to Notion9.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3531581/f527fb19-3847-abbc-14d5-933bb2439cf7.jpeg)
## 4-3 MakeでLineのWebhook URLをコピペ
![Line to Notion10.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3531581/fc42d47f-70cc-7dbc-3bad-6f5df33e55f5.jpeg)
## 4-4 MakeでコピペしたWebhook URLを、Line Developersに移動し貼り付ける
![Line to Notion11.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3531581/b485badd-557a-dad8-34c5-7978ebd4965d.jpeg) 
![Line to Notion12.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3531581/f2d5694b-9d14-b7e0-0fd0-b921bcdbb0c7.jpeg)
## 4-5 MakeでNotionモジュール作成
![Line to Notion14.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3531581/b95168cf-59af-b1c3-8f7c-58c03985fef8.jpeg)
![Line to Notion16.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3531581/3d5fc40d-cc30-6d74-e393-e9fde44756eb.jpeg)
![Line to Notion17.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3531581/1eda3ac5-94ef-1580-db0b-4b42d63df264.jpeg)

## 4-6 NotionとMakeを紐づける　:point_up:ここ手間取った

![Line to Notion18.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3531581/7361455f-1bfd-0cd2-e492-4750324de6f0.jpeg)
:point_up:”Notion Public”を選択。Notion Internalだとエラーになった。理由は不明
![Line to Notion28.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3531581/0d4b81ee-9b60-29c0-1840-893b4527e0d7.jpeg)
![Line to Notion29.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3531581/b243361f-bf91-b27e-d0dd-a9e510401d75.jpeg)
![Line to Notion30.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3531581/0bfdec22-c9e6-2657-db87-623d129ba4b5.jpeg)
![Line to Notion31.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3531581/673eea8c-5fd8-219f-068b-363f918618f4.jpeg)

![Line to Notion32.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3531581/90b1c2e7-7e64-915a-edac-e7b805ff71d7.jpeg)

![Line to Notion33.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3531581/bfae5965-bcfa-847d-8419-db7f39e1c77e.jpeg)

### 4-6-1 NotionのPage IDを、MakeのParent Page IDにコピペ（Page ID 確認方法）　
 結構ここで手間取った。自分だけかな・・・笑

#### Notion ページID確認方法❶
ブラウザでNotionにアクセスし、対象のページを開きます。
ページのURLを確認します。URLは通常、https://www.notion.so/の後に一意のページIDが続きます。
例えば、URLがhttps://www.notion.so/My-Page-Title-0123456789abcdef0123456789abcdefのような場合、
`0123456789abcdef0123456789abcdef` がページIDです。 

https://sinpe-pgm.com/unveiling-notion-secret-token-ids/

#### Notion ページID確認方法❷
URLは、以下のような形式になっています。
https://www.notion.so/[ページ名]-[ページID(32桁の文字列)]?pvs=4
赤字の 32 桁の文字列が、ページIDです。なので、この部分のみを取得してください。

例えばコピーしたURLが以下の場合、
https://www.notion.so/AtoriNotion-3956b991ea4a4b90b893f3abd1ed054b?pvs=4
ページIDは3956b991ea4a4b90b893f3abd1ed054bになります。

https://chicolog.net/notion-pageid-blockid

 ### 4-6-2 MakeでNotionの設定
Titleには、”Events[]”の中の”Mwssage”の中の”Text＂を選択
![Line to Notion33のコピー.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3531581/8bac4da1-0350-932a-d4d6-7c1704b7b844.jpeg)

　![Line to Notion35.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3531581/6acd9180-b28d-08ec-fba5-7993346f6a59.jpeg)
![Line to Notion38.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3531581/bbbd4172-e714-efbe-1d9a-e720d9b8b0a1.jpeg)

# 5 Notionで追加の方法
Line to Notion　Makeを使い色々試してみました

❶create page 新しく子ページ追加して追記
❷Append a Page Content　既存ページに追記されていく
❸update a page content　以下エラー（解決できてません・・）　
The operation failed with an error. [400] Updating a page via the blocks endpoint unsupported. Call patch /v1/pages/:page_id instead

![Makeイメージ.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3531581/9a969618-fd87-ac3c-cd64-9ff380b82a51.jpeg)
![Notion ページ作成色々.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3531581/f73b3ed5-e9e3-eb9b-8883-cf718900c6cc.jpeg)

# 感想
終わってみたらこんなもんかって感じだが結構大変だったな・・・
Line to Notion ができれば、色んな情報をNotionに蓄積しやすいなと感じた。
もっと使い勝手を良くしたい