フロントエンド
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
|
ログイン
]
開始行:
-[[技術のトレンドと開発テクニックの知見を、無料で公開しま...
-[[React で紐解くモダンフロントエンド開発の歴史と進歩:htt...
-[[フロントエンドのトレンドをざっくり知る:https://www...
-[[フロントエンド Overview:https://iij.github.io/bootcamp...
-[[SPA/MPAとCSR/SSR/SSGの分類:https://zenn.dev/mt877/arti...
-[[システムトラブルに強いWebフロントエンドを作る方法:http...
*設計・開発 [#s97e7b08]
-[[大塚流フロントエンド開発の歩き方:https://zenn.dev/yume...
-[[フロントエンジニアが画面設計する上でやった8つのこと:ht...
*SPA/MPA [#p92d3293]
-[[SPAとは何か？:https://qiita.com/yait/items/03d07244365...
-[[SPAはコストが高いのか:https://foo-x.com/blog/is-spa-hi...
-[[【MPA vs SPA】フロントエンドアーキテクチャ選定時のTips...
-[[SPAとは？メリット、デメリットを詳しく解説します:https:...
-[[SPA(Single Page Application)とは？従来のWebサイトとの...
-CSR を使わずに、SSR のみで実装されたアプリは MPA になる
--クライアントのリクエスト毎に、毎回サーバー側でレンダリ...
-逆に、CSR + SSR で実装されたアプリは SPA になる
*レンダリング [#tfdcf9d9]
-[[もう迷わないNext.jsのCSR/SSR/SSG/ISR:https://zenn.dev/...
**SSG (Static Site Generation) [#zf0d79c8]
**CSR (Client Side Generation) [#ea930908]
-ビルド時にデータ取得を行わず、ページを描画して保存
-ブラウザで初期描画した後に非同期でデータを取得して、追加...
-CSRはSSG,SSR,ISRと組み合わせて利用される
-SPA のアプリケーションを構築するには CSR が必須になる
-場合によって、CSR + SSR、CSR + SSG など組み合わせて SPA ...
-初期描画がそこまで重要ではなく、リアルタイム性が重要なペ...
**SSR (Server Side Rendering) [#y2db1deb]
**ISR (Incremental Static Regeneration) [#w4bf7837]
-事前にページを生成して配信しつつ、アクセスに応じてページ...
-サーバに保存しているページデータに有効期限を設定しておき...
**組み合わせ [#o8ed2795]
***CSR+SSG [#k96537ae]
-SSGで生成した部分（共通部分）はキャッシュさせて配信しつ...
-SPAとの違い
--SPAは、初期表示においてゼロからHTMLを構築していく
--SSG+CSRは、すでに共通部分がHTMLとして構築されているので...
-採用例
--[[DEV Community:https://dev.to/]]
***CSR+SSR [#k8c10f25]
***CSR+ISR [#e3af257b]
*状態管理 [#x5dde79a]
-[[フロントエンド開発で覚えたい「状態管理」とは:https://w...
-[[「状態管理」って何？:https://zenn.dev/gagaga/articles/...
-[[Reactの状態管理ライブラリを比較してベストな選択をしよ...
-[[Reactの状態管理で悩む全ての人へ【2022年】:https://ramb...
-[[Reactを使用した状態管理のトップ6のベストプラクティス:h...
*コンポーネント指向 [#j4f00723]
*セキュリティ [#hb5fac8b]
-[[フロントエンドのセキュリティについて調べてみた:https:/...
*要件定義 [#yeea56ad]
-[[フロントエンド要件定義:https://xtech.nikkei.com/atcl/l...
-[[対応ブラウザバージョンを考える:https://future-architec...
*開発事例 [#jbc0c6ad]
-[[LINEドクターフロントエンド開発の流れ:https://engineeri...
-[[ヤフーショッピングのフロントエンドを支える共通配信技術...
終了行:
-[[技術のトレンドと開発テクニックの知見を、無料で公開しま...
-[[React で紐解くモダンフロントエンド開発の歴史と進歩:htt...
-[[フロントエンドのトレンドをざっくり知る:https://www...
-[[フロントエンド Overview:https://iij.github.io/bootcamp...
-[[SPA/MPAとCSR/SSR/SSGの分類:https://zenn.dev/mt877/arti...
-[[システムトラブルに強いWebフロントエンドを作る方法:http...
*設計・開発 [#s97e7b08]
-[[大塚流フロントエンド開発の歩き方:https://zenn.dev/yume...
-[[フロントエンジニアが画面設計する上でやった8つのこと:ht...
*SPA/MPA [#p92d3293]
-[[SPAとは何か？:https://qiita.com/yait/items/03d07244365...
-[[SPAはコストが高いのか:https://foo-x.com/blog/is-spa-hi...
-[[【MPA vs SPA】フロントエンドアーキテクチャ選定時のTips...
-[[SPAとは？メリット、デメリットを詳しく解説します:https:...
-[[SPA(Single Page Application)とは？従来のWebサイトとの...
-CSR を使わずに、SSR のみで実装されたアプリは MPA になる
--クライアントのリクエスト毎に、毎回サーバー側でレンダリ...
-逆に、CSR + SSR で実装されたアプリは SPA になる
*レンダリング [#tfdcf9d9]
-[[もう迷わないNext.jsのCSR/SSR/SSG/ISR:https://zenn.dev/...
**SSG (Static Site Generation) [#zf0d79c8]
**CSR (Client Side Generation) [#ea930908]
-ビルド時にデータ取得を行わず、ページを描画して保存
-ブラウザで初期描画した後に非同期でデータを取得して、追加...
-CSRはSSG,SSR,ISRと組み合わせて利用される
-SPA のアプリケーションを構築するには CSR が必須になる
-場合によって、CSR + SSR、CSR + SSG など組み合わせて SPA ...
-初期描画がそこまで重要ではなく、リアルタイム性が重要なペ...
**SSR (Server Side Rendering) [#y2db1deb]
**ISR (Incremental Static Regeneration) [#w4bf7837]
-事前にページを生成して配信しつつ、アクセスに応じてページ...
-サーバに保存しているページデータに有効期限を設定しておき...
**組み合わせ [#o8ed2795]
***CSR+SSG [#k96537ae]
-SSGで生成した部分（共通部分）はキャッシュさせて配信しつ...
-SPAとの違い
--SPAは、初期表示においてゼロからHTMLを構築していく
--SSG+CSRは、すでに共通部分がHTMLとして構築されているので...
-採用例
--[[DEV Community:https://dev.to/]]
***CSR+SSR [#k8c10f25]
***CSR+ISR [#e3af257b]
*状態管理 [#x5dde79a]
-[[フロントエンド開発で覚えたい「状態管理」とは:https://w...
-[[「状態管理」って何？:https://zenn.dev/gagaga/articles/...
-[[Reactの状態管理ライブラリを比較してベストな選択をしよ...
-[[Reactの状態管理で悩む全ての人へ【2022年】:https://ramb...
-[[Reactを使用した状態管理のトップ6のベストプラクティス:h...
*コンポーネント指向 [#j4f00723]
*セキュリティ [#hb5fac8b]
-[[フロントエンドのセキュリティについて調べてみた:https:/...
*要件定義 [#yeea56ad]
-[[フロントエンド要件定義:https://xtech.nikkei.com/atcl/l...
-[[対応ブラウザバージョンを考える:https://future-architec...
*開発事例 [#jbc0c6ad]
-[[LINEドクターフロントエンド開発の流れ:https://engineeri...
-[[ヤフーショッピングのフロントエンドを支える共通配信技術...
ページ名:
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
