Reactのスタイリング(classNameやclassNamesの使い方)
classNameとは htmlではclassを使ってスタイリングをしますが、Reactが使っているjsxではclassNameを使ったスタイリングを行います。 classNameの使い方 class […]
git rebaseのオプション達
そもそもgit rebaseとは git rebaseは一言で言うと 「ブランチの根元を変えるコマンド」です！！ コンフリクトを解消したいときなどに使います。 今回はgit rebaseと合わせて使う […]
俺のMac(2020)初期設定をまとめた
はじめに MacbookProを修理に出しました。戻ってきて、1から設定を行わないといけなかったので、振り返りとしてやった事をまとめました。 まずは初期設定 https://qiita.com/uca […]
react-draggableでパーツをドラッグ&ドロップする（クリックイベントも追加する）
はじめに 最近、Reactでパズルを作る機会がありました。そこでreact-draggableでドラッグにてピースを移動し、クリックにてピースを回転させる実装をしました。 この記事では、そこ過程で得た […]
ReactでCOVID-19トラッカー作成で学べる3つの事
この記事は React hooksで初歩的な事は学んだので、中級的な扱い使い方をしたい 外部API取得のオーソドックスなやり方を知りたい Charts.jsやMaterial-UIなどの周辺機能の基礎 […]
useEffectと非同期処理を用いて外部APIを取得する方法
はじめに React hooksでは副作用の処理を目的としたuseEffectがあります。 本記事ではuseEffectの基本的な使い方の解説を行った後に、 非同期処理とuseEffectを組み合わせ […]
git初心者が実務でgitを扱う前に知っておくと良い知識まとめ
はじめに 今回の記事は「実務で初めてgitを使う」を対象に ・gitとは何なのか・githubの運用方法・代表的なコンフリクトの解消方法 についてまとめたものです。 実務に放り込まれてgit全然わから […]
React学習を楽にしてくれるJavaScriptでの関数型プログラミングの基礎知識
この記事について この記事は、「JavaScriptでの関数型プログラミング」について、Reactを学ぶ際に足を引っ張らない程度にまとめました。普段JavaScriptに触れていながら、Reactへの […]
【 React Hooks入門】useStateを使って買い物リストを作るチュートリアル
はじめに これはReact Hooksの入門者向けの記事で、今回はuseStateを扱っています。前半部分でReact HooksやuseStateの解説を行い、後半部分で関数コンポーネントを使った買 […]
JavaScript-右クリックで要素が回転する処理を実装する
はじめに 現在Reactでパズルを作っていて、その際に右クリックでパズルを回転させる処理を実装しました。 サンプルをcodepenに残しました。 こちらで動きを確認して下さい。 右クリックで画像を回転 […]