HTML だけで Shadow DOM を構築するための宣言型 Shadow DOM

2024/10/20 71 users Shadow DOM HTML template SSR 従来

HTML だけで Shadow DOM を構築するための宣言型 Shadow DOM 2024.10.19 宣言型 Shadow DOM は `<template>` 要素を使用して Shadow DOM を構築する方法です。宣言型 Shadow DOM を使用することで、従来の JavaScript を使用した Shadow DOM の構築方法と比較して、サーバーサイドレンダリング（SSR）に対応しているため... 続きを読む

AWS Amplify が効果を発揮する Next.js の 5 つの機能 | Amazon Web Services

2023/06/22 12 users AWS Amplify Next.js React 効果 機能

Amazon Web Services ブログ AWS Amplify が効果を発揮する Next.js の 5 つの機能 Next.js は、React アプリのサーバーサイドレンダリングと静的サイト生成を可能にする、人気の React フレームワークです。フロントエンドの Web およびモバイル開発者が AWS 上で迅速かつ容易にフルスタックアプリケーションを構築でき... 続きを読む

データフェッチはuseEffectの出番じゃないなら、結局何を使えばいいんだ

2022/07/03 19 users データフェッチ useEffect use フック 出番

ショートアンサー React 18 からのフックである、useSyncExternalStore を使えばいいようです。 ※ useEffect がまったくだめだというわけではありません。 ※ クライアントサイドレンダリングのみを考えています。サーバーサイドレンダリングを考慮すると違った答えになるかもしれません。 サンプルコード 次のような use... 続きを読む

Cloud Runで手軽にサーバーレス・SSR(サーバーサイドレンダリング) - クラシル開発ブログ

2020/12/12 14 users Cloud Run クラシル開発ブログ

こんにちはdelyでサーバーサイドエンジニアをしているyamanoiです この記事は「dely #2 Advent Calendar 2020」の12日目の記事です。 adventar.org adventar.org 昨日は@yochidrosさんの「KMMでiOS・Android
を共通化しよう」でした。 みなさんwebサイトを作成する時にSPAを利用していますか？ SPAはユーザーに対してメ... 続きを読む

サーバーレスでサーバーサイドレンダリング 前編 - Sweet Escape

2020/08/07 10 users サーバーレス React Vue SPA Nuxt.js

はじめに サーバーレスアプリケーションにおけるフロントエンド SPAの課題 サーバーサイドレンダリング Jamtack サーバーフル? サーバーレス? サーバーレスでサーバーサイドレンダリング Nuxt.jsでの例 次回 はじめに サーバーレスでサーバーサイドレンダリングの話です。ReactとかVueを使ったシングルページアプリケー... 続きを読む

レンダーバジェットとは何か、あるいはなぜ私は心配するのをやめてサーバーサイドレンダリングを愛するようになったか - 株式会社JADE

2019/08/06 70 users 長山一石 ウェブページ Google JavaScript

こんにちは、株式会社JADEの長山一石です！ 5年ほど前、Google の公式ブログ上で ウェブページをより深く理解するようになりました と言う記事を書きました (英語原本はこちら)。この記事は、検索エンジンが JavaScript を実行し、ウェブページをレンダーすることができるようになったことを告知するもので、当時として... 続きを読む

サーバーサイドレンダリングの代替としてPrerenderを試してみた - Qiita

2017/12/06 19 users Qiita prerender 代替

9月から入社したフューチャーアーキテクトのアドベントカレンダーのエントリーです。技術的にはウェブフロントエンドとGolangあたりです。 シングルページアプリケーションを数年前に試してみて、やりたい表現はこれで十分できるし、過去大変だったことも大分解消されましたのを感じました。一方でSEOとかOGPとかいくつかそのまま実現できないものがあります。とはいえ、それの解消のためにサーバーサイドレンダリン... 続きを読む

最小のNode.jsのDockerイメージを目指すスレ - Qiita

2017/12/06 45 users Qiita ECS prerender EKS node.js

フューチャーアーキテクトアドベントカレンダーに投稿した サーバーサイドレンダリングの代替としてPrerenderを試してみた に引き続き、JS系？ウェブ系？なエントリーです。 ECSとかEKSとか出てきて、コンテナを使うと、一つの物理ホストで、複数のコンテナをさばいて効率を上げる、というのが簡単にできるようになってきました。そのため、Node.jsのアプリもDocker化して配りたいですよね？ 次... 続きを読む

