フロントエンド 【初心者向け】npm create vite@latest の使い方｜カレントディレクトリとの違いも解説
Viteを使ってReactやVueのプロジェクトを作成する手順を解説。選択肢の意味や流れを順番に確認しながら、はじめてでも迷わず進められるようにまとめています。
開発・技術
フロントエンド フロントエンド 【初心者向け】JavaScriptのモジュロ演算とは？%の意味と剰余の考え方を解説
JavaScriptのモジュロ演算（%）について解説。あまりの計算だけでなく、時間や曜日、配列インデックスの循環処理での使い方や注意点まで、実例をもとに説明します。
フロントエンド 【もう迷わない】CSSの定番パターン｜レイアウト・文字・見た目の整え方をまとめて解説！
CSSの定番パターンを初心者向けに解説。中央寄せ・横並び・省略表示・余白・影・ぼかし・ホバーなど、レイアウト・文字・見た目の整え方を「組み合わせ」でわかりやすく整理。実装で迷わないための考え方と使い分けをまとめています。
フロントエンド 【もう迷わない】JavaScriptのPromise｜基本とメソッドの使い分けをまとめて解説！
JavaScriptのPromiseとは何かを初心者向けに解説。then・catch・finallyの基本から、Promise.all・allSettled・race・anyの違い、resolve・reject・withResolversの使い方まで、非同期処理の流れと使い分けをわかりやすく紹介します。
フロントエンド 【初心者向け】JavaScriptのIntl.Segmenterとは？日本語の単語分割・文字数カウントを意図通りに扱う方法
JavaScriptのIntl.Segmenterの使い方を初心者向けに解説。日本語の単語分割や文字数カウントがうまくいかない理由から、granularityの違い、splitとの使い分けまでやさしく理解できます。
フロントエンド 【クイズでわかる】JavaScriptの「~」って何？~indexOfや~~の役割と仕組みを理解する
JavaScriptの「~（チルダ）」の意味をクイズ形式で解説。~indexOfの仕組みや~~の動き、includesとの違いまで、コードを読みながら~（チルダ）の理解を深めます。見慣れない書き方に戸惑った方におすすめです。
フロントエンド 【クイズで学ぶ】JavaScriptの乱数｜Math.random()とcrypto、UUIDの使い分け
JavaScriptの乱数をクイズ形式で学べる記事です。Math.random()の基本から、crypto.getRandomValues()やcrypto.randomUUID()との違いまで、用途に応じた使い分けをわかりやすく解説します。
フロントエンド 【クイズでわかる】JavaScriptのSymbolとは？値が一致しない・ループに出てこない理由も解説
JavaScriptのSymbolとは何かをクイズ形式で解説。値が一致しない理由や、for...inで取得されない挙動、Symbol.iteratorやSymbol.forの違いまで、実際のコードをもとに整理しています。
フロントエンド 【クイズでわかる】JavaScriptのクロージャとは？値を覚える関数の動きと特徴を理解する
JavaScriptのクロージャをクイズ形式でわかりやすく解説。値が保持される仕組みや、外から触れない理由、実際の使いどころまで、コードを追いながら理解できます。
フロントエンド 【クイズでわかる】JavaScriptのthisとは？なぜ呼び出し方によって指すものが変わるのか
JavaScriptのthisの挙動をクイズ形式で解説。メソッド、アロー関数、イベントリスナー、newのときのthisの違いを整理しながら、「どこを指すのか」を理解できるようにまとめています。