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... 続きを読む

世界最速で Astro SSR を Amplify Hosting で動かしてみた - エムスリーテックブログ

2023/11/22 14 users アーキテクト エムスリーテックブログ AWS 園田 世界最速

こんにちは。エムスリーエンジニアリンググループのコンシューマチームでアーキテクトをしている園田です。 本日はコンシューマチームのブログリレー 1 日目です。 2023/11/20 (日本時間だと本日) に AWS の Amplify Hosting で Next.js/Nuxt.js 以外の SSR サポートが発表されました。 aws.amazon.com aws.amazon.com ... 続きを読む

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を実行してインタラクティブ... 続きを読む

東亜あじこ@Vtuber on Twitter: "img2imgが面白くて これ、呪文も丁度良かったんだけど SSR引いた気分 サムネだと一緒なの本当にすき #NovelAIDiffusion #novelAI https://t.co/yCxoQgzmgK"

2022/10/05 38 users novelAI サムネ 呪文 img2img https

img2imgが面白くて これ、呪文も丁度良かったんだけど SSR引いた気分 サムネだと一緒なの本当にすき #NovelAIDiffusion #novelAI https://t.co/yCxoQgzmgK 続きを読む

76. モダンウェブフロントエンド(2022)に至る歴史 - React Server Component、SSR Streaming w/ morishin127 | fukabori.fm

2022/07/10 18 users SPA ＣＳＲ fukabori.fm エピソード 出演者

MP3ファイルをダウンロード 内容紹介 2022年のモダンウェブフロントエンドまでに至る歴史、SPA、CSR、SSR、SSR Streaming、React Server Component などについて語っていただいたエピソードです。 出演者 2022年のモダンウェブフロントエンドまでに至る歴史、SPA、CSR、SSR、SSR Streaming、React Server Component など... 続きを読む

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

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

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

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を叩くミドルウェア作っ たり 社内でフロント... 続きを読む

話題騒然！に全然なっていない Java x TypeScript な Web フレームワーク "Hilla" の紹介

2022/05/03 14 users TypeScript BFF フレームワーク exit web

あまり話題になっていない Web フレームワーク "Hilla"[1] を紹介したいと思います（もう少し話題になってほしい）。 BFF を Java で作りたい、または作らざるを得ない人向けなので該当しない方は、ここで exit です。Hilla は、SSR とかないので SEO が不要なシステムが対象になるかと思います。 Hilla の最大の特徴は... 続きを読む

Cloudflare WorkersでSSRができると何が嬉しいか

2021/11/24 27 users Cloudflare Workers React 対抗馬

Next.jsの対抗馬となりそうなReactのフレームワークでRemixのv1.0がリリースされました。 個人的にRemixでいちばん魅力を感じているのはCloudflare WorkersでSSRができるという点です（現状ではNext.jsをCloudflare Workers上でSSRするのは難しい）。これがなぜ嬉しいのかと言うと、パフォーマンスを出しつつ、低コスト... 続きを読む

Next.jsでSSRを限界まで簡単に実現する

2021/09/24 13 users getInitialProps Next.js 限界 終焉

１．getInitialPropsの終焉 1.1. Next.jsではgetInitialPropsのSSRが終わったことにされている Next.jsの9.3以降、getStaticPropsやgetServerSidePropsが登場し、現在ではgetInitialPropsを使ったSSRが終焉を迎えたかのような風潮となっています。しかしgetStaticPropsとgetServerSidePropsは、実際の所で大きな欠点を抱... 続きを読む

CloudFront+S3なSPAにLambda@EdgeでOGP対応する | DevelopersIO

2021/07/25 10 users OGP DevelopersIO Lambda@Edge

吉川@広島です。 案件でCloudFront+S3なSPAに対してOGP対応が必要になってきそうなため、Lambda@Edgeを使った対応について検証しました。 現状、FacebookやTwitterのBotは基本的にクライアントサイドJSを解釈できず、SPA単体でのOGP対応は難しいとされています。OGPメタタグはSSRで返してあげる必要があるため、「UserAg... 続きを読む

React 18とはなにか、Fiberの観点から理解する

2021/06/30 17 users Fiber React ライブラリ作者 観点 目新しい機能

React 18はα版で、主にライブラリ作者のために公開されています。ユーザーが急いで知る必要はありません。この記事は、いわばオタク向けです。 React 18とはなにか、Fiberの観点から理解する React 18では目新しい機能が多く導入されます。たとえば追加されるものにはConcurrent RenderingやstartTransition、SSRの改善... 続きを読む

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... 続きを読む

Apollo Client と SSR の罠 その1 - パフォーマンス改善編 | Wantedly Engineer Blog

2020/12/11 14 users Apollo Client Wantedly 議論 web

Wantedly でバックエンドエンジニアをしている @izumin5210 です。 この記事は GraphQL Advent Calendar 2020 の11日目の記事として書かれました。が、7割くらいは SSR についての議論のこり3割くらいが Apollo Client の話です。 最近、Apollo Client と SSR(Server Side Rendering) を利用した Web アプリケーションの... 続きを読む

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を利用する... 続きを読む

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

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

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

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エンジニアの間で注目を集め... 続きを読む

「SSRと規約だけ」の勘違いを解く、 Nuxt.js をプロジェクトで採用すべき理由 - ROXX(旧SCOUTER)開発者ブログ

2020/03/26 20 users ROXX コーポレートサイト 旧SCOUTER 勘違い 一方

back check 事業部に業務委託でコミットしているフロントエンドエンジニアの potato4d です。 ROXX では、 v1.0 が出る前から、プロダクト、コーポレートサイト、ランディングページ、メディアなど、多くのシーンにて、 Nuxt.js が採用されています。 Nuxt.js は多くの人に愛される一方で、最近は Vue 3.0 の話もあり、... 続きを読む

#39 【デレステ】筋トレ勢Pが解説する『SSR木場真奈美の筋肉が超人レベル』な話 - Innocent Room

2020/03/24 17 users 超人 プブ デレステ 筋肉 pic.twitter.com

こんにちは。 2020年3月24日。クール属性の完全無欠系アイドル木場真奈美の初のSSR[この身ひとつで]木場真奈美が実装された。 『一度は決めた道に、別の道を敷かれるとは…挑戦、か。フフ、感謝だな』 SSレアの木場真奈美さん登場です！https://t.co/mIoEjCBQs4 #デレステ pic.twitter.com/L7Zdqbftp2 — スターライトステ... 続きを読む