Notionでいい感じの天気予報を表示する

Notionって便利ですね。
筆者も、日に日にいろいろ調べては、できることを拡張していっているのですが、天気予報を表示させるいい方法を発見したので、記しておきたいと思います。

＜GOAL＞

こんな風にできます。スマートじゃないですか？
一週間全部ではなくても、カスタマイズ次第で、よりコンパクトにまとめる方法もあります。

タブレットや省スペースで詰め込む人は、このようなコンパクトサイズの方がいいかもしれません。（あえて白背景のWEB版で表示させてみました！）

＜HOW TO＞

以下のサービスを使います。
https://www.theweather.com/widget/

リンクに飛ぶと、いろいろカスタマイズできることが一目でわかります。

1.CHANGE LOCATION AND LANGUAGE

海外のサービスなので、language に日本語はないし、Change Locationで選べる地域はTOKYOくらい…
ですが、この記事を見に来てNotionに天気予報を入れ込もうと思っている猛者の方々は、それくらいのことは気にしないことでしょう(確信)

2.FORMAT

何日分表示にするか、などを編集します。Normalが結構いい感じです。
表示するときに、枠の大きさを調整することになるのですが、小さいサイズのものを扱う際は、完全にサイズにマッチした状態にできないかもなので要注意です！（やればわかる）

3.CONTENT

表示するコンテンツの詳細を編集します。お好みに合わせてください。

4.STYLE

アイコンと、表示関連のカラーが変更できます。
いろいろやってみたのですが、カラーコードを自分で打ち込んでも反映されないようです。
背景をtransparent（透明）にすれば、ダークもライトも関係ないゾ！！と思ったんですが、今回の方法では無意味なようです。
いい方法を知っている方はぜひ教えてください…！

あらかた自分好みの子になったら、Notionに招きましょう。
メールアドレスを入力して、generate HTML で、埋め込みタグを作ります。
（今のところ変なメールなどは来ていませんが自己責任でお願いします）

タグが完成すると、以下のように、ソースコードが出てきます。

HTML ファイルで保存すれば、ブラウザでも見られます。
玄人な皆様なら、ブラウザで開けばNotionへ表示させることも朝飯前かもですが、一応説明します。

ソースの中に、ランダムで作られた値みたいな文字列があります。
（画像の例では beab294406b4d4bee17b18d4a2e43a04　のこと）

これを、下記のアドレスのようにしてください。
ご自身の文字列を、getwid/ ~~~~ のところで置き換えるだけでOK

https://www.theweather.com/getwid/beab294406b4d4bee17b18d4a2e43a04

Notion に戻ります。あとすこしです。

新規追加で、Embed　を選択してください。

そしたら、先ほど作成したアドレスを入力して

出てきたら、枠のサイズを調整しましょう！

皆さんの環境でも出ていることを祈ります！！
これで快適ダッシュボードを作成しましょう！！