301リダイレクトとcanonicalの違い
URL統一で使う301リダイレクトとcanonicalタグの違い、wwwあり・なし、HTTP/HTTPS、重複URL対策での使い分けを整理します。
connection refused・timeout・404の違い
ネットワークやWeb開発でよく見る connection refused、timeout、404 の違いを、どの段階で失敗しているかで整理します。
AIが作ったセキュリティ弱いコード例
AI生成コードで起きやすいSQL文字列連結、localStorageへのトークン保存、認可漏れ、詳細エラー露出などの危険な例と直し方を整理します。
LCP画像を速く表示する方法
トップの大きな画像やヒーロー画像がLCP対象になる時に、形式、サイズ、priority、lazy loading、width/heightをどう考えるか整理します。
Lighthouseの指摘を直す優先順位
Lighthouseで出た大量の指摘を、ユーザー体験、LCP、画像、Consoleエラー、アクセシビリティ、SEOの順に優先付けする考え方を整理します。
npm install と npm ci の違い
npm install と npm ci の違いを、package.json、package-lock.json、CI、本番ビルド、再現性の観点で整理します。
response.ok と status の正しい見方
fetchでAPIを呼ぶ時に、404や500が例外にならない理由、response.ok、response.status、JSON解析エラーの扱いを整理します。
SSRが必要になるページ、不要なページ
レンダリング方式を理解した後に、個別表示、更新頻度、SEO、キャッシュ、運用コストからSSR採用を判断する記事です。
TypeError・ReferenceError・SyntaxError の違い
JavaScriptでよく見るTypeError、ReferenceError、SyntaxErrorを、いつ起きるか、どこを見るか、どう直すかの観点で整理します。
コードの向こうに利用者がいる：問い合わせから改善点を見つける
問い合わせを単なる不具合報告として処理せず、利用者の目的、操作環境、言葉、困り方を観察し、プロダクト改善へつなげる考え方を解説します。
ペアプログラミングの役割：ドライバーとナビゲーター
二人で一台の画面を使うだけでは終わらないペアプログラミングについて、ドライバーとナビゲーターの役割、交代、声の出し方を解説します。
何分悩んだら相談する？助けを求めるタイミングの決め方
すぐ質問する依存と、一人で抱え続ける停滞の間で迷わないために、時間制限、調査記録、影響度から相談タイミングを決める方法を整理します。
学習の振り返りを感想で終わらせない：変化を証拠で残す
『勉強になった』だけでは次の学習設計に使えません。できるようになった操作、判断、説明を証拠と一緒に振り返る方法を解説します。
質問は問題解決の手段：答えを聞く前に整理すること
技術的な質問を、答えを教えてもらう行為ではなく問題解決の手段として捉え、現状・目標・差分・次の行動を整理する方法を解説します。
404・500・CORS・Mixed Content の違い
ブラウザやAPI連携でよく見る404、500、CORS、Mixed Contentを、どこで失敗しているのかという観点で整理します。
AI生成コードの危ない見抜き方
AIが生成したコードをそのまま使う前に確認したい、存在しないAPI、セキュリティ、古い書き方、例外処理、テスト不足の見抜き方を整理します。
APIレスポンスの読み方：JSON・status・headers・body
API通信で返ってくるstatus、headers、body、JSONを、DevTools Networkで確認するための基本として整理します。
Core Web Vitals とは何か：LCP・CLS・INPを整理する
Core Web VitalsのLCP、CLS、INPを、何を測っているか、何が悪化させるか、どう改善するかの観点で整理します。
Lighthouse の読み方：Performance・Accessibility・SEOを見る
LighthouseのPerformance、Accessibility、Best Practices、SEOを、点数より改善項目を見る道具として使う考え方を整理します。
lockfile とは何か：同じ依存関係を再現するための記録
package-lock.json、pnpm-lock.yaml、yarn.lockの役割を、バージョン固定、再現性、CI、本番ビルドの観点から初心者向けに整理します。
