ブログみるアプリ
日本中の好きなブログをすばやく見られます
無料ダウンロード
ブログ村とはIDが異なります
メインカテゴリーを選択しなおす
フォロー
総合ランキング(IN)
INポイント
OUTポイント
PVポイント
株ブログ
サラリーマン投資家
IT技術ブログ
IT技術メモ
投資ブログ
お金(投資)
総合ランキング(OUT)
総合ランキング(PV)
React Query入門 導入から簡単な使い方までを解説
サンプルを例に、React Queryの使い方を解説します。入門レベルですが、参考になればと思います。今回作成するサンプルReact Queryとaxiosを使って、GETとPOSTのHTTP通信を行うサンプルを作成しました。GET:取得し
2022/08/15 23:59
【React】buttonがdisabledかチェックするテストを実装
Reactで、buttonがdisabledがチェックするテストを実装します。buttonがdisabledかチェックする方法使用するメソッドbuttonのdisabledをチェックするには、次の2つのメソッドが使えます。.toBeDisa
2022/08/07 23:12
buttonのclickイベントをテストする方法【React Testing Library】
Reactで、buttonをクリックしてonClickイベントを発生させるテストを実装します。buttonをクリックするテストを実装使用するメソッドbuttonをクリックするには、次の2つのメソッドが使えます。userEvent.click
2022/08/04 19:17
Reactでテストを実行してみよう!React Testing Libraryの使い方
Reactコンポーネントは、JestとReact Testing Libraryを使ってテストを実施できます。Create React Appで作成したコードを参考に、テストを実行してみましょう。構成はReact+TypeScript+ya
2022/08/02 23:32
VSCodeにESLintとPrettierを設定してReact+TypeScriptのコードを自動整形
チーム開発をしていると、コーディングスタイルがバラバラで困ることがあります。インデントがずれているスペースの開け方が違う改行の位置がそろっていないということで、コードを自動整形してしまおうという試みです。エディターはVSCode、プロジェク
2022/07/31 02:54
JavaScriptで月末/来週/先週/次の○曜日など特殊な日時をdate-fnsで取得する方法
来週とか月末とか、今を基準とした日時を出力したいってことがありました。ちょっと特殊な日時でも、data-fnsを使用すれば簡単に取得できます。日付取得のさまざまなパターンを記事にまとめました。多いので、目次を活用してください。最初にインスト
2022/06/09 23:32
[Git]間違ってdevelopブランチにコミットした時はそのままfeatureブランチにマージしちゃえばいいんじゃない?って話
ローカルの変更を間違えて developブランチにコミットしちゃったことありませんか?私はよく、featureブランチを切る前にdevelopブランチにコミットしてしまうことがあります。Gitのミスって、すごく焦りますよね。この記事では、そ
2022/06/06 00:23
テックブログでGoogle AdSense初収益!PV0から苦節1年3ヶ月でノート代わりに書いていたブログでも8千円のボーダーに到達
先日Google AdSenseの収益が初めて振り込まれました!収益はあまり期待していなかったので、実際に振り込まれると嬉しいですね!この記事では、初収益を得たときのPVや記事数など参考になりそうな情報を書いていきます。テックブログで初収益
2022/06/02 01:40
[React]useStateでオブジェクト(連想配列)や配列の一部を更新する方法
私はいつも、ReactのuseStateでオブジェクト(連想配列)の更新に手を焼いています。どうやるんだっけ?ということで、この記事に更新のやり方を残しておきます。useStateでオブジェクトを更新する方法オブジェクトの一部を更新cons
2022/05/18 22:55
DBコンテナ内のデータ確認はdocker execコマンドを使用(Docker DesktopからでもOK)
dockerでDBのコンテナを立ち上げた時、データはどうやって確認していますか?私は、docker execコマンドでコンテナ内のDBをチェックしたりします。この記事では、PostgreSQLを例に解説します。コンテナ上のDBにdocker
2022/04/26 00:24
[git stash]VSCodeでコミットせずに変更を一時退避(保存)する方法
私、developブランチで実装してみて、いい感じだったらブランチ切ってコミット&プルリクするっていうのをよくやるんですよね。そんな時に別タスクの優先度が上がって、一旦現状の変更をコミットせずに一時退避させて、他の修正を行いたいことがありま
2022/04/21 23:41
不要なリモートブランチを一気に削除するコマンドのgit fetch –pruneはVSCodeでも実行可能
開発が忙しくなってくると、使わないブランチがどんどん溜まってきますよね。特にリモートブランチはあまり認知できていないことがあるので、気がついたら大量に残っていることがよくあります。この記事では、そんな不要なリモートブランチを一気に掃除できる
2022/04/12 00:27
【米国株投資】円安で資産が増えました!ドルベースと円ベースで損益が大きく違っています
2022年に入ってから、私のポートフォリオの損益がマイナスになったりしてます。FRBの利上げやQT(量的引き締め)など、あまり嬉しくないニュースが多かったですね。ですが、円ベースで換算すると損益はプラスになっています!円安ドル高の恩恵なので
2022/04/03 22:49
[docker]未使用リソースを全て削除する方法があった!docker-compose buildで「no space left on device」というエラーが出たので試してみました
割と頻繁にdocker-compose buildをしていた時、なぜかビルドに失敗することがありました。エラーメッセージを見てみると、何やら「no space left on device」という文字が...調べてみると、dockerのリソ
2022/03/27 22:59
[React]useEffectはいつ実行される?レンダリング後/値の変更時/初回だけの3パターンのタイミングがあります
React HooksのuseEffectが無限ループで実行されて困った経験があります。一体、useEffectはいつ実行されるのでしょうか?この記事では、useEffectの実行タイミング3パターンをまとめます。useEffectの実行タ
2022/03/19 23:33
[React]ドラッグ&ドロップできるテーブルをMUIとreact-beautiful-dndで作成してみました
Reactで開発をしていて、テーブルの行を自由に並び替えたいって思うことありますよね。ということで、ドラッグ&ドロップで行を入れ替えられるテーブルを作成してみました。 See the Pen react-dnd-table b
2022/03/15 00:26
米国株投資1年で暴落!買増できない薄給サラリーマンの懐事情
私が米国株投資を始めてから1年間になりました。はじめの方は調子が良く、利益が10%を超える時もありました。今は下落気味で、利益はマイナスです。「暴落は買いチャンス!」と喜ぶほど資金力のないサラリーマンの現実をレポートします。サラリーマンの投
2022/03/03 00:11
[React]ダークモードにする方法!MUIを使ってOSの設定から自動的にテーマを変更する
Reactで開発したアプリケーションをダークモード対応させたい!そんなとき、Material-UI(MUI)ならテーマを変更させるだけで簡単にダークモードにできます。ユーザーのOSの設定から自動的にテーマを変更可能なので、やり方を紹介します
2022/02/28 23:14
[React]Material-UI(MUI)を使うと画面設計がとても簡単になるので初心者にもおすすめです
私ごとですが、最近初めてUIの開発に手を出しています。React + TypeScriptで開発するっぽいのですが、UIなんて作ったことありません。困ったなぁ〜って思っていたのですが、ReactのUIライブラリを使うことになりました。Mat
2022/02/27 19:18
React + TypeScriptのプロジェクトをパパっと簡単に作成する方法!
どうやってReactでTypeScript使うのかな?って思うことがあったので、ローカルで環境構築してみました。新規プロジェクトで作成する場合はコマンド一発で出来るので簡単です。React + TypeScriptのプロジェクト新規作成次の
2022/02/20 19:56
「ブログリーダー」を活用して、素人エンジニアさんをフォローしませんか?