Notionに埋め込むと便利なカウントダウン用ウィジェット作成サイトを作った

2022/01/10に公開

こんにちは、大学3年生の@cohu_devです。

時間があったので、Notionに埋め込むと便利なカウントダウンメーカーを作成しました。

完成物

gif

https://count-down.cohu.dev/

スクリーンショット

動機

Apption、というサイトに埋め込むと便利なアプリケーションが数多くありますが、その中にカウントダウン機能を持つものがありました。

しかし、Apptionに登録が必要だし、カスタマイズが必要です。
そのため、PCが苦手な人は使えない可能性が高いと感じました。(Notion使えている時点で大丈夫かもですが・・・)

よって、超簡易なサイトを作成しました。

実装内容

主に以下の通りです。

  • 日付・時刻ピッカー(ライブラリ)
  • URL生成&コピー
  • カウントダウン

使用技術

過去に使ったことがあったので以下を利用しました。

  • Nextjs
  • TypeScript
  • デプロイ:Vercel
  • ドメイン:ムームードメイン
  • 適宜React製ライブラリ(Toast、DateTimePicker)

使う人が自分以外いないかも知れないので、ドメインは77円の格安物件です。

今後の展開

機能として追加すると良さそうなのは、

  • デザインを選べる
  • 配色を選べる

などです。

とりあえず利用者が増えるまでは追加しないと思います。。。

さいごに

お読みいただきありがとうございました。

フォローと利用していただけると嬉しいです!

https://twitter.com/cohu_dev

https://count-down.cohu.dev/

Discussion