無気力エンジニア

大好きな技術の話や趣味の話を書きます

プログラミング

ReactコンポーネントのKey(キー)の付け方

はじめに 最近Reactを勉強し始めて、map()などのループでコンポーネントを作成するときに、Keyはどのように付けるべきなのか疑問に思い、調査したことをまとめて紹介します。 はじめに 参考文献 インデックスをReactコンポーネントのKeyとして使用しない Key…

ReactコンポーネントをJestでスナップショットテストする

はじめに 最近Reactを勉強し始めた初心者です。今まで、バックエンドのユニットテストなどは書いたことがあるのですが、フロントエンドのテスト手法に、スナップショットテストというものがあると知り、作成してみました。また、今回は create-react-app を…

ファビコンの作成方法

はじめに ポートフォリオを作成した際に、ファビコンも自作したので、その方法を紹介します。 注意:ドローソフトの使い方やデザインの方法論などは説明しておりません。 はじめに 1. 検証環境 2. ファビコンとは 3. ドローソフトのインストール 4. デザイン…

HomebrewでM1 MacにInkscapeをインストールする

はじめに 先日購入した、M1 MacにHomebrewでIncscapeをインストールしたので、手順を紹介します。 はじめに 1. 検証環境 2. Inkscapeとは 3. インストール手順 3.1 Homebrewのアップデート 3.2 homebrew/caskリポジトリを追加 3.3 Inkscapeのインストール 4.…

Reactでポートフォリオ作ってみた 報告編 - 作品はまだないけれど -

はじめに Reactを勉強し始めて、初めてサイトを作成したので公開してみました。 Note:技術的な解説はしてません。リクエストがあれば、解説しようかな?と思います。解説が必要なものがあれば、3. 使用した技術要素をベースにリクエストしてください! はじ…