JavaScriptの備忘録。調査結果を忘れないように記載。
React の useState / useReducer 使い分けガイド
React で状態管理をするとき、まず最初に手が伸びるのは useState です。多くの場面ではそれで十分ですが、状態が絡み合ってくると useState の羅列がだんだん破綻していきます。そこで登場するのが useReducer です。
Reactのコンポーネント設計原則 ― 入門から実務で迷わないための指針
Reactを書き始めると、まず動くものは作れます。しかしプロジェクトが育つにつれ「このコンポーネント、どこまで責務を持たせるべきか」「propsが増えすぎて扱いづらい」「状態をどこに置けばいいか分からない」といった悩みに必ずぶつかります。
Vite + React + TypeScript で開発環境を構築する
React のフロントエンド開発を始めるとき、ビルドツールに Vite を選ぶのは今や標準的な選択肢です。かつて主流だった Create React App（CRA）はメンテナンス体制が縮小し、公式でも新規プロジェクトには Vite などの…
React 19 の新機能まとめ（入門）
React 19 で追加された Actions・use・Server Components などの新機能を、入門者向けに要点だけまとめました。
JavaScript：お手伝いしているプログラミングスクールで聞かれた質問【JavaScriptはJava？】
JavaScript：お手伝いしているプログラミングスクールで聞かれた質問【JavaScriptはJava？】 プログラミングスクールの生徒さんといろいろお話している中で出てきた『よく理解できなかった事』について、この際 […]
JavaScript：お手伝いしているプログラミングスクールで聞かれた質問【thisってどこの事？】
JavaScript：お手伝いしているプログラミングスクールで聞かれた質問【thisってどこの事？】 プログラミングスクールの生徒さんといろいろお話している中で出てきた『よく理解できなかった事』について、この際まとめてお […]
JavaScript：お手伝いしているプログラミングスクールで聞かれた質問【オブジェクトって何？】
JavaScript：お手伝いしているプログラミングスクールで聞かれた質問【オブジェクトって何？】 プログラミングスクールの生徒さんといろいろお話している中で出てきた『よく理解できなかった事』について、この際まとめておこ […]
JavaScript：お手伝いしているプログラミングスクールで聞かれた質問【functionって何？】
JavaScript：お手伝いしているプログラミングスクールで聞かれた質問【functionって何？】 プログラミングスクールの生徒さんといろいろお話している中で出てきた『よく理解できなかった事』について、この際まとめて […]
JavaScript：お手伝いしているプログラミングスクールで聞かれた質問【let/var/constの違い】
JavaScript：お手伝いしているプログラミングスクールで聞かれた質問【let/var/constの違い】 最近になり縁あってプログラミングスクールのお手伝いをするようになりました。その生徒さんといろいろお話している […]
Vue.js：ファビコンの変更に手間取った件
Vue.js：ファビコンの変更に手間取った件 もう何なんでしょう。こんなに苦戦するとは全く予想してませんでした。 「Vueのアイコンがしつこい！」というお話です。 普通に考えれば <link rel="icon" […]