中級課題成果物🐍
以下、Netlify上に公開したスネークゲームです!
https://angry-mccarthy-dd7299.netlify.app/
教材では、GitHub Pagesで公開することになっているのですが
404Not Foundの地獄から抜け出すことができず
Netlifyでの公開となりました。
手順書はMacOS向けの方法になっており、Windowsでは別の方法が必要なのかなと思いつつ。挫折。
改善したい点(全部、未解決事件です。(;´д`)トホホ)
1 ゲーム難易度設定がリスタートごとにリセットされる点。
【問題点】
例えば、難易度5でゲームをスタートし、ゲームオーバーになり、リスタートすると
表示は、5のままであるが、ゲームの設定が3(デフォルト値)に戻ってしまう。
【想定原因と対応策】
React Hooksで難易度を管理しているのでHooks関連のファイルであるuseSnakeGame.jsと
ナビゲーションのUIを記述しているNavigation.jsxファイルの2つのファイルが関係していると思うので
そこを修正しなきゃいけないと思いました。(...結局なんもしてない)
2 難易度5のときの難易度がぶっこわれている!
【問題点】
アプリケーションの対象が人間である以上は、あのスピードは。。あのスピードだけはいけませんと。
速すぎるんです。ほんと一回やってみてほしい。
【想定原因と対応策】
近いうちに、定数関連のファイルを扱う、./src/constants/index.jsファイルを修正します。(結局なんもやってない。)
3 難易度デフォルト値は4の方が面白い説
【問題点】
難易度のデフォルト値は3なのですが
類まれなる集中力と暇な時間を持ち合わせた私をもってしては、1ゲーム終了するのに小一時間かかってしまいます。
結構、やみつきになります。
【改善策】
難易度のデフォルト値を4に上げました。
スピード感が程よいので絶妙に楽しいかと!
全体を通した感想
React Hooksを理解したい!
との、強い思いで始めましたが
やはり、まだ状態管理の理屈がよくわからんです🥺
なにやら、React Hooksは、関数コンポーネントで状態管理を行えるように、新たに追加された機能だとか。
ReactのドキュメントはHooksの部分は読んでみたので
また、よくわからんまま次の課題を作ってみて
少しずつ、理解していきたいと思います👏