Notionに天気予報を埋め込む方法｜Notionのページ内埋め込みに適したコンテンツ紹介①WeatherWidgetでおしゃれにカスタマイズ
Notion Advent Calendar 15日目の記事になります。Notionのページに天気予報を埋め込む方法を解説！WeatherWidgetを活用し、カスタマイズ可能な天気ウィジェットを簡単に追加する手順を紹介します。
はじめにNotionのページ内埋め込みに適したコンテンツを複数紹介しているサービス：ApptionWeatherWidget -レスポンシブお天気 Widget -手順1：WeatherWidgetからHTMLコードを取得手順2：Notion埋め込み用のURLを生成手順3：Notionにページ内埋め込みを行うさいごに
はじめに
今回は、Notionのページ内埋め込みに適したコンテンツについて書いていきます📝
Notionのページ内埋め込みに適したコンテンツを複数紹介しているサービス：Apption
ApptionはNotion埋め込みに適したコンテンツを一覧で見ることがサービスになります。
様々なコンテンツを一覧で見ることが出来るので非常に便利です！
ジャンル検索も可能👌
WeatherWidget -レスポンシブお天気 Widget -
まずは、WeatherWidgetというページ内に綺麗にお天気情報を埋め込むことが出来るサービスを紹介します。
Notionに埋め込む際に必要な手順についてご紹介していきます。
手順1：WeatherWidgetからHTMLコードを取得
以下にアクセスし表示したい内容を設定した後、「GET CODE」をClickしHTMLコードを取得します。
WeatherWidgetの特徴：
- テーマなどカスタマイズ可能な内容が多い点が嬉しいです😄
Settingが終了した後は、「GET Code」をClickしHTMLコードを取得します。
手順2：Notion埋め込み用のURLを生成
以下サイトにアクセスし、手順1で取得したHTML Codeをペースト後、ボタンをClickします。
手順3：Notionにページ内埋め込みを行う
以下のスラッシュコマンドを使いに生成したURLを入力します。
- +
さいごに
今回は、Notionのページ内埋め込みに適したコンテンツ紹介 その1ということでWeatherWidgetを取り上げてご紹介しました🌤️
16日目の記事は Notionにコメント＆リンクコピー機能を埋め込む方法｜Notionのページ内埋め込みに適したコンテンツ紹介その②Comments for Notion, Link Copy になります。
小幡 十矛（Obata Tomu）｜価値を共創するエンジニア
東京を拠点に、アプリ開発・新規事業立ち上げ・ブランドづくりに取り組んでいます。
2021年にサイバーエージェントへ新卒入社後、ABEMA Live や AmebaブログのiOSアプリ開発を担当。
現在はフリーランスとして、複数の新規プロダクトやリアル店舗の立ち上げに挑戦中です。
🎯 Mission｜人の挑戦を加速する仕組みをつくる
── アイデアを形にし、前に進める“土台”や“場”を共創する
📌 「リアルな場 × デジタル」の可能性を探求し、新しい挑戦が生まれる土壌を育てる
🔹 エンジニアリング × ビジネスの視点から、アイデアを形にし、成長を支えていく
🔹 実店舗オーナーを目指し、オーダースーツ・ドライヘッドスパ・セレクトショップの複合店舗の立ち上げにも挑戦中
👥 特に、社会人1〜5年目くらいで
「やりたい気持ちはあるけど、最初の一歩に迷っている」方へ。
「自分の可能性をもっと広げたい」
「モヤっとしたアイデアがあるけど、どう進めていいかわからない」
そんなフェーズにいる方と、一緒に考えたり、手を動かしたりできたら嬉しいです。
🌱 「挑戦したい20代」との出会いも、大切にしています。
「ちょっと話してみたいな」くらいの気持ちで、気軽に声をかけてもらえたら嬉しいです！🙌
🌐 詳しいプロフィールはこちら
https://obata-tomu.jp/