【初学者向け】CSR / SSR / SSG / ISRとは？架空アプリでレンダリング手法の違いを理解しよう！ - RAKUS Developers Blog | ラクス エンジニアブログ

2024/09/27 24 users ISR クライ ラクス SSR レンダリング

初めまして！新卒1年目のmochi_proteinと申します。 CSR / SSR / SSG / ISRがどのような概念か、 架空アプリを例として、それぞれの違いを初学者向けにやさしく解説していきます！ 🔖目次は以下の通りです🔖 はじめに 架空アプリ「楽楽鮮魚」の仕様 前提知識 レンダリングとは？ 動的にHTMLを生成するとは？ CSR（クライ... 続きを読む

PPR - pre-rendering新時代の到来とSSR/SSG論争の終焉

2024/06/03 20 users PPR experimental Stable SSR 終焉

本稿はNext.js v15.0.0-rc.0時点の情報を元に執筆しており、PPRはさらにexperimentalな機能です。v15.0.0のリリース時や、PPRがstableな機能として提供される際には機能の一部が変更されてる可能性がありますので、ご注意下さい。 Partial Pre-Rendering(以降PPR)はNext.js v14.0で発表された、SSRやSSGにならぶ新たなレ... 続きを読む

個人ブログをNext.jsのSSGからHonoのSSGに移行した

2024/02/05 17 users github.com hono リポジトリ https 目的

「Honoのv4が2月9日にリリースされます」という記事にてHono v4ではSSGモードがサポートされることになった。この機能を試す目的で今までNext.jsのSSGモードで構築していた個人ブログをHonoのSSG機能で書き換えた。 ブログ https://yuheinakasaka.github.io/gialog-diary/ リポジトリ https://github.com/YuheiNakasaka/... 続きを読む

モダンウェブフロントエンド勉強会を開催しました - クックパッド開発者ブログ

2022/06/21 29 users クックパッド開発者ブログ ISR React クックパッド

こんにちは、クックパッドで最近はモバイルアプリを離れもっぱらウェブアプリを作っている @morishin です。 先日、社内で「モダンウェブフロントエンド勉強会」と題して React, Next.js, Core Web Vitals, SSR, CSR, SSG, ISR, SSR Streaming, React Server Component といったキーワードに触れつつ、昨今のウェブ開発... 続きを読む

触ってみてわかったNext.jsと比べた時のRemixの特徴

2021/11/23 14 users Remix ISR react-router Next.js

Remixとは react-routerというライブラリーの開発元が作ったReact製のフレームワークで、Next.jsと同じようにファイルベースでルーティングできます。 そうなると、Next.jsと一体何が違うのかと感じている人も多いと思うので、 この記事ではNext.jsと比べた時のRemixの考え方の違いをまとめたいと思います。 SSGやISRは... 続きを読む

next.js の SSG は糞 - Diary

2020/11/07 12 users diary 静的サイトジェネレータ ボク Next.js 機能

next.js の SSG は糞 ぼくは next.js 結構好きでこのブログとかも next.js で作ってるんですが、最近の next.js の方向性にはちょっと危うさを感じています。 next.js は最近は静的サイトジェネレータ+αみたいな感じになっていて、サーバーサイドジェネレーションなる機能のサポートが入っています。 でもこれどう考えて... 続きを読む

Next.js の状態管理 2020

2020/10/30 184 users Next.js 状態管理 JamStack 花形 SSR

Next.js といえば、SSG（JAMstack）が最近は特に花形ですね。1年前まではgetInitialPropsを用いて、どう SSR するのかという事が関心ごとの中心でした。Next.js 9.3 以降、SSR をする際にはgetInitialPropsではなく、getServerSidePropsを使用することが推奨されています。getStaticPropsやgetServerSidePropsを利用する... 続きを読む

ゲーム攻略メディア「神ゲー攻略」の記事配信システムを、五年の歴史がある SSG から二年の歴史がある lit-html による SSR にリプレイスした話 - VOYAGE GROUP techlog

2020/10/23 16 users techlog 海老原 lit-html SSR 従来

