0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

NFCタグで「ゴミ捨て案内サイト」をワンタップ起動する

Posted at

毎回「今日はゴミ捨ての日だっけ?」「何曜日?」「何時まで?」を確認するのが面倒だったので、ブラウザを開くだけで教えてくれる簡単なゴミ捨て案内サイトを作りました。

さらに、毎回ブックマークから開くのも手間なので、NFCタグにURLを書き込んで、スマホをかざすだけで自動でそのサイトが開くようにしました。


サイトについて

  • 生成支援: OpenAI Codex でサクッと雛形を作成

    サイト生成の様子

  • UI のイメージはこんな感じです。

    画面イメージ

  • 公開先(Vercel)

    https://garbage-rho.vercel.app/


NFCとは

NFC(Near Field Communication、近距離無線通信)は、端末をかざすだけで認証やデータのやり取りができる仕組みです。

今回は、この NFC タグにサイトの URL を書き込んで「かざすだけでブラウザが開く」ようにします。


用意したもの


手順:NFCタグにURLを書き込む

  1. 書き込みアプリをインストールして起動し、「書く」を選択します。

    アプリのトップで「書く」を選択

  2. 「レコード追加」を選びます。

    レコード追加

  3. 「カスタムURL/URI」を選択します。

    カスタムURL/URI

  4. 「編集」を押して、開きたいサイトのURL(例: https://garbage-rho.vercel.app/)を入力します。

    URLを編集

    URLを入力

  5. 右上の「OK」を押して保存します。

    OKで保存

  6. 「書き込み」を押すと案内が出るので、端末に近づけたNFCタグへ書き込みます。完了と表示されればOKです。

    書き込み完了


使い方

NFCタグにスマホを近づけるだけで通知が届き、タップするとブラウザでサイトが開きます。

かざすと通知→サイト起動


  • 金属面の近くにタグを貼ると読み取りにくくなります。
    • 当初は冷蔵庫に貼っていたところ、ほとんど読み取れなかったため、プラスチック製の面に貼り直したら安定しました。

まとめ

  • ゴミ捨て案内など「とにかく素早く開きたい」ページは、NFCタグにURLを書いておくと便利です。
  • スマホをかざすだけでサイトを開けるので、日常のちょっとした手間が減ります。
0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?