【筋トレ】『RM換算表』を作成しました!

【アプリ】RM換算表

みなさん、筋トレしてますか?

このたび、『RM換算表』を作成しました。

 

先日までお世話にになっていたRM換算表のサイト様が、Yahooジオシティーズのサービス停止にともない使用できなくなってしまったので作成しました。

取り急ぎテスト用に作成しましたので、こちら好評でしたら「どんどんアップデート」を行っていきたいと思います。

 

ただ表だけのものを作成しても面白くないので、プログラミングの力で工夫できる点を盛り込んだものにしました。

よろしければ、他のアプリと同様、末永くご利用いただければと思います。

 

なにはともあれ、まずは作った機能の紹介を。

『RM換算表』の機能紹介

1.「重さ」をクリックするだけで重量・Repsがわかる。

重量をクリックするだけで近似値(±1kg)の1RM重量が全て表示されるようになっています。

『非線形ピリオダイゼーション』を行う上で、回数変更を頻繁に行いたい場合はとても楽に確認することができます。

とはいえ、実際に計算を行う上では、こちらのアプリを使用されても便利です。

是非併せてご活用ください。(‘ω’)

RM換算表アプリ(目的別自動算出)

2.「重さ」をクリックするだけで重量・Repsがわかる。

1でお分かりになられたと思いますが、クリックした1RM重量の回数、Repsが白文字で表示されるようになっています。

運用方法としては、「持ち上げたい重量をクリックして、実際に上げる重量とRepsを確認 → 目標とする」なんてものを想定しています。

3.(PCのみ)マウスカーソルを合わせるだけで重量・Repsがわかる。

こちらPCのみでスマホでは不可な機能となりますが、マウスカーソルを合わせるだけで重量・Repsがわかるようになっています。

確認した後で、いちいち回数と重量の確認のためにスクロールする必要がないことが便利なのではと思って機能を付けました。

4.取り急ぎデザインをモダンな感じに。

テーブルセルに表示していますが、できるだけ最近のテーブルっぽく表示されるように枠線などは無し。

ちょっと手を加えるだけでモダンな感じの雰囲気を醸し出せるかもしれないのは良いですね。

課題

1.スタイル属性に直接指定している。

css関連はスタイル属性に直接指定という、「近年テスト公開でもあまり見ないよね(‘;’)」という残念な感じで公開しています。

 

こちら時間が取れたら順次外部ファイルに移転していくつもりですので、ソースなどはご覧にならないようにお願い申し上げます。

2.『jQuery』を使用している。

勝手知ったる『jQuery』ちゃんにお世話になっています。

ここは『Vue.js』の力でいくべきであるのは承知していますが、『jQuery』 → 『Vue.js』に書き換えることで理解を深めるという、最もらしくて中身がスッカスカの学習をしようかと思っています。

3.『PHP』を使用している。

最近SPAの勉強をしているのに『PHP』ちゃんのお世話にもなっています。

こんなんで良いのか?とはなりますが、「業務では『PHP』使用していない使ってみたいヽ(`Д´)ノ 」の欲求に勝てずに『PHP』使用しまくりました。

歴史が長いのに、未だに人気である理由がわかるJavaScriptライクな言語だと思いました。

 

とはいえ、SPA修行中の身としてはよろしくないので、今後書き換えていく予定です。