Tag
#SPA
「SPA」に関連する記事を2本公開中。非エンジニア向けの実務活用情報を中心に、 Claude Code・Claude Cowork の使いこなしをお届けします。

はじめの一歩
SPA・SSR・SSG — レンダリング方式の選び方
バイブコーディング入門 第21回。CSR/SSR/SSG/ISRの4方式を比較。ブログはSSG、ダッシュボードはCSR、ECはSSR。Next.jsのuse clientの使い分け。バイブコーダーあるある「use clientをどこに付けるかわからない」を解決します。

はじめの一歩
Webの歴史を5分で — なぜ今の形になったのか|バイブコーディング入門 第3回
Webアプリはなぜ今の形をしているのか。静的ページ→動的ページ→API+SPA→フルスタックフレームワークという4つの時代を、レストランの進化に例えて解説する。CursorやClaude Codeが生成するコードの「なぜこうなっているのか」が分かると、AIへの指示の精度が上がり、エラーの見当がつけやすくなる。
