タグ「SSR」 - はてブログ

タグ SSR

新着順人気順 5 users 10 users 50 users 100 users 500 users 1000 users

(1 - 25 / 33件)

ast-grep VSCode: 構造検索と置換の強力なツール

2024/03/03 95 users vscode 置換マッチング無視正規表現

こんにちは、 ast-grepの作者Herringtonです。正規表現でコードを検索したことがある方なら、複数行のマッチングや入れ子構造の処理、コメントの無視などに苦労したことがあるかもしれません。そこで、ast-grep VSCodeという新しい拡張を紹介します。これは、構造的検索と置換（SSR）という技術を利用して、より正確で... 続きを読む

ssig33: "最近最小限のReactアプリを作るのに使ってるものについてとりあえずメモしとく。 ##..."

2024/02/26 229 users Reactアプリ ssig33 最小限 astro Remix

最近最小限のReactアプリを作るのに使ってるものについてとりあえずメモしとく。前提: デカいフレームワークは使わない next.js, Astro, Remixは使わない。next.jsとAstroは大好きなのだが、社内向けとか個人用とか小さいアプリに使うにはあきらかに恐竜であると思う。Remixは大好きではない。前提: SSRしない SSRもS... 続きを読む

Webの将来はサーバサイドレンダリング（SSR）に回帰していく。Denoが主張するIsomorphic JavaScript（もしくはUniversal JavaScript）とは何か？

2023/02/06 279 users deno サーバサイドレンダリング CGI インタラクティブ

Webの将来はサーバサイドレンダリング（SSR）に回帰していく。Denoが主張するIsomorphic JavaScript（もしくはUniversal JavaScript）とは何か？静的なHTMLファイルをWebサーバが配信する仕組みから始まったWebは、サーバ側で動的にHTMLを生成するCGIの仕組みや、Webブラウザ上でJavaScriptを実行してインタラクティブ... 続きを読む

Remixの凄みを紹介したい

2022/05/26 83 users Remix Transcript ISR Prisma ＣＳＲ

Transcript 📀 Remix の凄みを紹介したい @aiji42_dev Who am I ? Uejima Aiji | Twitter: @aiji42_dev 🏢 株式会社エイチームライフデザイン 🧘 リードエンジニア 🥑 最近の活動 CloudflareでISRを実現したり CSRなサイトをPrerenderでSSRぽくしたり PrismaからSupabase APIを叩くミドルウェア作ったり社内でフロント... 続きを読む

Deno で学ぶ React のサーバサイドレンダリング - 30歳からのプログラミング

2021/06/27 110 users jsx React deno サーバサイドレンダリング範囲

Deno で React のサーバサイドレンダリング（以下、SSR）を実現する方法をハンズオン形式で書いていく。自分が調べた範囲では、単に JSX で HTML を構築して終わり、という記事が多かった。それではあまり実用的ではないので、この記事ではハイドレーションまで行う。また、React で SSR する方法を調べたところ、ほと... 続きを読む

サーバサイドレンダリングの導入から生じるSSRF｜セキュリティブログ

2021/03/22 208 users SSRF サーバサイドレンダリング ERB JSP 導入

オフェンシブセキュリティ部の山崎です。サーバサイドレンダリング（SSR）の導入によってSSRFが発生する問題を見つける機会があったため、本記事では実例を交えながら紹介したいと思います。サーバサイドレンダリング（SSR）とは？本記事で扱うSSRとは「サーバ上でHTMLを出力すること」を指しています。ただしerbやjsp... 続きを読む

Next.js 4年目の知見：SSRはもう古い、VercelにAPIサーバを置くな - Qiita

2020/11/05 315 users Qiita React Vercel フレームワークサイコー

Next.js by Vercel - The React Framework 画像は Next.js サイコー！っていう顔です。 Webフロントエンドエンジニアであれば、「Reactのフレームワーク」と聞いて真っ先に思いつくであろうNext.js。僕は小規模の趣味開発から中規模の業務まで、4年程度Next.jsを使い続けてきました。触りはじめの当時はバージョン4で、”... 続きを読む

WASMとRustはVue.js/React.jsを打倒するのか？ - JSへの侵略の歴史

2020/11/02 318 users rust TypeScript wasm SPA 侵略

はじめに「Typescriptの次はRustかもしれない」という記事がバズってるのを見かけました。なかなか面白くて、PAとしてのWASMとRustを比較している記事です。ちょうど最近「レガシーおじさん、SPAを始めてみた。そして限界を知る」でも書いた通り最近SPAに手を出してみたのですが、いろいろやろうとするとSSRのためのBa... 続きを読む

Next.js の状態管理 2020

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

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

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

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

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

池田泰延 / Yasunobu Ikeda on Twitter: "noteのIPアドレスの不具合の件。外野から分析してみました。 ■原因(予想) ・Nuxt.jsのSSR処理が引き金・API返却値に含まれたIPをSSRでうっかりHTMLに出力 Google

2020/08/14 164 users 外野引き金 Note 泰延 Nuxt.js

noteのIPアドレスの不具合の件。外野から分析してみました。 ■原因(予想) ・Nuxt.jsのSSR処理が引き金・API返却値に含まれたIPをSSRでうっかりHTMLに出力 GoogleキャッシュやWaybackMac… https://t.co/tKRHfiKPnE 続きを読む

東京都の新型コロナ対策サイトはなぜNuxtJSだったのか？ ─ シビックテックのベストプラクティス - エンジニアHub｜若手Webエンジニアのキャリアを考える！

2020/05/19 274 users ベストプラクティス Netlify シビックテックキャリア

