スマホとAIだけで「絶対に甘えられない筋トレタイマー」を作ったら、GitHubにキレかけた話

押忍！空手家パパです。

日曜の朝からスマホをポチポチして、ついにWebアプリを一つ完成させました。

パソコンを一切開かず「スマホだけ」で完結です。
と言っても、私が急に天才プログラマーになったわけではありません。
こんなのほしいよー！とAIさんにお願いして、コード自体もAIさんが丁寧に書いてくれたので、そこは正直めちゃくちゃ簡単どころかほぼ丸投げでした。

じゃあ何が一番大変だったか。

「スマホのブラウザで開いたGitHub（コードを置く場所）の操作」がわかりにくいんじゃい！

「よし、ちょっとコード修正しよう……あれ？ 編集する鉛筆マークどこ！？」

画面をいくらスクロールしても出てこない。数十分格闘した末、スマホを「横画面」にしたらヒョコッと現れました。横画面限定かーい！

さらに「間違えたファイル消せないんですけど！」「名前の変更できねー！」と、一人でキレ散らかしながら、なんとか完成に漕ぎ着けました。

いやこれ、アプリ作る前に心折れる人の方が多いだろ…って本気で思いました。

すげー時間くった、、ITの壁、思わぬところにあります。

■ このアプリは「誰向け」なのか
さて、そんな苦労（？）の末にできたのが、タバタ式（20秒運動＋10秒休憩×8セット）に特化した筋トレタイマーアプリです。

最初に言っておきます。

このツールは、「運動習慣はつけたいけど、アプリの細かい設定をいじるのは面倒くさい人」向けです。
私自身がなんも考えずにぴっと押したらパッと出来るタイマーが欲しくて作りました。
だって運動前にあれこれ考えたくないし、、

そして私のモットーとして、「これを使えば劇的に痩せる！」みたいな煽りや誇張は一切しません。
このアプリが「何ができて、なぜそれが可能なのか」という裏側の構造を、誠実にお伝えします。

派手な魔法はありませんが、日々の厳しいトレーニングの邪魔をしない堅牢な構造を持っています。

① タバタ式に特化した完全自動進行

• 構造: 準備60秒 → （運動20秒＋休憩10秒）× 8セット → 完了まで、途中の操作は一切不要です。
汎用性を持たせず時間を固定することで、「設定に迷う時間」や「あと1セット減らそうかな…という甘え」をシステム的に削ぎ落としています。

② トレーニング中の「画面スリープ」を完全防止

• 構造: スマホの「Wake Lock API」という仕組みを呼び出し、システム側からスリープを強制ブロックしています。
8セット完了後には即座に解除するため、終わって放置してもバッテリーを無駄に消費しないエコな仕様です。

③ 通信に依存しない「超軽量・電子音」

• 構造: 外部の録音データを一切使わず、「Web Audio API」を用いてブラウザ自体に「ピー」という電子音をその場で計算して生成させています。余計な通信を挟まないため、極限まで軽量です。

④ アプリストアを通さずホーム画面に常駐

• 構造: PWAという技術を採用。manifest.jsonという設計図でスマホに「これはアプリである」と認識させることで、ブラウザのURLバーなどを隠し、ネイティブアプリと同じ没入感を作っています。

⑤誤操作を防ぐ工業系ダークUI

• 構造: 運動中は「開始」ボタンが消え、背景の光り方だけで直感的に状態を伝えます。
手で誤ってタイマーを止めてしまう事故を防ぐため、稼働中は「押せる機能」自体を無効化し、強制的に完走させる構造です。

■ 使う前の「よくある不安（モヤモヤ）」にお答えします

「App Storeにないんだけど、怪しくない？ 個人情報抜かれない？」

その危機意識は正しいです！
ストアに登録しない理由は単純で、登録すると毎年高い登録料（Appleだと約1.4万円）と厳しい審査があり、個人開発にはハードルが高いというのが一つ。
もう一つは、この筋トレアプリ自体が、自分用でありまして、、人様からお金を取る気もそのレベルもないので、あっさり作れる方法選びました。

これはただの「Webサイト」なので、皆さんのスマホの中身を抜き取るような権限は一切ありません。
安心してください。

⚠️ 唯一の注意点

Webアプリの構造上、スマホ本体が「マナーモード（消音）」になっていると音が鳴りません。使う時はマナーモードを解除して、己の肉体と向き合ってください！

■ とりあえず1回、押してみてください

実験しながら共有するエンジニアとして、このツールを皆さんに提供します。

上記のリンクをスマホのブラウザ（SafariやChrome）で開き、メニューから「ホーム画面に追加」を選ぶだけです。
もちろん追加しないでwebのままでも使えます。

「使い続けられるかな…」なんて先のことは考えなくて大丈夫です。
何も考えずスタートを押すだけで、4分後には息切れして終わる手心なしの仕様です。
もちろん、キツかったら途中でやめてもOKです。それでもやった事実は残ります。

試しに1回だけやってみてください。
何も考えずスタートを押すだけで、4分後には床に転がってます笑

「スマホとAIだけで、どうやってアプリ作ったの？」という開発の裏話や、「で、このタバタ式って本当に効果あるの？」「具体的なメニューは？」という筋肉の構造についての話は、また次回の記事でじっくり書こうと思います。

自分の陣地（肉体と健康）は、自分で整えよう。
共に戦いましょう。押忍！

【更新情報】
8.4.11 ブザー音を大きくしました。

さっそく次の記事！タバタ式とは何か具体的なメニューを解説しました。どうぞ💁

もし、他にどんなアプリ作ってるのー？と興味を持たれた方がいたらこちらどうぞ💁

押忍！！