プランクトレーニングしようぜPWA

はじめに

こんな記事をみかけたのでトレーニングをはじめてみました。

体重落としたい、お腹周りスッキリさせたいって方に全力でおすすめするのが5分筋トレ！！
これ本当にめちゃくちゃしんどくて未だに私も全身プルプル震えながらやってます😂
でも、1日1回5分で終わるから続けやすいしちゃんと続ければ効果も目に見えて実感出来るのでぜひ1度やってみてほしいです…！！ pic.twitter.com/32jSGcEkDq

— 翠 (@sui_5a) 2019年2月11日

最初はスマホのストップウォッチで5分を図っていた。
→ 使いにくい。次なにやるか覚えられない（←体幹より先に鍛えるとこあるん）
→ じゃあ作ろうじゃないか。
→ 使いやすいのはネイティブアプリかなぁ。
→ あ、PWAやってみたい。

技術ワード

• Vue.js
• localforage
• PWA
• bootstrap
• github.io

解説

PWAは、参考URLを参照。
要望あれば書きます。

できたもの

• pwa-plank-watch

参考URL

• nagasawaaaa/vue-simple-stopwatch: Vue.js を使ったシンプルなストップウォッチ
  これが原型です。ありがとうございます。

• Vue.jsで始めるPWA - Qiita

• はじめに — Vue.js

おわりに

• Qiita初投稿。
• 普段はPythonでWeb系はじめてなのでわからないこといっぱい。
  • 変なとこあったら指摘お願いします。
• PWAおもしろい。
• ディスプレイ消えるのどうにかしたい。
  • 今からでも間に合う！　JavaScriptのWake Lock APIの使い方 - Qiita
• かっこいいデザインにしたい。
• もてたい。
• ←ジャマイカ