ブラウザから登録、閲覧ができる名刺アプリを作成しました。
- 使用技術
- React
- Jest
- Chakra UI
- UnoCSS
外観
詰まったところ
今回、ルーティングのため、react-routerを使用した。
react-routerと、react-router-domの両方のパスが存在し、どちらのパスでも同じ名前のコンポーネントが存在したりしなかったりするため、どちらを使用しているか混乱して詰まることがあった。
また、AIでコードを修正した場合、react-routerと、react-router-domがよく書き換えられることがあったので、AIを使用する際は名前やパスの似ているライブラリに注意する必要があった。
学んだところ
今回、GitHub Actionを用いて、毎朝登録された内容を初期化することを行っています。
今までは、GitHub Actionsをコードに対するテストやビルドなどを行うためのツールとしかとらえていなかったが、実際は、「指定されたスクリプトを実行する」ことができるツールでした。
そこから、何かに使ったから、その何かを行うためのツールと早合点せず、ツール自体の用途をきちんと調べるべきだと学びました。
JISOUのメンバー募集中
プログラミングコーチングJISOUではメンバーを募集しています。
日本一のアウトプットコミュニティでキャリアアップしませんか？
気になる方はぜひHPからお願いします👇