Next.js App Router / React Server Components(RSC)を紐解いてみた - estie inside blog

2024/08/05 11 users React Server Components

デザインエンジニアの表(@HirokiOmote)です。 Next.jsでApp Routerがリリースされて、1年が過ぎました。 弊社では、@hiroppyさんを技術顧問に迎え、Frontendを中心とした長期的な技術選定にご協力いただきました。 本日は、そこで得た学びをご紹介したいと思います。 App Routerについて 2023年5月にNext.js 13.4がstabl... 続きを読む

React Server Componentsを理解したい

2024/06/27 74 users React Server Components 開発 理解

はじめに App Router はこれまでの React や Pages Router による書き方と大きく異なります。これは、React Server Components（RSC） というアーキテクチャが導入され、開発の考え方が大きく変化したからです。そのため、App Router を理解するためには RSC の理解が必要になります。 しかし、私は RSC の理解に苦戦し... 続きを読む

Next.jsのApp Routerを学ぶ際、shadcn/uiが参考になったという話 - Qiita

2024/05/11 58 users Qiita shadcn Reactコンポーネント コピペ

Next.jsのApp Routerを学ぶ際に、UIライブラリを探していたところ、shadcn/uiが参考になったので紹介します。 shadcn/uiは、フレームワークやライブラリではなく、コピペで利用できるReactコンポーネントのサンプル集という立ち位置になっています。Tailwind CSSでデザインされており、React Server Components(RSC)にも... 続きを読む

Linux環境で使用されている圧縮ツール「XZ Utils」に仕掛けられたバックドアのスクリプトをGoogleのエンジニアが解説

2024/04/04 11 users スクリプト XZ Utils エンジニア 圧縮ツール 解説

2024年3月29日に、圧縮ツールのXZ Utilsに、悪意のあるバックドアが仕込まれていたことが明らかになりました。そのバックドア攻撃において攻撃者が使用したスクリプトについてGoogleのエンジニアであるラス・コックス氏が解説しています。 research!rsc: The xz attack shell script https://research.swtch.com/xz-scri... 続きを読む

XZ Utilsにバックドア攻撃が行われるまでのタイムラインまとめ

2024/04/03 13 users XZ Utils Research タイムラインまとめ

2024年3月29日に、圧縮ツールの「XZ Utils」に、悪意のあるバックドアが仕込まれていたことが明らかになりました。どのようにバックドアが仕掛けられたのかについて、Googleのエンジニアであるラス・コックスさんが時系列順にまとめました。 research!rsc: Timeline of the xz open source attack https://research.swtc... 続きを読む

React Server Componentの実行順序とフレームワークでの注意点

2024/03/09 12 users フレームワーク 実行順序 layout TSX 注意点

前回はこちらで議論できて大変有意義でした、ありがとうございました。 その際、Next.jsでのlayout.tsxとpage.tsxの実行順序についてpage -> layoutの順で実行されることを初めて知ったのですが、疑問に思ったのは「これはReact Server Component（RSC）の仕様なのかNext.js（フレームワーク）の仕様なのか？」というこ... 続きを読む

Twitter/Blueskyの自己ポストの全文検索サービスをNext.js App Router(RSC)で書きなおした方法/設計/感想

2024/02/27 17 users Twitter tweets twilog mytweets

mytweetsという自分の Twitter/Bluesky の自己ポストの全部検索サービスをNext.js App Router(RSC)で書きなおしました。 mytweets は Twitter のアーカイブや Bluesky の API を使って自分のポストを S3 に保存しておき、 S3 Selectを使って全文検索ができる自分専用の Twilog のようなサービスです。 自分の Tweets を... 続きを読む

Next.js App Router キャッシュの今

2024/01/26 10 users キャッシュ Next.js App Router ビルド時

先日Vercelから「Next.js App Router Caching: Explained!」というタイトルの動画が公開されていたので、その内容をまとめることでNext.jsのキャッシュの今について整理しておこうと思います。 基本 まずNext.jsでは、静的レンダリングがデフォルトです。RSCを使用していても基本的にはビルド時にページが事前レンダリン... 続きを読む

React Server Components と GraphQL のアナロジー

2023/12/25 65 users アナロジー GraphQL App Router 案件 以下

Next.js の App Router が安定版となり、React Server Components (以下 RSC) を実際に試す環境が整ってきた。 実際、今年はやれどこそこのプロダクトが Next.js を採用しただのやっぱり捨てだのといった話題が尽きなかったように思う。 かくいう自分自身も、今年は App Router の案件に取り組んで RSC と格闘する日々を... 続きを読む

research!rsc: Coroutines for Go

2023/07/17 18 users Research

This post is about why we need a coroutine package for Go, and what it would look like. But first, what are coroutines? Every programmer today is familiar with function calls (subroutines): F calls G, which stops F and runs G. G does its work, potentially calling and waiting for other functions, ... 続きを読む

research!rsc: Storing Data in Control Flow

2023/07/12 11 users Research

A decision that arises over and over when designing concurrent programs is whether to represent program state in control flow or as data. This post is about what that decision means and how to approach it. Done well, taking program state stored in data and storing it instead in control flow can m... 続きを読む

Next.jsから学ぶWebレンダリング ~React誕生以前からApp Router with RSCまでの流れ~

2023/06/14 140 users why 箇条書き How What トレードオフ

最近話題のReact Server ComponentsやIslands Architectureが何を解決しようとしてるか知るまでの簡単なWebレンダリングの流れを記載しました。 社内勉強会のために作成した資料となるため箇条書きになっておりますが、なるべくHowやWhatではなくWhyやトレードオフを記述するようにしています。（読みにくい or 誤った記... 続きを読む

