![見出し画像](https://assets.st-note.com/production/uploads/images/164921996/rectangle_large_type_2_88f8c1f4591f59cadace640853af59f1.png?width=1200)
ApptionというNotionを進化させるサービスを見つけたんだが!
まつけんです🐰
私は朝起きて夜寝るまでにNotionを利用する生活にするために、「朝起きてNotionを触りたくなるHome」を作成しています。
できれば朝に見たい情報を追加したいと思い、いろいろ考えを練っている段階です!
そのために使えそうな「Apption」というサービスのレビューを記事にしました!
Apptionとは
Notionの埋め込み機能を進化させるサービスになります。
Apptionを使うことで、HTML埋め込みコードをNotionで埋め込む形式に変換してくれます。
ということは…
工夫次第でページに動きを付けることができます!
アカウント登録
メアドとパスワードを登録するだけです。右上が登録したメアドの先頭の文字が表示されていれば完了です。
使いそうなウィジェット紹介
![](https://assets.st-note.com/img/1729075925-lF7SC9AreyRjXZpoiuBhMcxd.png)
![](https://assets.st-note.com/img/1729075867-FYU3jfnB4Qe8N1A7XTDbyIws.png)
"FlipClock"埋め込んでみた
FlipClockをクリック
![](https://assets.st-note.com/img/1729075997-mg7Ynj1NUfRbt6AFKVuap0kQ.png?width=1200)
![](https://assets.st-note.com/img/1729076133-2CAS6Xu1o4xOMsFDVjwkYr8B.png?width=1200)
めちゃ簡単です!
しかも、時間が勝手に進みます!
"Weather Widget"を埋め込んでみた
Weather Widgetをクリック
![](https://assets.st-note.com/img/1729076298-Xf42FNAwpUi17kdrlvStZRBx.png?width=1200)
すると、表示する天気予報の設定ページに飛びます。ここで、自分の住む地域にカスタマイズしたり、表示の仕方を変更できます!
項目は大きく4つあり
SETTINGS:場所や言語の選択ができる
OPTIONS:何日分表示するか、今も表示するかを選択できる
THEMES:背景テーマを選択できる
CUSTOMIZE:背景の色を選択できる
です。では、福岡県を例に編集していきます!
![](https://assets.st-note.com/img/1729076401-c8IYs3juhrzePmVw6d2HtKLi.png?width=1200)
場所は福岡でラベルと言語を日本語にしました。
![](https://assets.st-note.com/img/1729076584-6nF0Ck9PvDfVg5uxd3EmzHUw.png?width=1200)
フォントを変えました。
![](https://assets.st-note.com/img/1729076621-aXN853wAmBDVWxeb7gCI4MpK.png?width=1200)
天気予報の背景を現在の天気に合わせるテーマを選択しました。(オシャ!)
![](https://assets.st-note.com/img/1729076705-HEcvoaP27QXtjiOVGRM4zB1T.png?width=1200)
テーマによって色を変更できます。今回は天気が背景のテーマになっているので、変更はなしです。
※ 右のwidthでどの幅にしたいかを選択できます。点線をドラッグアンドドロップして調整しましょう!
コードを抽出する
編集が済んだら「GET CODE」をクリックして、出てきた文字列をコピーしてください。
Apptionに戻り、DIT Embed URLをクリック
![](https://assets.st-note.com/img/1729076906-yObYXquUCS9gaHNes4M08BTz.png)
ここで、よくあるミスは「コピーしたものをそのままNotionに埋め込む」です。このコードはHTML上に埋め込むためのものですので、埋め込んでも作ったテーマは表示されません。
そこで、DIY Embed URLにコピーしたものをペースとして、Notion用のリンクにDIYしてもらいます!
![](https://assets.st-note.com/img/1729077094-fK5xU2YSQ3PBiGVcaXZoFRmu.png?width=1200)
「Generate URL」を押すと
![](https://assets.st-note.com/img/1729077152-WST4EjBeJKbkCoupq3Md5UOc.png?width=1200)
このリンクをFlip Clockと同様に埋め込めば…
![](https://assets.st-note.com/img/1729077244-pY4BEoZlzJGtnCXwIKd9kb6j.png?width=1200)
できました!
おわりに
Apptionの中のウィジェットを見てみましたが、私が心動いたものは上記の2つと、White boardとMoon Phase Todayでした。ポモドーロタイマーのウィジェットもいくつか存在しましたが、私は自然音も入れたいので、Youtubeのポモドーロタイマーを埋め込んで使います。