🐈 【3/1定例会:最終発表会】教材:React中級
作成日: 2022/02/28
5

明日はついに最終発表会です。お話することを箇条書きにしてみました。

1. 教材

React中級 スネークゲームアプリ

2. 完成度

完成はしている(つもり、、だけど)完成度は75%くらい。
(アレンジはできても、自らこのコードをゼロベースから書けるかというと、その域には達してないため)
1回目はほぼ教材通りに作成しgitHubPageに公開、2回目はCSSinJS(Emotion)とTypescriptを用いて作成して、Netlifyで公開しました。

1回目

https://s-yoshiii.github.io/hooks-snake-game/

2回目

https://syoshii-snake-game-ts.netlify.app/

できたこと

  • タブレット端末(縦Only)対応
  • ゲーム機風のデザインにアレンジ
  • state管理をコンポーネンツにも使用して、今の状態で押せないボタンや行けない方向のボタンを非アクティブと分かるように変更

できなかったこと

  • 背景を切り替えたり(ダークモード、ライトモード的な)機能を付けたのですが、時間が足らなかったです。
  • スネークをイラストにしたかったのですが、スマホだと小さすぎて、、見えなかったので断念しました。
  • gitHubをもっと活用できればよかったかもしれないです。

3. 気づき・つまづいた点等

2回繰り返してやって良かったです。1回目は本当に、、よく分からないまま書いていたけど、2回目は完成形が見えていたので、なぜこの書き方になるのかということじっくり見ながら進めることができました。
普段の業務でreactを使用してはいませんが、この課題に出てきた書き方や考え方が、javascriptを書く上で生かすことができています。

4. 今後の方針

次の課題に取り組んでいます。
何個か課題を経験して、できることを増やして、自主制作ができるくらいのレベル(できれば、仕事として現場に入っていけるくらい)を目指したいです。
モダンJSを身に付けて、フロントエンジニアを目指していきたいです。