「オブジェクトと配列を定数で固定してるのに値の更新が行われる」「Object.freezeまでやっているのに値を固定できていない」 本日はそんな方に向けてObject.freezeの正しい使い方を解説します。 Web制作 […]
React
React(JavaScript)の分割代入は何をしているのか?
「Reactを学習していると突然登場する分割代入が何か分からない」「配列とオブジェクトにconstを指定しているのに中身を書き換えられてしまう」「ググった時に分割代入をしている記事とそうでない記事を見かけて不思議に感じて […]
ReactのuseStateでオブジェクトを使った複数管理する方法
「Reactでフォームを作るときに入力欄が複数あるときどうすれば良いのか?」 という自分の経験からReactのuseStateのちょっとしたテクニックをご紹介します。 また動画もあるので必要に応じて使ってください。 Re […]
JavaScriptのfindで検索フォームをつくる
JavaScriptで検索フォームが作れることをご存知でしょうか? バックエンドでも作ることができますが、検索ボタンをクリックするたびにページを遷移しないといけないので近年の開発として少しずつJavaScriptでの実装 […]
JavaScriptのsortで並び替え(ソート)で大文字と小文字があるとき【sort, reverse, localeCompare】
JavaScriptで並べ替え機能(ソート)を作るときにsortを使うことが一般的だと思います。 初学者向けの学習教材やYoutubeでは数字を使った並べ替えが紹介されており、それだけで分かった気になっていた自分は特定の […]
【Reactでも使う】JavaScriptのreduceの使い方を解説
自分はWeb制作からプログラミングを始めたのでJavaScriptのreduceについて存在すら知りませんでした。 ReactのようなモダンJSを勉強し始めた時にreduceが登場して少し手こずったことがあったので、re […]
【Reactでも使える】JavaScriptでfilterを使って絞り込みをしてみる
JavaScriptのfilter関数はReactで初めて知った人も多いのではないでしょうか? JavaScriptを詳しくない状態でいきなり登場されると「何やってるんだ?」となってしまっています。 「絞り込み」「フィル […]
JavaScriptのfor文やif文で使われているreturn、breakは何をしているのか?
「条件分岐が何かは分かるけど、自分でゼロから作るのは難しい」「ネストはダメ!とか言われるけど、複雑な条件のときにネストするしかないと思っている」「breakが何をしているのかよく分からず使っている」 本日はそんな方に向け […]
コレさえ理解すればOK!ReactのuseEffectは何をしてるのか解説
本日はReactにおけるuseEffectを深堀していきます。 学習教材やYoutubeなどで勉強していると、useEffectはイメージ的に中盤くらいから登場するのではないでしょうか? propsやuseStateより […]
Reactのpropsは渡し方に注意しよう!
Reactを勉強し始めた時に最初に覚えるのが「props」だと思います。 英語なので馴染みにくいですが、「関数でいう引数みたいなもんかな?」くらいまでイメージできれば十分ではないでしょうか? 自分もReactを使い始めた […]