VOYAGE Lighthouse Studio の海老原 (@co3k) です。 ゲーム攻略メディア「神ゲー攻略」の記事は、これまで SSG (Static Site Generator; 静的サイトジェネレータ) を用いて構築、配信されていました。 このたび、従来の SSG を活用した記事配信の仕組みから、 SSR (Server Side Rendering) による仕組みにリプレイスして... 続きを読む

SSR / SSGの理解を一段深ぼる: BFFアーキテクチャ

2020/10/21 151 users BFFアーキテクチャ SSR 理解

BFFとは Backend for Frountendの略で、UI/UXを向上させる目的でフロントエンド専用のサーバーを用意したアークテクチャパターンです。 Webアプリケーションサーバーは下記の処理を行います。 リクエストを受ける DBからデータの取得・更新 ページを構築 (これはクライアントですることも) ページ or データの返却 この... 続きを読む

Relayで見るNext.jsとSSGの未来 | wawoon

2020/07/03 15 users Relay Facebook getStaticProps

現在自分が取り組んでいるプロジェクトでは、Next.jsとRelay Modernを採用して開発を進めています。 RelayはFacebookが開発しているGraphQLクライアントライブラリです。 Next.jsの9.3で導入されたgetStaticProps, および9.4で導入されたIncremental Static Regenerationは、Relayと非常に相性がいい、ということを説明... 続きを読む

ファミ通.comの人気番組『今井麻美のSSG』と『原由実の○○ラジオ』がニコ生へ――さらに青木瑠璃子さんの新番組も配信決定!! - ファミ通.com

2016/01/05 23 users 隔週 パーソナリティー 週刊ファミ通 声優 今井麻美さん

●ファミ通制作の声優ニコニコ生放送を3番組一挙に立ち上げ！ 声優の今井麻美さん、原由実さん、青木瑠璃子さんがそれぞれにパーソナリティーを務める動画番組が、ニコニコ生放送で配信されることが決定した。各番組ともニコニコ生放送内に、番組ごとのチャンネルページを開設して隔週で放送していくこととなる。詳細は以下の通り。なお、 2016年1月7日（木）発売の週刊ファミ通にて、各番組の詳細を掲載しているので、ぜ... 続きを読む

くまニュース : モバゲー『アイドルマスター シンデレラガールズ』今井麻美さんが千早SR＋のセリフに挑戦

2012/02/17 14 users モバゲー セリフ シンデレラガールズ 今井麻美さん 挑戦

モバゲー『アイドルマスター シンデレラガールズ』今井麻美さんが千早SR＋のセリフに挑戦 8分30秒頃～。 471 名前：非通知さん＠アプリ起動中[sage] 投稿日：2012/02/17(金) 17:11:15.84 ID:Z3m6KiUW0 これがミンゴスの会社か http://youtu.be/vEYZbCMV-I8 今井麻美のSSG：社員総会！【映像配信】 http://www.famits... 続きを読む

今井麻美が語る成長と苦悩。『花の咲く場所』1万字ロングインタビュー - ファミ通.com

2011/07/15 24 users 今井麻美 苦悩 ファミ通.com 成長 場所

2011年8月3日に7枚目のシングル『花の咲く場所』をリリースする今井麻美にインタビューを敢行。ふだんいっしょに番組作りをしている『今井麻美のSSG』スタッフがインタビュアーとして、シンガー・今井麻美について語ってもらった。 ●デビューから2年半の経過によるアーティストとしての進化とは 『シュタインズ・ゲート』の牧瀬紅莉栖役や、『アイドルマスター』の如月千早役など、ゲームにアニメに活躍中の声優・今... 続きを読む

沼倉愛美のSSG：『アイステ!!!』3人娘が『アイドルマスター2』に挑戦！【映像配信】 - 今井麻美のSinger Song Gamer

2011/02/10 18 users 沼倉愛美 今井麻美 アイステ 今井麻美さん 原由実さん

はいさーい！　『沼倉愛美のSingerSong Gamer』の時間ですよー！　なんくるないさー！　……よし、それっぽくできたかな。どうかな。というわけで、なんと今週の『SSG』は、急遽『沼倉愛美のSSG』として、お届けすることとなりましたー。わーい。 　『沼倉愛美のSSG』第1回の“ファミ選！”のコーナーでは、『アイドルマスター2』をご紹介。今回、ゲストに今井麻美さんと原由実さんをお迎えして、『T... 続きを読む