小幡十矛（Obata Tomu）｜プロフィール｜共創で価値をつくるエンジニア・新規事業×ブランドづくり/📝 小幡十矛（おばたとむ）の共創ブログ｜iOS×新規事業×リアルとデジタルの交差点から生まれる挑戦の記録/Notionにカウントダウンを埋め込む方法！Notionのページ内埋め込みに適したコンテンツ紹介その③Simple CountDown

Notionにカウントダウンを埋め込む方法！Notionのページ内埋め込みに適したコンテンツ紹介その③Simple CountDown

2024/6/28 23:272025/3/12 23:39

Notion Advent Calendar 17日目の記事になります。

Notionのページにカウントダウンを埋め込む方法を解説！Simple CountDownを活用し、締め切りやイベントを見える化することで生産性を向上させるコツを紹介します。

はじめに指定した日時のカウントダウンを行いたい時は他にも Google Sheetの図を綺麗にNotion埋め込みする際は、メールフォームをNotion埋め込みする際は、さいごに

はじめに

本記事では、15日目・16日目に続きでNotionのページ内埋め込みに適したコンテンツについて書いていきます📝

15日目：Notionに天気予報を埋め込む方法｜Notionのページ内埋め込みに適したコンテンツ紹介①WeatherWidgetでおしゃれにカスタマイズ

16日目：Notionにコメント＆リンクコピー機能を埋め込む方法｜Notionのページ内埋め込みに適したコンテンツ紹介その②Comments for Notion, Link Copy

Notion Advent Calendar 2020 - Adventar

Notion](https://www.notion.so/)のAdvent Calendarになります。 All-in-one workspaceの便利な使い方について紹介していきます。

https://adventar.org/calendars/6140

指定した日時のカウントダウンを行いたい時は

🖼️️ Apption | Simple CountDown

Learn how to embed 'Simple CountDown' into your Notion Embed Block

https://apption.co/apps/27

Simple CountDownで生成したURLより、以下のようなカウントダウンをNotionページに埋め込むことが出来ます。

Simple CountDownで生成したカウントダウン | Simple CountDownで生成したカウントダウン

106行目の値を変更することで、上記のように指定した日付のカウントダウンを行うことが出来ます。

ShoroukAziz/notion_widgets

A set of HTML widgets that could be embedded into Notion.so https://www.notion.so/ pages. - ShoroukAziz/notion_widgets

https://github.com/ShoroukAziz/notion_widgets/blob/master/countDown.html?ref=apption.co#L106

色を変えたい場合は、変更したい箇所ののパラメータの値を変更し再度HTML CodeをGenerateすればOKです👌

ShoroukAziz/notion_widgets

A set of HTML widgets that could be embedded into Notion.so https://www.notion.so/ pages. - ShoroukAziz/notion_widgets

https://github.com/ShoroukAziz/notion_widgets/blob/master/countDown.html?ref=apption.co#L30-L45

💡

普段よくアクセスするページにカウントダウンを埋め込んでおくと、締め切りを意識する習慣がつくので良いかも😎

他にも

Google Sheetの図を綺麗にNotion埋め込みする際は、

🖼️️ Apption | Notion Charts

Learn how to embed 'Notion Charts' into your Notion Embed Block

https://apption.co/apps/6

Populate your charts with Google Sheets, where add-ons like Google Analytics and Supermetrics can keep your data current. Choose from Notion's color palette for a gorgeous aesthetic that pairs beautifully with your Notion page. Suit your fancy with Light Mode or Dark Mode. Select chart types, legend positions and other options that work with Notion.

https://www.notion.vip/charts/?ref=apption.co

Google Sheetの図をNotion埋め込みしている様子 | Google Sheetの図をNotion埋め込みしている様子

メールフォームをNotion埋め込みする際は、

🖼️️ Apption | Mail Form

Learn how to embed 'Mail Form' into your Notion Embed Block

https://apption.co/app_forms/new

メールフォームをNotion埋め込みしている様子 | メールフォームをNotion埋め込みしている様子

さいごに

今回は、Simple CountDownとその他埋め込みに関してご紹介をさせていただきました。

参考になりましたら幸いです😄

18日目の記事は【比較】GoogleカレンダーをNotionに埋め込む方法！Indifyと標準機能の違いを解説になります。

署名2025/3/3 16:552025/4/1 23:47

小幡十矛（Obata Tomu）｜プロフィール｜共創で価値をつくるエンジニア・新規事業×ブランドづくり/📝 小幡十矛（おばたとむ）の共創ブログ｜iOS×新規事業×リアルとデジタルの交差点から生まれる挑戦の記録/Notionにカウントダウンを埋め込む方法！Notionのページ内埋め込みに適したコンテンツ紹介その③Simple CountDown