SK99のTIL(Today I Learned)

今日学んだことを羅列していくブログです。毎日更新

現在の目標

1.プログラミング

JavaScript,TypeScript,React.js,Next.jsの基礎的なキャッチアップ

・Git,GitHubの基本的な使い方のキャッチアップ

・Unityでゼロから1本ゲームを作る

 

2.英語

・TOEIC700点台

スタディサプリEnglish,各TOEIC対策本で演習

 

3.デジタル絵

・基本的な描き方のキャッチアップ

 

4.スマブラSP

・スマメイト1500維持

・部リーグ、オンライン大会への出場

・デイジーをメインに育てる

 

 

成長していく上で意識すること殴り書き

・緊張感のある場所(大会、レート戦、自分よりもできる人の集会)に身を置く

・期限を設定する

・作品は公開し、フィードバックをもらう

2/25

瞑想アプリ一応完成

 

f:id:nezire3923:20220225001412p:plain

 

 

開始、終了の制御やBGMの切り替えも可能にした。

更に間隔を可視化するために、白丸が円の外をぐるぐる回るようにした。

f:id:nezire3923:20220225001521p:plain

 

 

これ作って思ったことは・・・

 

 

参考書や練習問題を解くのも大事だが、正直実際にアプリを作ってみた方が力がつくように感じた。 当たり前かもしれないが

 

 

というわけで2~3日に1本のペースで何かミニアプリを作っていこうと思う。

そして今回は完全バニラのJSで作成したので、今度はReactを使ってコーディングしてみようと考えている。

2/23

超久々更新

 

瞑想アプリを作成中

f:id:nezire3923:20220223012454p:plain

 

レイアウトはまだ適当

 

開始すると

f:id:nezire3923:20220223012712p:plain



 

f:id:nezire3923:20220223012738p:plain

 

 

f:id:nezire3923:20220223012756p:plain

 

 

画像の大きさがバラバラなので非常にわかりにくいが、肺をイメージして「吸って」で円が膨らんでいき、「吐いて」で円が萎んでいく仕組みになっている

 

これから変えなくてはならない箇所は

・開始ボタンを押してもその後も無限に押し続けることができてしまう。

     →const button = document.getElementById("ボタンのID");からのbutton.disabled = true にしても開始ボタンが不活性化されない 何故?

 

・終了ボタンの実装

 

・音楽や背景画像を何個か用意し、変更できるようにする

 

・タイマーの実装

 

 

明日は午前にUnityサークルメンバーで集まって開発、午後からはバイト3コマでクソ忙しい