「全ポーカープレイヤー」のためのトーナメント用タイマーを作ってみた話
こんにちは．
ポーカー大好きな大学生です．
ポーカーディーラーもさせてもらってます．
アミューズメント施設や大型大会への参加はもちろん楽しいですが，知人，友人同士でのワイワイポーカーももちろん楽しいですよね．
そんなときちょっと困るのは
「トーナメントで使うタイマーがない．」
店舗では大きなテレビ画面に映されている，あのブラインドが表示されてるやつです．
とういうことで，これといった技術はありませんでしたがどうにか自作出来ないかとトライした結果をまとめました．
製作の道のり
まず前もって，
「もうアプリでもっと便利なタイマーある」
とかいうのはごもっともです．
…が，
大きな自己満足とPCでも簡単に使える，アプリのインストールも不要
といった大義名分のもと作ろうと思いました．
スマホでも使えればなおよい．
（自己満足，非常に大事です．）
具体的にどんなタイマーなのか
最低限欲しいのは
現在のブラインド
次回のブラインド
現在のブラインドの残り時間
ブラインドレベル
です．他にも機能を考えればいくつかあると思いますが一旦ここまでできれば良しとします．
製作過程
ざっくりいうとこんな流れでした．
タイマーをつくる
ブラインド，レベル，残り時間のプログラムと表示
ブラインド等の設定入力画面とそ反映
1.タイマーをつくる
まずシンプルなタイマーそのものを作りました．スタートを押すと指定の時間からカウントダウンするおなじみのタイマーです．
ただ，そもそもwebページなど作ったことがないに等しく，HTML，CSSの基礎部分で割とさまよいました．ましてや動きのあるタイマーの作り方はわからなかったためYoutubeの動画を参考にしました．大いに助けられました．
2.ブラインド，レベル，残り時間のプログラムと表示
画面にブラインド，レベル，残り時間等を表示させました．1で作ったタイマーと連動して動くようにプログラムしました．この部分においても同様にYoutube動画を参考にしました．
何回か意味不明な(意図に反した)動き方をしましたが，想定通り動いたときは素直にうれしかったです．これで見た目は十分タイマーとなり，使えるようになりました．
3.ブラインド等の設定入力画面とそ反映
2の時点で使えると言ったら使えるのですがブラインドストラクチャーやDuration (1レベルごとの時間)を変更するにはソースコードから変更する必要がありました．（個人的に使うにはこれで十分で実際2年弱この状態で放置してました．）
どうせなら公開したいということでユーザーの画面から設定でブラインドストラクチャなど変えれるようにしました．技術的な部分は何一つ分からなかったため，ChatGPT先生と二人三脚で進めました．わりと手こずりました．
スマホ（横画面想定）でも使えるように作ったつもりですが，画面サイズによって使いづらい可能性があります．
使い方
概要
パッと見て分かると思いますが一応簡単に説明します．
上からタイトル
現在のブラインドレベル
残りのブラインド時間
スタートからの経過時間（いらんかったかも）
現在のブラインド
次のブラインド
ボタンについては左から
ブラインドレベル戻す
スタート（ストップ）
リセット
ブラインドレベル進める
となっています．
左上の設定ボタンから設定変更できます
タイトル：一番上に表示されます．大会名など好きな文字を入れてください
Duration：ブラインドレベル一つに対する時間（分）
SB, BB：ご自由に値を変えてください．（BB=Antyとなっています）
ブラインドをさらに増やしたいとき：
「入力欄を増やす」を押してください
最後に設定完了したら「更新」ボタンを忘れないでください．
押さないと反映されないです．
設定画面の外側を押すとホームに戻ります．
全画面表示にしたいとき
PCでお使いの方は
「F11」（Windows）
または
⌘+Shift+F（Mac）
のショートカットキーをご利用ください．
同様にして全画面表示解除も可能です．
「▶」押しても動かないとき
もう一回押してみたください．大体動くと思います．
できたやつ
ということでなんとか形になりました…
以下リンクになります．
修正
変更等あればここに追加予定です
最後に
ここまで読んでいただきありがとうございます！！！
（汚い部分もありますが…）是非自由に使ってみてください．
いろいろと素人すぎるので不適な設定，不具合ありましたら，連絡いただけるとありがたいです．
他にもほしい機能，要素あれば気軽に教えてください．
（自分の技術と気力の範囲で）対応します．
<(_ _)>