DockerでReact環境を構築する手順
なぜこの記事を書いたのか 「Dockerfile と docker-compose.ymlを一から作成してビルドする」という一連の流れを確認したかったため。 環境構築完了（ゴール）の確認 この記...
3
5
Comment0
24 search resultsShowing 1~20 results
Stocked
You need to log-in
React.js+TypeScript+FirebaseでToDoアプリを作ってみた
背景 Firebaseに慣れるために簡単なToDoアプリを作ってみたのでアウトプットしておくことにする 開発するアプリについて ToDoアプリ CRUD機能は「表示」「追加」「削除」のみ チェッ...
11
6
Comment1
React.js+TypeScript+Firebaseで家計簿アプリを作ってみた
背景 Firebaseに慣れるために簡単な家計簿アプリを作ってみたのでアウトプットしておくことにする これは以前作成したToDoアプリ( https://qiita.com/kashimuuuu...
4
3
Comment0
Next.js+TypeScript リロード(再読み込み)時は処理を行わない
#背景 2つのWebページ(ページA, ページB)がある。 ページAにて「router.push」をして、ページBへ遷移する。 遷移してきたページBではとある関数処理が実行される。そして、その関...
3
0
Comment1
【個人開発の記録】React.js+TypeScript+FirebaseでCRUDアプリ開発
背景 -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= ※この記事は現在執筆中です -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= ついに個人開発を始めることに...
5
4
Comment0
【React+TypeScript】axiosを使用した非同期処理のステータスコードで処理を分岐する
#背景 axiosの使用した非同期処理において、ステータスコードで処理を分岐する実装をしたのでまとめておく #実装 sample.tsx（メインモジュール） import { FC, useSt...
1
1
Comment1
AWSの初期設定/用語調査/インフラ環境構築まとめ
背景 AWSの勉強のためにアカウント作成や初期設定、調べた用語などをまとめておくことにする AWSの用語 リージョン：AWSの各サービスが提供されている地域のこと アベイラビリティゾーン：AWS...
0
1
Comment0
Reactで<br/>を使用せずに改行する
背景 Reactのアプリケーションで、バックエンドから改行を含む文字列を変数で受け取って、フロントエンドで改行させる方法を調べていたら様々な方法があったので個人的にお気に入りな方法をまとめておく...
0
0
Comment0
Axiosを使ってReact+TypeScriptからHTTPリクエスト(GET/POST/PUT/DELETE)を送信する
はじめに 都内の企業でITエンジニアをしています。 最近、フロント（React+Next.js+TypeScript）からAPIサーバへHTTPリクエストを送信する処理を実装したのですが、様々な...
7
3
Comment0
brewコマンドが見つかりませんcommand not foundとなるときの解決策
背景 MacOSのターミナルにて、「brew ○○」というコマンドを実行したときに、「command not found」エラーになったときの解決方法のメモ。 解決策 ターミナルにて以下のコマン...
0
0
Comment0
ReactのJestのテストでエラー Consider adding an error boundary to your tree to customize error handling behavior. Visit https://fb.me/react-error-boundaries to learn more about error boundaries.
背景 Reactアプリ開発のテストをJestで実施しているのだけど、「Consider adding an error boundary to your tree to customize er...
0
0
Comment0
ReactのJestのテストでエラー Warning: An update to Link inside a test was not wrapped in act(...).
背景 業務でReactのテストをJestで作成した際、「An update to Link inside a test was not wrapped in act(...)」というエラーにかな...
0
0
Comment0
ReactのJestのテストでエラー The error below may be caused by using the wrong test environment
背景 業務でReactのテストをJestで作成した際、「The error below may be caused by using the wrong test environment」という...
0
0
Comment0
ReactのJestのテストでエラー Warning: Each child in a list should have a unique "key" prop.
背景 業務でReactのテストをJestで作成した際、「Warning: Each child in a list should have a unique "key" prop.」というエラー...
0
0
Comment0
ReactのJestのテストでuseStateを使用する方法
背景 業務でReactのテストをJestで作成した際、HooksのuseStateでエラーになり、かなり悩んだのでその解決策をまとめておく。 開発言語 (バージョン情報) React.js (1...
0
0
Comment0
JestでReactのテスト中にエラー Jest Could not locate module FileName.css (mapped as identity-obj-proxy)
背景 Reactアプリのレンダリングについてのテストとして、Jestのスナップショット機能を使用している。 テスト実行時に「Jest Could not locate module FileNa...
0
1
Comment0
JestでReactのスナップショットテストするとexpect(tree).toMatchSnapshot()の行でエラーが発生する
背景 Reactアプリのレンダリングが正常であるかをテストする場合、Jestのスナップショット機能を使用する方法がある。 今回、業務で単体テストとしてスナップショット機能を使用したのだが、テスト...
0
0
Comment0
Dockerを使用せずにReact(Next.js)+TypeScriptの環境を構築する手順
なぜこの記事を書いたのか React(Next.js)とTypeScriptは相性が良いといわれており、この二つを組み合わせて開発する人も多いため、環境構築する方法を記事としてまとめておきたかっ...
3
4
Comment0
DockerでReact+TypeScriptの環境を構築する手順
なぜこの記事を書いたのか ReactとTypeScriptは相性が良いといわれており、この二つを組み合わせて開発する人も多いため、Dockerfile と docker-compose.ymlを...
53
66
Comment0
command not found:nodeエラーが表示されたときの解決方法
エラーケース ターミナルでnodeのバージョン確認をするコマンド「node --version」を実行したら、「command not found:node」というエラーが返ってきてしまう。”n...
0
0
Comment0
24 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles