Key Considerations for Next.js App Router Files

Development
Using `eslint-plugin-react-hooks` together with `eslint-plugin-react-compiler` · reactwg/react-compiler · Discussion #18
Understanding React Server Components - Vercel
Storybook v8 の React Server Components サポート
Bundle Analyzer で Server Components と Client Components のバンドルサイズを可視化する
静的ファイルを配信する際は圧縮を利用するため、バンドルサイズの差は gzip された単位で比較することが重要になります。最近では gzip よりも圧縮率のいい、brotil を利用することも増えてきているようです。
圧縮前のサイズはブラウザが JavaScript を解析、コンパイル、実行するのにかかる時間に影響します。これらはコードサイズに比例する傾向があります。
React Server Componentsを理解する | POSTD
JavaScriptのDOM構造の偽コピーを一般的に「仮想DOM」と呼びます。
Reactが「レンダリング」と呼ぶのは、仮想DOMの計算処理です。
What Does "use client" Do? — overreacted
Together, these directives let you express the client/server boundary within the module system. They let you model a client/server application as a single program spanning the two machines without losing sight of the reality of the network and serialization gap. That, in turn, allows seamless composition across the network.
自動テストのガイドライン策定によるテスト改善への取り組み - Cybozu Inside Out | サイボウズエンジニアのブログ
E2Eテストを導入した時に考えた設計と実装と運用について | Offers Tech Blog
Best Practices | Playwright
PlaywrightによるE2Eテスト入門 / Introduction to E2E Testing with Playwright
AIともっと楽するE2Eテスト
LLMは新しい抽象化をもたらす - Martin Fowler's Bliki (ja)
LLMは非決定的な抽象化を導入しているため、プロンプトをgitに保存しても、毎回同じ振る舞いが返ってくるとは限りません。同僚のBirgittaが言うように、私たちは抽象化のレベルを上げているだけでなく、同時に非決定性という横方向にも進んでいるのです。
Next.js revalidatePath/revalidateTagの仕組み
正規表現の脆弱性 (ReDoS) を JavaScript で学ぶ
qdhenry/Claude-Command-Suite: Professional slash commands for Claude Code that provide structured workflows for software development tasks including code review, feature creation, security auditing, and architectural analysis.
Still X.S.S. - なぜいまだにXSSは生まれてしまうのか? - GMO Flatt Security Blog
Next.js App Router セキュリティ - Speaker Deck
Claude Code の .claude/commands/**.md は設定した方がいい - じゃあ、おうちで学べる
Guides: Content Security Policy | Next.js
Claude Code Best Practices \ Anthropic
Test-driven development (TDD) becomes even more powerful with agentic coding:
Mastering default values in JavaScript with the nullish coalescing (??) operator - Matt Smith
一般的な 4 種類のコード カバレッジ | Articles | web.dev
コーディングエージェントの現状の整理とエンジニアの仕事の変化について
「AIの仕事が速すぎるので人間がボトルネックになり、休みなく高頻度で判断が迫られ続け、労働強度が高すぎて疲れる」
Sanitizer APIのその後 | フロントエンドBlog | ミツエーリンクス
UI の一部を非表示にする React の Activity コンポーネント
How to Think About Security in Next.js
Premium リクエストについて - GitHub Docs
実践的なバグバウンティ入門 - Speaker Deck
Custom instructions for GitHub Copilot in VS Code