LoginSignup
2
1

さんぽビンゴ その2

Last updated at Posted at 2023-11-20

お散歩にきっかけが欲しいが、同じテーマは飽きる

という訳で、前回のさんぽビンゴにバリエーションを付け加えました!

今回は6つビンゴを作りました。これで冬の間は飽きずに楽しめそうです。
さらにおみくじ(ランダム)要素を付け加えて、QRでwebアプリを読み込めるようにしました。

使い方

  1. マス目を触るとチェックを付けることができます。
    ※チェックされたマスをもう一度触るとチェックが外れます。
  2. やり直したい場合はやり直すボタンを押すと、すべてのチェックをリセットできます。

作り方

コード

前回の記事から様々なテーマでビンゴを作成します。Netlifyにアップロードし、URLを入手します。

記事が読みにくくなってしまうため、1例のみcodepenを載せてあります。

See the Pen さんぽビンゴ 食べ物 by mmmrym (@mmmrym) on CodePen.

また、こちらのサイトからURLをQRコードに変換します。

今回は6つのQRコードを作りました! (こちらの画像を保存して印刷して使用することもできます。)
若干、大きさと位置が異なるのは許してください...

さんぽビンゴ.png

これらのビンゴを選べば、散歩のテーマが決まります!

6テーマ
・ 街中にある、目に映るものを題材にしたビンゴ その1、その2

・ イヤイヤ期の散歩ビンゴ (ご意見①ご意見②ありがとうございます!)

・食べ物ビンゴ

・買い物ビンゴ

さんぽ以外のビンゴの活用法

もはや散歩の本題からずれていますが、面倒だなあ(家事、生活必需品の買い物とか)と思っていることもビンゴにすると意外にやる気になるかもしれないと思いました。ですので、皆さんも何か面倒くさいことをビンゴにしてみてはいかがでしょうか?
普段あまりできないセルフケアビンゴとかも良さそう。

試しにTo Doビンゴ作ってみた、結構楽しい。

2
1
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
2
1