1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

名刺アプリを作成してみた

Last updated at Posted at 2025-01-01

ブラウザから登録、閲覧ができる目名刺アプリを作成しました。

  • 使用技術
    • React
    • Jest
    • Chakra UI
    • UnoCSS

外観

スクリーンショット 2025-01-01 10.23.11.png

詰まったところ

今回、ルーティングのため、react-routerを使用した。
react-routerと、react-router-domの両方のパスが存在し、どちらのパスでも同じ名前のコンポーネントが存在したりしなかったりするため、どちらを使用している混乱して詰まることがあった。
また、AIでコードを修正した場合、react-routerと、react-router-domがよく書き換えられることがあったので、AIを使用する際は名前やパスの似ているライブラリに注意する必要があった。

学んだところ

今回、Github Actionを用いて、毎朝登録された内容を初期化することを行なっている。
今までは、Github Actionsをコードに対するテストやビルドなどを行うためのツールとしかとらえていなかったが、実際は、「指定されたスクリプトを実行する」ことができるツールだった。
そこから、何かに使ったから、その何かを行うためのツールと早合点せず、ツール自体の用途をきちんと調べるべきだと学んだ。

JISOUのメンバー募集中

プログラミングコーチングJISOUではメンバーを募集しています。
日本一のアウトプットコミュニティでキャリアアップしませんか?

気になる方はぜひHPからお願いします👇

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?