Rei

フロントエンド

【クイズでわかる】JavaScriptの配列を平坦化する方法|flat・concat・reduceの違い

JavaScriptで配列を平坦化する方法をクイズ形式で解説。flat、reduce、concat+apply、スプレッド構文の違いや使い分けを整理しながら、配列操作の理解を深めます。
フロントエンド

【クイズでわかる】JavaScriptのIIFEとは?即時実行関数の役割と使いどころを理解する

JavaScriptのIIFE(即時実行関数)をクイズ形式で解説。なぜ丸括弧で囲むのか、変数スコープとの関係、使いどころまで初心者にもわかりやすく整理していきます。
フロントエンド

【クイズでわかる】JavaScriptの文字コードとUnicodeの仕組み|lengthがバグる理由も解説!

JavaScriptの文字コードとUnicodeの仕組みをクイズ形式でわかりやすく解説。なぜ「1文字なのにlengthが2になるのか?」UTF-16やサロゲートペアの挙動、文字数カウントのズレの原因まで初心者向けに解説します。
フロントエンド

【クイズでわかる】JavaScriptの配列操作|+で文字列になる理由と結合・変更の操作をマスターする

JavaScriptの配列操作をクイズ形式で確認。+で文字列になる挙動や、concat・スプレッド・push・sliceなどの違いをコードをもとに見ていきます。結合や追加、書き換えの動きがどう変わるのかを一つずつ整理しています。
フロントエンド

【クイズでわかる】JavaScriptの巻き上げ(Hoisting)とTDZの仕組み

JavaScriptの巻き上げ(hoisting)やTDZの仕組みをクイズ形式で解説。varがundefinedになる理由や、letでエラーになる原因をわかりやすく理解できます。
React学習ガイド

【初心者向け】JavaScriptのexportとimportを解説|default exportとnamed exportの違いと使い分け

JavaScriptのexportとimportの基本を初心者向けに解説。default exportとnamed exportの違い、{}の有無や使い分け、よくあるミスまでわかりやすく整理しています。
React学習ガイド

【初心者向け】Reactの再レンダリングと副作用とは?画面が更新される仕組みをわかりやすく解説

Reactの再レンダリングと副作用(useEffect)の違いを初心者向けに解説。なぜ画面が更新されるのか、どのタイミングで処理が動くのかを流れで整理して理解できます。
React学習ガイド

【初心者向け】ReactのStateとは?使い方と画面更新の仕組みをわかりやすく解説

ReactのStateとは何かを初心者向けに解説。useStateの使い方から、画面が更新される仕組みや、更新されない原因、つまずきやすいポイントまで理解できます。
React学習ガイド

ReactのPropsとは?〜コンポーネント間でデータを受け渡す仕組み〜

こんにちは、Reiです!コンポーネントを分けられるようになると、こんな場面に遭遇すると思います。見た目は同じなのに、表示...
React学習ガイド

【初心者向け】Reactのコンポーネント思考とは?どこで分けるか迷わない考え方を身につける

Reactのコンポーネント思考とは何かを初心者向けに解説。画面を部品で考える考え方や、コンポーネントの分け方のコツ、つまずきやすいポイントまで理解できます。