はじめに
こんにちは！！ Watanabe Jin (@Sicut_study)です！
 |
| 寝てたら年を越しててこの顔です |
突然ですが、皆さんは踏絵をご存知ですか？？
 |
| https://mag.japaaan.com/archives/92525 |
「踏絵」は、十字架やキリスト像、マリア像などが描かれた板を踏ませ、キリスト教信者でないことを証明させるものです。 絵を踏むことを拒んだキリスト教信者は、捕らえられ、処刑されました。 江戸幕府はキリスト教を禁止するため、信者を見つけ出そうと、踏み絵を行いました。
(ちなみに廃止は3月9日ということでミクの日でした)
中学校で多くの方が習っていたかと思う「踏絵」ですが、私はとある問題を解決する現代の最強ツールだと考えました。
その問題とは、、、、
タダ飯おじさんおじさんがイベントに現れる
※IT勉強会の懇親会に飲食目的で来ていると疑われる人
実は私も最近以下のようなイベントを開催して受付で飯目的の人出ないか見極めるという大役を任されていました。
ここで考えたわけです。
踏絵ならタダ飯おじさんの侵入を防ぐことができるのでは？
ということでfumie~対戦~を開発しました
fumie ~対戦~
オンラインで記録を管理できる現代版踏み絵システムです。
絵を踏むまでのタイムを計測して記録します。
機能紹介
1. 踏絵の設定
 |
| トップ画面 |
ここでは踏み絵に関する設定をすることができます。
踏み絵を行うユーザー名、踏む絵のタイトル、踏む絵の写真が登録ができます。
スタートを押すとタイマーがスタートします
キャンセルボタンを押すと、設定が全てクリアされます。
2. 踏絵タイム
こちらはスマホでもハードウェアでもどちらでも可能です。
| スマホ | ハードウェア |
|---|---|
 |
 |
(画像はAIで生成)
ハードウェアではキースイッチを裏に隠しており、押されることでタイマーが止まる仕組みになっています。
 |
| 踏んだあと |
踏むとスタートしてから踏むまでにかかった時間が表示されます
3. 記録一覧
過去の記録をみることができます
 |
技術スタック
開発期間 : 2時間
開発人数 : 1人
フロントエンド : React, TypeScript
ライブラリ : ChakuraUI
今回の挑戦はハードウェアを使ってアプリを作成したことでした。
中国からよくわからないキースイッチを購入してそれを利用して作ってみました
アプリ的には特に難しいことはありませんでした
今後の展開
踏絵の世界オンライン対戦できたら面白そう
というのはかなり先の話で、実はデータの永続化をしていなかったり、記録一覧を順位順にしたりソートできたりはしたいと考えています。
また今回は印刷した絵を貼って使っていますが、こちらを薄いディスプレイに変更して設定した写真がモニターに表示されるような作りにしても良いかもと思いました。
このクソアプリにそこまでやる人がいればですが
実践してみた
ということで実際に踏絵をしてきます。
この年で1度も踏絵をしたことがない私ですが、ワクワクします。
1. AIが生成したタダ飯おじさん
実際の利用用途を想定してAIが生成したタダ飯おじさんを用意しました。
では実際にやっていきます。
結果はかなりの好タイムでした。これならタダ飯目的ではないことが明らかです。
2. 自分のイラスト
このアプリですが、タダ飯おじさん撃退以外にも使うことができます。
それは、、、、
過去の自分との決別
今回は2024年どうしても痩せたいと考えている私が太っていた頃の自分と決別するために踏んでいきます。
少し躊躇したもののなかなか良いタイムです。
きっと2024年はダイエットに成功するでしょう
3. 家族の写真
最後に自分がどうしても踏めない絵でおじさん側の気持ちも味わいたいと思います。
 |
思わず抱きしめてしまいました
おわりに
いかがでしたでしょうか？
そろそろ新年会シーズンタダ飯おじさんに困っている方がいたらぜひ試してみてください！
ここまで読んでいただけた方はいいねとストックよろしくお願いします。
@Sicut_study をフォローいただけるととてもうれしく思います。
今週もプログラミング頑張りましょう！
2024年個人開発一覧
おすすめ記事
About Me
Webエンジニア転身して1年間本気で勉強
転職ドラフトで高額オファーを複数獲得
そこでの経験からアウトプットやマインドセットの発信に強みがある
エンジニアをやりながら、起業に挑戦中
アイデア作りやパブリックスピーキングを得意としてる
■ Twitter
https://twitter.com/Sicut_study
■ Instagram
https://www.instagram.com/himariajin
■ Youtube
https://www.youtube.com/channel/UCBFrGAJhPuuaoLwUIHBILsA
■ TikTok
https://www.tiktok.com/@sicut_study
■ プログラミングコーチングJISOU
https://projisou.jp
■ 登壇依頼などご依頼はこちらから
himaria.jin.watanabe@gmail.com
参考