![見出し画像](https://assets.st-note.com/production/uploads/images/89554569/rectangle_large_type_2_cdca4dd2fdef610be6b8704e8f7e3f3f.png?width=1200)
MakeとWidgetsを使って、Notionに日報作成ボタンを作る
はじめまして。
Notionを愛する田中由利子です。
今回、MakeとWidgetsを使って日報作成ボタンを作ってみました。
簡単なようで、不慣れなせいでとっても時間がかかりました。。。
せっかくなので、見知らぬ誰かの一手間を削れたらと思いNoteを作成してみました。
なお、こちらの内容は Notionしゅふ会 のLTでもお話したものとなります。
きっかけ
田原さんのTweetを拝見し、すごい!私もやりたい!と思い立ちました。
「今日の記録を付けるボタン」もWidgetsとMakeで作れました💡 https://t.co/u54WMdg75I pic.twitter.com/DNhY0KuS8e
— 田原聖悟|Notionアンバサダー (@shogocat) August 29, 2022
完成物
![](https://assets.st-note.com/production/uploads/images/89539381/picture_pc_90fa16c69c41cb159a8a30a89544fdc5.gif?width=1200)
作成方法
はじめに
試行錯誤してやっと作ったものなので、何かが足りなかったり、洗練されていないかもしれません。
もしそのようなことに気づかれたら、こっそりコメントやDMいただけるとたいへんうれしいです。
田中のTwitterはこちら
NotionとMakeを連携させる
![](https://assets.st-note.com/img/1666437495660-BVOiWSEhPH.png?width=1200)
![](https://assets.st-note.com/img/1666437517943-4K8iTPo6Go.png?width=1200)
![](https://assets.st-note.com/img/1666437557554-xHQA1Eiy79.png)
![](https://assets.st-note.com/img/1666437571925-c6AO4Gik7B.png?width=1200)
Notionで日報DBを作る
![](https://assets.st-note.com/img/1666437614385-e0HsgjTeSy.png?width=1200)
コネクトを追加する
![](https://assets.st-note.com/img/1666438353635-fwGqkpeXFN.png?width=1200)
![](https://assets.st-note.com/img/1666438374635-Jrcv3j3o4z.png?width=1200)
Makeでシナリオを作成する
Webhooks
![](https://assets.st-note.com/img/1666438413755-CnP3MQSC6y.png?width=1200)
![](https://assets.st-note.com/img/1666438430777-3qyVM4EEWz.png?width=1200)
![](https://assets.st-note.com/img/1666438444468-VtDsCgVjNW.png?width=1200)
![](https://assets.st-note.com/img/1666438463377-WMlPaix2rQ.png?width=1200)
![](https://assets.st-note.com/img/1666438477897-ttANz7x06w.png?width=1200)
![](https://assets.st-note.com/img/1666438500477-n22LSNu42O.png?width=1200)
![](https://assets.st-note.com/img/1666438515562-YgFoI6wDM6.png?width=1200)
![](https://assets.st-note.com/img/1666438529857-T9wI3cYs9e.png?width=1200)
![](https://assets.st-note.com/img/1666438542598-fdhobMPCZm.png?width=1200)
![](https://assets.st-note.com/img/1666438553477-nPVirtvDb2.png?width=1200)
![](https://assets.st-note.com/img/1666438567606-ndrvrRHYTf.png?width=1200)
Notion
![](https://assets.st-note.com/img/1666438578427-lQapvKB5jD.png?width=1200)
![](https://assets.st-note.com/img/1666438589573-Y3gcOIXYhK.png?width=1200)
![](https://assets.st-note.com/img/1666438601044-j85HCvWeFV.png?width=1200)
![](https://assets.st-note.com/img/1666438613232-KWg5HTlI8P.png?width=1200)
![](https://assets.st-note.com/img/1666438626795-5ALP2CfNwT.png?width=1200)
![](https://assets.st-note.com/img/1666438642117-3EmOpYZPqG.png?width=1200)
![](https://assets.st-note.com/img/1666438667223-g25IIoH89Y.png?width=1200)
![](https://assets.st-note.com/img/1666438678189-T25DkBiIT6.png?width=1200)
![](https://assets.st-note.com/img/1666438691786-xcPmHdFNfF.png?width=1200)
![](https://assets.st-note.com/img/1666438702710-LZ8d6VGeFX.png?width=1200)
![](https://assets.st-note.com/img/1666438713641-sF3RpZdMRi.png?width=1200)
![](https://assets.st-note.com/img/1666438724833-jTyKiNzCb6.png?width=1200)
Widgetsでボタンを作る
![](https://assets.st-note.com/img/1666438737582-fnrtom6qwa.png?width=1200)
![](https://assets.st-note.com/img/1666438750862-xl3KwpufCo.png?width=1200)
![](https://assets.st-note.com/img/1666438763526-rhfuGbAkFQ.png?width=1200)
NotionにWidgetsを貼る
![](https://assets.st-note.com/img/1666438775731-ig1Nrcp59a.png?width=1200)
![](https://assets.st-note.com/img/1666438786136-WRvwnkS81J.png?width=1200)
![](https://assets.st-note.com/img/1666438801996-KEXPReWu1G.png?width=1200)
Makeでシナリオを修正する
無事ボタンでレコードが追加出来ることを確認できました。次は日付を入れてみます。
![](https://assets.st-note.com/img/1666438817764-oWTAdkCV5x.png?width=1200)
![](https://assets.st-note.com/img/1666438829004-GmiHr3hiRI.png?width=1200)
![](https://assets.st-note.com/img/1666438844151-YZZaM2ZwUI.png?width=1200)
![](https://assets.st-note.com/img/1666439503479-njnxM1lrHA.png?width=1200)
![](https://assets.st-note.com/img/1666438875485-M8MmVFdK3S.png?width=1200)
Notionで確認する
![](https://assets.st-note.com/img/1666439382250-hsJ9e5Fbj5.png?width=1200)
豆知識
Makeの旧サービス名がIntegromatです。
Make Notionでググっても適切な記事をつかめないので、ググるときはIntegromatを使ったほうが探しやすいです。
最後に
ボタンワンポチで自動的に値を入れられるようになったので、日報作成がぐっと楽になりました。
計算式を違えることで、より自分の使い方に合ったボタンが作成できるはずです。
一緒にNotionに熱狂しましょう! 田中由利子
この記事が気に入ったらサポートをしてみませんか?