React Server Componentsの仕組み：詳細ガイド | POSTD

2022/07/27 99 users POSTD React バンドルサイズ ビルダー 関心

React Server Components（RSC）は、ページの読み込みパフォーマンスやバンドルサイズのほか、Reactアプリケーションの書き方に近い将来大きな影響を与えることになる、素晴らしい新機能です。 Plasmicでは、Reactのビジュアルビルダーを開発しており、Reactのパフォーマンスには大きな関心を持もっています。 当社のク... 続きを読む

Meta（旧Facebook）、メタバース構築に向けてNVIDIAと共同で高速AIスパコン構築中

2022/01/24 10 users Meta NVIDIA シームレス 旧Facebook 見込み

米Meta（旧Facebook）は1月24日（現地時間）、AIスーパーコンピュータ「AI Research SuperCluster（RSC）」を発表した。2022年半ばに完成の見込みで、「世界最速になると確信している」という。 RSCは「何百ものテキスト、画像、動画をシームレスに分析し、新たな拡張現実ツールの開発に役立つ。最終的にはAIが重要な役... 続きを読む

プロ向け3軸カメラジンバル「DJI RS2」＆LiDAR内蔵の自動フォーカサーでムービー撮影するとこんな感じ - GIGAZINE

2020/10/25 10 users GIGAZINE Ronin LiDARスキャナ シンバル

ドローンやジンバルのメーカーであるDJIが、人気のカメラジンバルブランド「RONIN」を刷新し、新しいジンバルブランド「DJI RS2」「DJI RSC2」を2020年10月15日に発表しました。そして、このDJI RS2の周辺機器として、LiDARスキャナを使った自動フォーカサーが登場。さっそくDJI RS2にLiDAR内蔵自動フォーカサーを組み合... 続きを読む

research!rsc: Our Software Dependency Problem

2019/01/24 24 users Research

For decades, discussion of software reuse was far more common than actual software reuse. Today, the situation is reversed: developers reuse software written by others every day, in the form of software dependencies, and the situation goes mostly unexamined. My own background includes a decade of... 続きを読む

やまねメディカル、ＲＳＣ、ＷＡＳＨハウスなどが久々に市場を賑わすＳ高！　ＲＩＺＡＰグループは遂にＳ安地獄を脱出！ - いきなり無職！

2018/11/19 17 users WASHハウス RIZAPグループ 無職 脱出 市場

こんばんは、ふくろう主です。 ちょっと驚くニュースが入ってきました。 あの日産自動車のカルロス・ゴーン会長が 自分の報酬を過少申告していたとして 東京地検特捜部に任意同行されたとか。 過少申告の金額は億単位になるそうです。 これだけの大物ですから、おそらく確たる証拠があるのでしょう。 容疑が固まれば逮捕... 続きを読む

research!rsc: A Tour of Versioned Go (vgo) (Go & Versioning, Part 2)

2018/02/20 15 users vgo Versioning Research Part 2

For me, design means building, tearing down, and building again, over and over. To write the new versioning proposal , I built an prototype, vgo , to work through many subtle details. This post shows ... 続きを読む

research!rsc: Go += Package Versioning (Go & Versioning, Part 1)

2018/02/20 43 users Versioning Research Part 1

We need to add package versioning to Go. More precisely, we need to add the concept of package versions to the working vocabulary of both Go developers and our tools, so that they can all be precise w... 続きを読む

『ヴェニスの商人の異人論―人肉一ポンドと他者認識の民族学』by 出口 治明 - HONZ

2014/01/29 11 users ヴェニス HONZ 俎上 聴力 シェイクスピア

ダークスーツを颯爽と着こなしたビジネスパーソンが、ビジネスバッグを手に所狭しと歩きまわる、電話を掛ける、キーボードをたたく――20年ほど前にロンドンで観たRSCのヴェニスの商人は、確かそのように始まった記憶がある。本書は、人口に膾炙したこのシェイクスピアの名作を俎上に載せ、片方ずつではあるが聴力と視力を失うという病にみまわれた1人の言語学者が、渾身の力を振り絞って、「人肉一ポンドとは何か？」を執拗... 続きを読む

「徒歩圏とは10分以内」　時代を映すアンケート結果に愕然 - 住宅最前線 こだわリポート - NIKKEI 住宅サーチ

2012/04/28 364 users NIKKEI リポート 住宅サーチ 徒歩圏 アンケート結果

住宅最前線 こだわリポート 第三企画が発行する住宅・不動産業界紙「ＲＢＡタイムズＷｅｂ版」の記事を掲載します。本コーナーの記事内容に対するお問い合わせは「ＲＢＡタイムズＷｅｂ版」までお願いします。 すべて モデルルーム見聞 一戸建て 企業情報 その他 「駅からの徒歩圏」は「10分まで」との回答が38.4％でもっとも多かったとする不動産情報サイト事業者連絡協議会（RSC）のアンケート調査結果を報じた... 続きを読む

【コラム/不動産】「徒歩圏とは10分以内」　時代を映すアンケート結果に愕然 なんか憑かれた速報　

2012/04/28 10 users コラム 徒歩圏 速報 不動産 アンケート結果

住みよい街ベスト50 (Shinkosha Selection) 1：＠＠＠ハリケーン＠＠＠φ ★：2012/04/28(土) 13:06:38.36 ID:??? 「駅からの徒歩圏」は「10分まで」との回答が38.4％でもっとも多かったとする不動産 情報サイト事業者連絡協議会（RSC）のアンケート調査結果を報じた不動産流通研究所の 記事を見て、びっくりするとともに「やはりそうか」とも感じた。回答... 続きを読む