SPAとSSRの違いは「描画場所」では説明できない SPAの責務：クライアントがアプリケーションになる SSRの責務：サーバがアプリケーションの主体 なぜ「描画場所」で説明すると誤解が起きるのか 責務分割が変わると何が変わるのか キャッシュ戦略** エラーの…

jQueryは時代遅れになったのではなく「役割を終えた」 jQueryの前提 ― 「DOMは完成している」 SPAの前提 ― 「DOMは変化する」 状態管理の問題 なぜReact/Vueが解決できたのか 再描画コストの問題 パフォーマンスではなく「設計」の問題 最後に jQueryは時代…

ページを開き直していないのに画面が変わる理由 従来のWebサイトの動き ページを開き直していないのに画面が変わる理由 ChatGPTの画面を使っていると、不思議な感覚があります。 メニューを押しても、会話を指示しても、画面が切り替わっているのに「ページ…

SPAは「新しいページ」を開いていない 普通のWebサイトの動き SPAの動き なぜアプリのように見えるのか SPAが使われる場面 メリット 注意点：最初はむしろ遅い よくある誤解 SPA＝最新で優れた方式 SPA＝表示が速い まとめ：SPAの本質 SPAは「新しいページ」…

最近のWebは「ページ」を開いていない 昔のWeb：文書を取得する仕組み 現在のWeb：必要なデータだけ取得する 何が起きているのか（内部の流れ） なぜこの方式に変わったのか スマホの影響 メリット 注意点：万能ではない 何が変わったのかの本質 最近のWebは…

ページが変わっているのではなく「中身」を入れ替えています 従来のWebサイトの仕組み SPAがしていること 画面が変わる正体：DOMの書き換え URLが変わる理由 なぜアプリのように感じるのか メリットと注意点 メリット 注意点 なぜ広く使われているのか まと…

結局「Webサイト」と「アプリ」は何が違うのか かつてのWebサイト：ページを移動するもの アプリの特徴：画面を書き換える 技術的な違い：通信の使い方 なぜ境界が曖昧になったのか 実際に起きる問題 注意点：SEOやリンクの扱い 結局どこが境界線か 結局「We…

SPAでもSEOは「不可能ではない」が前提条件がある SPAとは何か、SEOとの基本的な関係 SPAの特徴とメリット SEOとSPAが噛み合いにくい理由 SPAでSEOを強くするために必要な技術的要素 サーバーサイドレンダリング（SSR） プリレンダリングという選択肢 ルーテ…