- 投稿日:2023-05-25T23:24:39+09:00
Jestでユニットテストしたい関数が「TypeError: XXX is not a function」
はじめに Jestで名前も間違えてないはずのメソッドがユニットテストで呼ぶことができなかったので、備忘録として書きます。 環境 npm : 9.6.6 React : 18.2.0 Jest : 2…
- 投稿日:2023-05-25T21:58:04+09:00
従来型Webページの一部としてReactを埋め込む方法
はじめに Reactのコンポーネントを従来型Webページの一部に組み込むにはどうすればいいのか?と思い調べてみましたが、意外にも具体的な手順が見つかりませんでした そこで、コンポーネントのビルド、ペ…
- 投稿日:2023-05-25T20:54:59+09:00
Redux Toolkit Tutorialを通してreduxを学ぶ #1
はじめに 本記事は、以下Youtubeで学んだ内容を基に、自分なりの理解をまとめたものです。 ・Reduxを使用した場合 ・Reduxを使用しなかった場合 の両方のコードを比較し、初学者目線でred…
- 投稿日:2023-05-25T19:11:01+09:00
【Mantine】Modal内でAccordionを使った時、iOS Safari 15.4以上でハマった話
iOS Safari 15.4よりアドレスバーがタブバーへ変わりました。 これによりvhで描画される範囲が変わり、困ったことがある方はいるのではないでしょうか。 今回ハマったのもvhが使用されている…
- 投稿日:2023-05-25T17:38:11+09:00
Docker + React + TypeScript の 環境構築方法
はじめに DockerでReactとTypeScriptの環境構築を行ってみました。 Docker各種ファイル作成 1.Dockerfile Dockerfile: Dockerコンテナのビルド時や…
- 投稿日:2023-05-25T17:09:36+09:00
Goの学習がてらにTodoアプリを作成してみた(Go言語、MySQL、TypeScript、React)
初めに 以下記事は、環境変数を用いたデータベース接続(todoアプリケーションでの)についての記事ですが全体的なコードをこちらの記事で投稿しようと思います。 https://qiita.com/hr…
- 投稿日:2023-05-25T17:02:11+09:00
Goのセキュリティ向上: 環境変数を用いたデータベース接続
初めに Goの学習がてらに、Todoアプリを作成していました。その際、データベースに接続する際、ハードコードされた接続文字列を用いていました。しかし、この方法はセキュリティの観点から見ると問題があり…
- 投稿日:2023-05-25T15:18:41+09:00
関数コンポーネントのライフサイクル
目的 関数コンポーネントを使用しており、あまりライフサイクルを意識していなかったので、今一度ライフサイクルを理解しアウトプットする為記事を書いています。 Componentライフサイクル 下記の…