Goのリバースプロキシーでレスポンスを書き換える - Qiita

2017/12/06 36 users Qiita prerender Goアドベントカレンダー

フューチャーアーキテクトアドベントカレンダーの5日目の サーバーサイドレンダリングの代替としてPrerenderを試してみた の最後で、「 Go実装について 長くなったので説明は省略します。だれかがGoアドベントカレンダーを落としたら書くかも？」と書いていたら、早速落とす人がいたらしいので、ハイジャックします。 リバースプロキシーはnet/http/httputilパッケージの ReversePr... 続きを読む

Vue.js 製フレームワーク Nuxt.js ではじめる Universal アプリケーション開発 | HTML5Experts.jp

2017/10/13 253 users Nuxt.js Vue.js Nuxt 本稿 リリース

Vue.jsでUniversalなSPAを開発できるフレームワークである Nuxt.js のバージョン 1.0のリリースがいよいよ近づいてきました。 本稿では、シングルページアプリケーション（以下 SPA）開発によって生じた問題を解決するために生まれたサーバーサイドレンダリング （以下 SSR）を中心に、Vue.jsでの開発を強力にサポートする Nuxt ついて、その魅力と基本的な使い方をご紹介い... 続きを読む

React v16でのサーバーサイドレンダリング - blog.koba04.com

2017/10/03 38 users POST blog.koba04.com http v16

React v16について書いたブログの中の、サーバーサイドレンダリングについての部分に間違いがあったので修正しつつ、v16のサーバーサイドレンダリングについて補足します。 http://blog.koba04.com/post/2017/09/27/react-v16-changes/ Hydrationしたい場合は、renderToStringまたはrenderToNodeStreamで行う必... 続きを読む

やっぱりサーバーサイドレンダリングなんかしなくていいやという気持ち - console.lealog();

2017/07/09 276 users console.lealog ホエ React SPA 気持ち

2017 - 07 - 10 やっぱりサーバーサイドレンダリングなんかしなくていいやという気持ち Web React.js JavaScript 個人の意見 aka ポエムです。 界隈的には今さら感がすごいけど。 そんな今さらポエった事情としては、 とある案件でSPAをReactで作りつつサーバーサイド レンダリング （以下 SSR ）をすることになるかも SPAじゃないページもまとめてReact... 続きを読む

SPA + サーバーサイドレンダリング、そのダルさに関する私見 ::ハブろぐ

2017/06/14 202 users 私見 SPA 概観 ダルさ SSR

いわゆる SPA + サーバーサイドレンダリングがダルい 唐突ですがおさらいです。 なぜサーバーサイドレンダリング（SSR）が嬉しいかと言えば 初期表示の Critical Rendering Path を短縮できる SEO における保守信仰にやさしい（） 古いブラウザ・低性能マシンにやさしい yahoo/fluxible による SPA + Server Rendering の概観 ::ハブろぐ... 続きを読む

サーバーサイドレンダリング不要論 - Qiita

2016/12/23 341 users Qiita Mithril Isomorphic 連載 外部

サーバーサイドレンダリング、Isomorphic、Universal JavaScriptなどの言葉をよく見かけます。なるほどね、良さそうだね、外部公開するサービスを書くことがあったら挑戦してみたいね、Mithrilにも isomorphic-mithril ってのをがんばっている人がいるし、みたいなことを漠然と思っていたのですが、最近ASCII.jpのシステムコールプログラミングの連載を書いてい... 続きを読む

Markdown で記述した API ドキュメントからお手軽にドキュメントサーバーとモックサーバーを生成する – Gulp で作る Web フロントエンド開発環境 #7 | NET BIZ DIV. TECH BLOG

2015/08/31 235 users Gulp iOS Markdown サーバーサイド SPA

Markdown で記述した API ドキュメントからお手軽にドキュメントサーバーとモックサーバーを生成する – Gulp で作る Web フロントエンド開発環境 #7 SPA 開発によるサーバーサイドとフロントエンドの完全分業化 Single Page Application ( 以下、SPA ) は従来のサーバーサイドレンダリングを基とした Web アプリケーションと異なり、iOS アプリや ... 続きを読む