東京都が2020年3月3日深夜に公開した新型コロナウイルス感染症対策サイトは、都内の感染動向が見やすく整理されているだけでなく、NuxtJSベースのSSR（Server Side Rendering）で静的ホスティングにNetlifyを採用したサーバレスなSPA（Single Page Application）というモダンな技術選定がWebエンジニアの間で注目を集め... 続きを読む

SPA + SSR + PWA の作り方とセキュリティについて - 技術探し

2019/11/22 101 users Pwa SPA セキュリティ技術作り方

一年前に以下の記事を書いて、その後放置していたら多くのライブラリのメジャーリリースで完全に動かなくなってしまったのでリニューアルしました。 blog.hiroppy.me 以下のセクションで説明していきますが、コードを読んだほうが早いです。リポジトリ技術スタック Server Side Rendering loadable-components データ... 続きを読む

ヤフーのフロントエンドと Node.js の関係性 - Yahoo! JAPAN Tech Blog

2019/11/20 115 users ヤフー node.js フロントエンド Yahoo BFF

こんにちは。今期から Web フロントエンド領域で黒帯を務めることになりました伊藤（@koh110）です。普段は情報システム本部に所属しチャットなど内製基盤の開発・運用をしつつ、Node.js 言語サポートチームとしてサーバサイド TypeScript の活用や、SSR（Server Side Rendering）、BFF（Backends For Frontends）のチ... 続きを読む

【SSRも】Fleur – 新しいFluxフレームワーク【イケる】 - pixiv inside

2019/05/22 54 users Fluxフレームワークフルール pixiv inside

みなさんこんにちは！ VRoid Hubでフロントエンドエンジニアをしている花倉ミツカ (a.k.a. ラグ)です今回のpixiv insideはちょっとだけお仕事から離れて(ガチ)アイスブレイクです。私が1年ほど開発しているFluxフレームワーク、Fleur (フルール, @fleur/fleur)について、その設計や使い方についてご紹介させていただき... 続きを読む

【インフラ編】TECH LEADの技術を惜しげも無く公開します！React × PHP Laravel × BEAR.Sunday × SSR - TECH LEAD Blog

2019/04/19 198 users サーバーサイド React アーキテクチャー編目次最後

こんにちは、@TECH LEADです。今回、「TECH LEADの技術を惜しげも無く公開します！」シリーズの最後となるインフラ編になります。アーキテクチャー編フロントエンド編サーバーサイド（アプリケーション層）編サーバーサイド（内部API層）編インフラ編　←いまここ目次目次主な技術インフラツールインフラ構築 ... 続きを読む

fly.io で React アプリケーションの SSR を行う - Qiita

2019/02/25 50 users Qiita fly.io

import React, { Dispatch, useContext, useReducer, useState, useCallback } from "react"; import { Route, Switch, Link } from "react-router-dom"; import styled, { createGlobalStyle } from "styled-components"; import { Action, reducer, RootState } from "./reducer"; import * as actions from "./reduce... 続きを読む

(1 - 25 / 33件)

次の25件 »

タグ SSR

ast-grep VSCode: 構造検索と置換の強力なツール

ssig33: "最近最小限のReactアプリを作るのに使ってるものについてとりあえずメモしとく。 ##..."

Webの将来はサーバサイドレンダリング（SSR）に回帰していく。Denoが主張するIsomorphic JavaScript（もしくはUniversal JavaScript）とは何か？

Remixの凄みを紹介したい

Deno で学ぶ React のサーバサイドレンダリング - 30歳からのプログラミング

サーバサイドレンダリングの導入から生じるSSRF｜セキュリティブログ

Next.js 4年目の知見：SSRはもう古い、VercelにAPIサーバを置くな - Qiita

WASMとRustはVue.js/React.jsを打倒するのか？ - JSへの侵略の歴史

Next.js の状態管理 2020

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

池田泰延 / Yasunobu Ikeda on Twitter: "noteのIPアドレスの不具合の件。外野から分析してみました。 ■原因(予想) ・Nuxt.jsのSSR処理が引き金・API返却値に含まれたIPをSSRでうっかりHTMLに出力 Google

東京都の新型コロナ対策サイトはなぜNuxtJSだったのか？ ─ シビックテックのベストプラクティス - エンジニアHub｜若手Webエンジニアのキャリアを考える！

SPA + SSR + PWA の作り方とセキュリティについて - 技術探し

ヤフーのフロントエンドと Node.js の関係性 - Yahoo! JAPAN Tech Blog

【SSRも】Fleur – 新しいFluxフレームワーク【イケる】 - pixiv inside

【インフラ編】TECH LEADの技術を惜しげも無く公開します！React × PHP Laravel × BEAR.Sunday × SSR - TECH LEAD Blog

fly.io で React アプリケーションの SSR を行う - Qiita

WordPressを劇的に高速化、1秒以内に表示されるフロントエンドの構築方法 -Zero-latency WordPress Front-end | コリス

【グラブル】2018年度尻の穴に入れたら痛そうな武器選手権 - 万物快楽理論

JavaScript が読み込まれる前でもWeb Applicationを動かす - from scratch

React のユーザーから見た今後のフロントエンドの予想 · GitHub

業務で使える簡単なSSR + SPA のテンプレートを公開した - 技術探し

AbemaTVはただのSSR じゃねぇんだよ - Speaker Deck

AbemaTVはただのSSR じゃねぇんだよ - Speaker Deck

2018年スタートアップでSSRにVue.jsを導入してWebサービスを開発した際の知見 - Qiita

本日の新着エントリー

本日の人気エントリー

1年前の人気エントリー

先週のランキング

人気エントリーにあるタグ

最近の注目エントリー

最近の注目タグ