2021-07-24に投稿

ラジオ体操を並び替える

ラジオ体操を正しい順番に並び替えるゲームを作りました。

夏休みといえばラジオ体操!
image

正確にはラジオ体操 第一 立位 らしいです。

URL
https://radio-calisthenics-quizu.netlify.app/

難しくてカンニングなしで正解できたことはまだないです。
初めてちゃんと意識しましたが、ラジオ体操を構成している体操の数って結構多いんですね。。

技術的な話

フロントエンドのみで、アプリ自体はVue + Vuetify、サーバーはNetlifyを使用しています。

所要時間的な話

ルーティングができるようにするのに4時間、Vuetify(の主にマテリアルカラーパレット)を使用できるようにするのに3時間、その他に4時間位。環境構築が大の苦手
(webアプリ初心者で1から作るのは初めてでした。)

画面の随所の揃えが明らかにガタガタだったりしますがおおめに見てください。気力がつきてしまいました。。。
ちなみにソースはこちらです。

使用した技術+α

Vue.js
Vuetify
vuedraggable
Netlify
ラジオ体操
いらすとや


kkkkan

某北の大地の駆け出しAndroidアプリエンジニア(5年目)。

コメント