RSC From Scratch. Part 1: Server Components · reactwg/server-components · Discussion #5
RSC From Scratch. Part 1: Server Components In this technical deep dive, we'll implement a very simplified version of React Server Components (RSC) from scratch. This deep dive will be published in several parts: Part 1: Server Components (this page) Part 2: Client Components (not written yet) Part 3: TBD (not written yet) Seriously, this is a deep dive! This deep dive doesn't explain the benefits
こんにちは、よしこです。 今回は、参加者が800人を超え大盛況となった Encraft #4 「React/Next.js 最前線」 の開催レポートをお届けします！ Encraftとは？ Encraft（エンクラフト）は 株式会社ナレッジワーク が提供する、 "Enablement" と "Craftsmanship" をテーマにした勉強会です。技術にこだわりを持つ人々が集まって互いに知見を交換し、できることを増やしていく場を作りたいと思っています。 過去のイベントの開催レポートは以下からご覧ください。 Encraft #1 「フロントエンド × 設計」 開催レポート Encraft #2 「サーバーとクラインアントを結ぶ技術」 開催レポート Encraft #3 「エンジニアイネーブルメント - 共有・育成・評価・効率化 -」 開催レポート それではさっそく今回のセッション資料と動画アー
「NVIDIA H100 GPU」を2万4576基搭載して「Llama 3」などのトレーニングに活用されているGPUクラスターの情報をMetaが公開
「AI開発をリードするということは、ハードウェアインフラへの投資でリードするということ」として、MetaがAIのための投資として行っている、2万4000基以上のGPUを搭載したデータセンタースケールのクラスターの情報を明らかにしました。 Building Meta’s GenAI Infrastructure - Engineering at Meta https://engineering.fb.com/2024/03/12/data-center-engineering/building-metas-genai-infrastructure/ Meta reveals details of two new 24k GPU AI clusters - DCD https://www.datacenterdynamics.com/en/news/meta-reveals-details-o
サッカー日本代表ヨーロッパ遠征第2弾、10月のオランダ遠征に続いて、オーストリア遠征でメキシコ（11月18日）、パナマ（11月13日）と対戦する。 オーストリアは新型コロナウイルスの感染拡大を受けて3日からロックダウン（都市封鎖）を行う。ただ、サッカーなどプロ競技は無観客開催が許可される見通し。 メキシコ戦・パナマ戦の行方を展望する上で参考となるデータを調査しましたで観戦の参考にして頂ければと思います。 なお、オランダ遠征に関する記事はこちら！ オール欧州組で臨むサッカー日本代表オランダ遠征メンバー予想など 試合結果：パナマ戦 、メキシコ戦 最新FIFAランキング Top10選手の推定市場価値 2020年度成績 W杯成績 直接対戦（H2H） 招集メンバー 試合日程と放送予定 【リーグ・クラブ・選手のランキング関連記事】 【W杯アジア2次関連記事】 おわりに 最新FIFAランキング （202
8月1日、Vercel Newsで「Google がインデックス作成プロセスで JavaScript を処理する方法 – Vercel」と題した記事が公開された。この記事では、Googleがインデックス作成プロセスでJavaScriptをどのように処理しているかについて詳しく紹介されている。 以下に、その内容を簡潔にまとめて紹介する。 まず、Googleがインデックス作成プロセスでJavaScriptをどのように扱うかについて、以下の主要な誤解があることが指摘されている。 「GoogleはクライアントサイドのJavaScriptをレンダリングできない」 「GoogleはJavaScriptページを異なる扱いをする」 「レンダリングキューとタイミングがSEOに大きく影響する」 「JavaScriptを多用するサイトはページ発見が遅くなる」 これらの誤解を解消するため、VercelはSEOおよ
Previous slideNext slideToggle fullscreenOpen presenter view Build and Publish 2023 @mizchi | Plaid, Inc. jsconf.jp 2023 今日もツールチェインに消耗してますか？ https://2022.stateofjs.com/en-US/libraries 今日のテーマ 今日話すこと 現代のビルドツールチェインの進化と目的 エコシステムに振り回されないようになろう！ 今日話さないこと 個別のツール/ライブラリの使い方 フロントエンドの話？ NO. 最近のサーバーサイドJSとバンドラは一体化している サイズ制限のある CDN Edge Worker も最適化が必要 About Me JSのビルドとは何か Transpile AltJS(TS,JSX)や CSS Modules の変換
In React Labs posts, we write about projects in active research and development. We’ve made significant progress since our last update, and we’d like to share our progress. React Conf 2024 is scheduled for May 15–16 in Henderson, Nevada! If you’re interested in attending React Conf in person, you can sign up for the ticket lottery until February 28th. For more info on tickets, free streaming, spon
Mixing It Up: Remix Joins Shopify to Push the Web Forward
Opens in a new windowOpens an external siteOpens an external site in a new window We are very excited to announce that the open-source web framework Remix and its team are joining Shopify. Why? The web is always evolving—and we’re entering a new era. First, we had the document web, and then we sprinkled in richer interactivity. Most recently, we entered the world of single page apps. We’ve learned
Next.js App Router 初採用！ 新規プロダクトでの採用理由と決定プロセス - SmartHR Tech Blog
こんにちは！プロダクトエンジニアのshiraです。 2024年6月にリリースした採用管理機能の開発をしています。 support.smarthr.jp 採用管理機能ではNext.jsのApp Routerを採用しています。SmartHRではこれまでApp Routerを使ったプロダクトがない状態だったので、技術選定時は採用するか迷いました。 この記事ではApp Routerを採用するまでの経緯と採用してみてどうだったかについて紹介させていただきます。 Pages RouterとApp Routerについて まずはじめにPages RouterとApp Routerについて軽く説明します。ご存知の方は読み飛ばしてください。 2024年9月現在、Next.jsのルーティングシステムは2つ用意されています。それがPages RouterとApp Routerです。 Pages RouterはNe
まとめ トトロ舞台化発表で広がる困惑「ホラーだろ」「着ぐるみで??」「怪獣モノか」「カンタァァァァ」 ジブリ名作の舞台化は、アニメと全然違う雰囲気の迷作になる予感です。 4644 pv 7 1 user My Neighbour Totoro @totoro_show The RSC and Joe Hisaishi bring Japanese creative powerhouse Studio Ghibli’s My Neighbour Totoro to the stage 🌱 totoroshow.com My Neighbour Totoro @totoro_show Yattaaaaah! やった〜！ We did it! We’re absolutely overjoyed to have won SIX #OlivierAwards last night 🤩 Cong
概要 最近、実務の中で Next.js version 13 の App Router で実装する機会をいただきました。 しかし、実際に使ってみたところ、SSR と React Server Components をごっちゃに解釈してしまい、よくわからないことになってしまいました。そのため、今回の記事で自分の中での SSR と React Server Components について一旦整理しよう、ということで今回の記事を作成しました。 公式のドキュメントを参照しながらまとめたため、大きな解釈違いはないと思っているのですが、間違っている箇所などあれば気軽にご指摘いただけると嬉しいです。 SSR とは まず、SSR について簡単にまとめていこうと思います。 SSR とは、Server Side Rendering の略称で、その名の通り、サーバーサイドでレンダリングすることを指します。具体的
![[Next.js] SSR と React Server Components の相違点を理解する](https://cdn-ak-scissors.b.st-hatena.com/image/square/18c54d2132380ee4bdedd3589e44754470327bd5/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--nEZdUMCc--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%25255BNext.js%25255D%252520SSR%252520%2525E3%252581%2525A8%252520React%252520Server%252520Components%252520%2525E3%252581%2525AE%2525E7%25259B%2525B8%2525E9%252581%252595%2525E7%252582%2525B9%2525E3%252582%252592%2525E7%252590%252586%2525E8%2525A7%2525A3%2525E3%252581%252599%2525E3%252582%25258B%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3A%2525E3%252581%2525A4%2525E3%252581%2525A1%2525E3%252581%2525AE%2525E3%252581%252593%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzRjZDZjM2E1ZmQuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)
Understanding React Server ComponentsLearn the fundamentals of React Server Components, to better understand why (and when) to adopt. React Server Components (RSCs) augment the fundamentals of React beyond being a pure rendering library into incorporating data-fetching and remote client-server communication within the framework. Below, we’ll walk you through why RSCs needed to be created, what the
はじめに こんにちは！ 犬専用の音楽アプリ オトとりっぷでエンジニアしています、足立です！ この記事では、Next.jsのReact Server Components(RSC) で使用可能なゼロランタイムCSS in JSライブラリを比較します。 目次 モチベーション 使えるライブラリたち 選定基準 選定結果 比較結果 書き味 パフォーマンス Dynamic Styling 結論 モチベーション みなさん、Next.jsのReact Server ComponentsのStyleをどうやるか問題に悩んでおられますね？ 私もどれを使えばいいのかわからずNext.js公式に見に行くと、App Routerで使用できるものとして、以下のライブラリを上げています。 が、React Server Componentsではnot supportedと記載されており、まだまだ未整備な状況のようです。
【6月3日版】アマゾンで24時間以内に値下がりした売れ筋商品ランキング | 激安！特価・タイムセール・クーポン観測所
激安！特価・タイムセール・クーポン観測所 Amazon・楽天・ヤフーショッピング等のタイムセール、限定クーポン、最新のリアルタイム売れ筋ランキングなど、激安＆特価で販売中の商品情報を紹介していくブログです。 Amazonで24時間以内に値下げされた商品を売れ筋ランキング順で紹介します。 本記事は、パソコン・周辺機器、家電＆カメラカテゴライズされた商品のランキングです。 ⇒その他売れ筋商品情報はブログランキング ランキング第1位 Acer ゲーミングモニター SigmaLine 24.5インチ KG251QJbmidpx 0.6ms(GTG) 165Hz TN フルHD FreeSync フレームレス HDMI スピーカー内蔵 ブルーライト軽減 26082円 （2022年06月03日 07時10分時点の価格） 24時間の価格下落率：7% ランキング第2位 Acer ゲーミングディスプレイ N
Back to BlogMonday, October 23rd 2023 How to Think About Security in Next.jsPosted by React Server Components (RSC) in App Router is a novel paradigm that eliminates much of the redundancy and potential risks linked with conventional methods. Given the newness, developers and subsequently security teams may find it challenging to align their existing security protocols with this model. This docume
激安！特価・タイムセール・クーポン観測所 Amazon・楽天・ヤフーショッピング等のタイムセール、限定クーポン、最新のリアルタイム売れ筋ランキングなど、激安＆特価で販売中の商品情報を紹介していくブログです。 Amazonで24時間以内に値下げされた商品を売れ筋ランキング順で紹介します。 本記事は、パソコン・周辺機器、家電＆カメラカテゴライズされた商品のランキングです。 ⇒その他売れ筋商品情報はブログランキング ランキング第1位 2021 AirPods Pro Apple純正MagSafe充電ケース付き 26600円 （2022年06月04日 12時59分時点の価格） 24時間の価格下落率：4% ランキング第2位 Acer ゲーミングディスプレイ Nitro VG252QXbmiipx 24.5型ワイド IPS 非光沢 フルHD 0.5ms(GTG) 240Hz HDMI DisplayH
先日Vercelから「Next.js App Router Caching: Explained!」というタイトルの動画が公開されていたので、その内容をまとめることでNext.jsのキャッシュの今について整理しておこうと思います。 基本 まずNext.jsでは、静的レンダリングがデフォルトです。RSCを使用していても基本的にはビルド時にページが事前レンダリングされます。これはRoute Handlersも同様です。仮にビルド後にデータを更新してもリビルドしない限り表示は古いままであり、これは静的にレンダリングされていると言えます。 ただし、developmentとproductionでは挙動が異なります。ローカルではコードに変更を加えるたびにデータが再取得・レンダリングされるので、ローカルとビルド後の挙動に違いがあることを理解しておきましょう。 リクエストするたびに最新のデータを取得し表示
河井 菜摘 Natsumi KAWAI @nano_723 箱根に行くならと生徒さんに教えてもらった釜めし屋のかま家、釜めし頼んだら炊き上がりに40分かかるんだけど、併設の温泉に浸かって待てる最高のシステム。釜めしは今まで食べた釜めしの中で一番おいしく、熱めのお湯がきんきんに冷えた身体をあっためてくれてほかほかに満たされました。 pic.twitter.com/RSc2puxwWC
Next.js App Router 遷移の仕組みと実装
Next.jsのv13.4が発表され、App RouterがStableになりました。App Routerは発表以来着実に実装が進んでおり、最近もServer ActionやParallel Routesなどの新機能が次々と発表されています。 当然ながらこれらの話題はフレームワーク利用者目線の話題が多いのですが、本稿はApp Routerがどう実装されているのか、筆者の興味のままに遷移処理周りを中心に調査したまとめ記事になります。知っておくと役に立つ点もあるかと思うので、参考になれば幸いです。 Next.jsの遷移とprefetch挙動 Next.jsの遷移を理解するには、まずprefetch挙動について知る必要があります。今回は調査用のデモとして、pagesとappそれぞれで同じようなページをいくつか用意しました。 pagesで実装したページ appで実装したページ これらで従来のpag
アロエベラジュースのフォーエバーリビングで初心者は成功できる？ - 田舎暮らしでも在宅ネットワークビジネスで大成功〜MLMはインターネット集客時代〜
フォーエバーリビングプロダクツジャパンは1980年に設立、1983年に製品の販売を開始します。 この空白の3年間については後述したいと思います。 2022年ネットワークビジネス（MLM）日本国内の売上ランキングでは7位の実績を誇ります。 設立から40年も事業を継続し、現在でも国内トップ10に位置している確かな実績を持っている会社です。 フォーエバーリビングプロダクツジャパンの日本国内の累計会員数はなんと100万人を超えています！ 製品が多くの人に愛用されていること窺えますね～今現在の会員数はどれくらいなのかも気になるところです。 企業理念 フォーエバーの理念 品質のすぐれた商品を提供し、 さらにこれを伝えることに多くの人々が参加し、 人々の健康と繁栄に貢献することです。 フォーエバーリビングプロダクツジャパン公式サイトより引用 沿革 1980年 フォーエバーリビングプロダクツ ジャパン（株
メタバースの標準化団体「Metaverse Standards Forum」結成 MetaやSIE、W3Cなど33団体
Microsoft、Epic Games、Metaなど33の企業や組織が6月21日（米太平洋時間）、「オープンなメタバース」の標準化団体「Metaverse Standards Forum」の結成を発表した。「オープンなメタバースを構築するために必要な相互運用性標準に関する業界全体の協力」のための団体だ。 立ち上げ段階の参加企業は、0xSenses、Academy Software Foundation、Adobe、Alibaba、Autodesk、Avataar、Blackshark.ai、CalConnect、Cesium、Daly Realism、Disguise、Enosema Foundation、Epic Games、Express Language Foundation、Huawei、IKEA、John Peddie Research、Khronos、Lamina1、Maxo
「藻」をPC用電源として使うことに成功
シアノバクテリア(藍藻：らんそう)が生成する電流だけを使用して、6カ月以上マイクロプロセッサを動作し続けることに成功したと研究者が発表しました。 Powering a microprocessor by photosynthesis - Energy & Environmental Science (RSC Publishing) https://doi.org/10.1039/D2EE00233G Algae-powered computing: scientists create reliable and renewable biological photovoltaic cell | University of Cambridge https://www.cam.ac.uk/research/news/scientists-create-reliable-biological-pho
米Meta（旧Facebook）は1月24日（現地時間）、AIスーパーコンピュータ「AI Research SuperCluster（RSC）」を発表した。2022年半ばに完成の見込みで、「世界最速になると確信している」という。 RSCは「何百ものテキスト、画像、動画をシームレスに分析し、新たな拡張現実ツールの開発に役立つ。最終的にはAIが重要な役割を果たすメタバース構築のための道を開く」とMetaは説明する。 また、何兆ものパラメータを持つAIモデルをトレーニングすることで、有害コンテンツのリアルタイム特定にも役立つとしている。数百の言語を理解できるAIモデルが可能になれば、現在批判されている英語以外の有害コンテンツの特定性能も上がりそうだ。 Metaは2020年にRSCの開発に着手した。米NVIDIAのテクノロジーを採用し、Metaのエンジニアがネットワークやケーブルなどのシステムをゼ
React Server Components, Next.js App Router and examples May 6, 2023 There were recently a number of discussions in the React community around the state of Server Components, the Next.js App Router and the future of tooling and rendering approaches. Here's my attempt at a brief summary of concepts and discussions for folks that want highlights. I also wanted to share (lower down) more "complete" A
Next.js 事務局と権利者で利用 アプリケーション基盤となるフレームワークとしてNext.jsを利用しています。2022年の4月頃の開発立ち上げ当時から使い続けています。時期的にもReactで中規模以上のアプリケーションつくるならデファクトスタンダードだったと認識しています。 開発初期はとにかく事業の立ち上げのスピードを優先しており、ゼロコンフィグで簡単にアプリケーションが立ち上がること、ファイルベースルーティングが直感的でわかりやすいことなどが採用の理由でした。 export: static 事務局と権利者アプリケーションともに全てのページでログインしないと利用できないサービスなのでstaticビルドをしています。APIサーバーはJava(Spring Boot)で動いており、ログインが確認出来次第、全てブラウザからAPIコールしています。 ビルド時にAPIサーバーへの通信は発生して
React Server Component のテストと Container / Presentation Separation
Photo by Jon Tyson from unsplashはじめに先日 @takepepe さんと フロントエンドのテストについてパネルディスカッションする機会 があり、その際に一瞬だけ Next.js App Router のテストの話題になりました。 僕自身、最近 Next.js App Router と格闘する日々を送っておりタイムリーな話題であったのですが、イベントの場では時間の都合もありほとんど語らず仕舞いとなってしまいました。 そこで、今回の記事は App Router、特に React Server Component のテストについて、最近考えていたことを吐き出していこうと思います。 要旨この記事では「2023 年 8 月現在で利用可能なツール群で、どのように React Server Component (以下 RSC) をテストしていくのが妥当か」を書いていきます
米Metaは5月18日（現地時間）、FacebookやInstagram、メタバースにおけるAI体験強化に向けた「次世代インフラ」について発表した。 AIトレーニング高速化のためのチップ「MTIA」 MTIA（Meta Training and Inference Accelerator）は、AIによるレコメンデーションシステムを強化し、ユーザーのフィード上に表示する最適なコンテンツをより迅速に見つけられるように設計された第1世代のカスタムチップ。ASIC（特定用途向け集積回路）で、複数のタスクを並行して実行するようにプログラムできる。2025年リリースの予定だ。 動画処理向けチップ「MSVP」 Meta Scalable Video Processor（MSVP）は、VOD（ビデオオンデマンド）やライブストリーミングの処理ニーズに合わせて設計したASIC。 多様な端末上のFacebook
世界的に普及が進んでいる電気自動車にはエネルギー密度が高いリチウムイオンバッテリーが採用されており、バッテリーの性能が電気自動車の全体的な性能に影響します。韓国の研究チームが新たに発表した論文では、「わずか6分で最大90％の充電を可能にするリチウムイオンバッテリーの材料を開発した」と報告されています。 Ultrafast kinetics in a phase separating electrode material by forming an intermediate phase without reducing the particle size - Energy & Environmental Science (RSC Publishing) https://pubs.rsc.org/en/content/articlelanding/2020/EE/D0EE02518F Char
先日 Vercel の@leeerob氏が次のようなツイートをしていました。 I'm working on updated testing docs for the @nextjs App Router. next@canary supports Jest for server & client components, metadata, server-only, and more なんと next@canary で、Server Components の Jest でのテスト実行がサポートされているとのことです！これは試さないと！ next@13.4.19 時点での Server Components テストの課題 Next.js App Router で開発するときの大きな課題の一つがテストで、現状では Server Components と testing-library を組み合わ
自分も同じ道を辿ってきて今はちょっと考え方が変わっているので自身の整理がてらmeijinさんの記事に乗っからせていただきます🙏 Re: 「A layout is UI that is shared between routes.」って書いているのでめっちゃめちゃ違う用途じゃないか？ export default async function Layout({ children }: { children: ReactNode }) { const supabaseClient = createSupabaseServerComponentClient(); const { data, error } = await supabaseClient.auth.getUser(); if (!data.user) { // This is unreachable because the use
React 18 was years in the making, and with it brought valuable lessons for the React team. Its release was the result of many years of research and exploring many paths. Some of those paths were successful; many more were dead-ends that led to new insights. One lesson we’ve learned is that it’s frustrating for the community to wait for new features without having insight into these paths that we’r
The current state of web application development User expectations of the web are now that you have this super-smooth no-reload experience. Unfortunately, it's an expectation that is usually delivered with single-page applications (SPAs) that rely on libraries and frameworks like React and Angular, which are very specialised tools that can be complicated to work with. A new approach is to put the
Published on July 19, 2023 (about 1 year ago) Everything I wish I knew before moving 50,000 lines of code to React Server Components React Server Components are a lot. We recently rethought our docs and rebranded Mux and, while we were at it, moved all of mux.com and docs.mux.com over to Server Components. So… believe me. I know. I also know that it’s possible and not that scary and probably worth
紅茶はイギリス文化を代表する飲み物として知られており、イギリス国民の多くが日常的に紅茶をたしなんでいるといわれています。そんな紅茶の完璧な淹(い)れ方についてまとめた本をアメリカの科学者が出版したのですが、「紅茶に塩をひとつまみ加える」などの内容が議論を呼んでいます。 SteepedThe Chemistry of Tea | Books Gateway | Royal Society of Chemistry https://books.rsc.org/books/monograph/2162/SteepedThe-Chemistry-of-Tea Want to fix a bad cuppa? Just add salt to your tea... https://www.telegraph.co.uk/news/2024/01/24/add-salt-to-fix-bad-cup
こんにちは、とるてです。 いつもご覧いただきありがとうございます。 来る2020年4月10日に、ファイナルファンタジーⅦリメイク（以下、FF7）が発売されますね！先日体験版がプレイ可能となりましたので早速やってみました(*^▽^*) FF7 リメイク体験版 実際に体験してみて FF7は買いか？ FF7 今後FF7の記事を書く可能性がありますので、ここでは詳細なゲーム内容については書きません。これまでにFF1とFF2については記事にしました。 www.torute3.com www.torute3.com FF7は1997年1月にPlayStationで発売されました。かれこれ23年も前の話ですΣ(ﾟдﾟlll) 当時学生だった私は、当然のごとく発売日に購入し、FF初となるPlayStationの世界にのめり込んでいきました。今思えばポリゴンが荒くてとてもプレイできたものではないですが、当時
Kuma UI はどのように React Server Components をサポートしているのか
はじめに こんにちは。READYFOR でフロントエンドエンジニアとして働いている菅原（@kotarella1110）です！ 私は OSS が大好きで、React Hook Form や Kuma UI のメンテナとしても活動しています。 弊社のプロダクトでは CSS ライブラリとして Emotion を採用していますが、ランタイムでのパフォーマンス上の問題や App Router 非対応等の理由から、ゼロランタイム CSS ライブラリへの移行を検討しています。このような背景から、ゼロランタイム CSS に関する話題が社内で頻繁に取り上げられています。 そこで本記事では、その中でも私がメンテナとして関わっている Kuma UI がどのように React Server Components をサポートしているかを詳しくご紹介します。 Kuma UI とは? Kuma UI は、新しい手法であ
棚の奥に眠っていた、何が入っているか分からない謎の瓶を、開けてみたのですが、果たして中身は？？？ youtu.be ネスカフェ プレジデント 65g ネスカフェ RSC Amazon AGF マキシム 袋 170g 【 インスタントコーヒー 】 【 詰め替え エコパック 】 AGF(エージーエフ) Amazon ◆きひみの「ほしい物リスト」ヾ(๑╹◡╹)ﾉ" 5月3日は、きひみハマめの誕生日ヾ(๑╹◡╹)ﾉ" www.amazon.co.jp ◆インフォメーション 井原西鶴の大著、『男色大鑑』の一般向けの現代語訳が発売されました♪ 北見花芽（きひみハマめ）の中の人もちょっと書いてるので、興味のある方も無い方も、下のアマゾンリンクから、お買い求めくださると狂喜乱舞します♪ ※ 書店で買っても、北見花芽の中の人には直接お金が入らないので何卒。 全訳 男色大鑑〈武士編〉 作者: 染谷智幸,畑中千
Hotwire/Honoなウェブアプリのアーキテクチャ
React Notes: MarkdownエディタのUIを作る 「React Notes」というReact Server Components(RSC)が発表された時期にReactチーム[1]やVercel[2]が公開していたブログ投稿デモサイトがあって、それをHotwireとHono/JSXで作ってみることでRSCなしに似たようなUXが作れるっていうのを示せるのではと思って、今クローンを作ってみています 現在はテキストエリアにMarkdownを入力するとプレビューをしてくれて、保存→更新の画面遷移がひととうりできるという部分のUIだけ先に試しに書いてみて以下にデプロイしました ソースコードがここにあります SSRな部分をHono/JSXのテンプレート処理系に寄せて クライアントサーバー通信と画面更新のコードはHotwire/Turboで簡略化 イベントハンドラな部分はHotwire/St
ISSの新モジュール「プリチャル」11月の打ち上げに向けて準備が進む
【▲ 2021年11月に打ち上げ予定のノードモジュール「プリチャル」（Credit: Roscosmos）】こちらはロシアの国営宇宙企業ロスコスモスが国際宇宙ステーション（ISS）に向けて2021年11月に打ち上げる予定のノードモジュール「プリチャル（Prichal）」（露：Причал、バース（停泊場所）の意味）です。カザフスタンのバイコヌール宇宙基地では、プリチャルの打ち上げに向けた準備が進められています。 プリチャルは合計6か所にドッキング機構を持つ比較的小さな球形のモジュールで、2021年7月にISSへドッキングしたロシア区画の多目的実験モジュール「ナウカ（Nauka）」の下部（天底側）に結合されます。ドッキング機構のうち1つはナウカとのドッキングに使用されるもので、残る5つは有人宇宙船「ソユーズ」、無人補給船「プログレス」、新たなモジュールなどのドッキングに対応します。 現在バイ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Encraft #4「React/Next.js 最前線」開催レポート
オーストリア遠征日本代表とメキシコ・パナマのチームデータ紹介 - Ippo-san’s diary
JavaScriptの多用はSEOに悪影響なのか？Vercelが徹底的に調査、結果は？
Build and Publish 2023
React Labs: What We've Been Working On – February 2024 – React
不安視されていた舞台版トトロ、めちゃくちゃ大盛況でイギリス演劇賞総なめ
[Next.js] SSR と React Server Components の相違点を理解する
Understanding React Server Components – Vercel
Build a Next.js app in Storybook with React Server Components and Mock Service Worker
App Router時代のゼロランタイムCSS in JSに何を使えばいいの？
How to Think About Security in Next.js
【6月4日版】アマゾンで24時間以内に値下がりした売れ筋商品ランキング | 激安！特価・タイムセール・クーポン観測所
Next.js App Router キャッシュの今
箱根には釜めしの炊き上げを待つ間に併設の温泉に入れる最高の「人もコメもあっためるシステム」を提供している店があるらしい
Meta（旧Facebook）、メタバース構築に向けてNVIDIAと共同で高速AIスパコン構築中
React Server Components, Next.js App Router and examples
SimpleでStaticなNext.jsを中心としたフロントエンド技術選定
Meta、AI強化に向けた自社開発のAIチップ、スパコン、データセンター、生成AIアシスタントを発表
わずか6分で電気自動車を90%まで充電する可能性を秘めたバッテリー材料が開発される
Next.jsでServer Componentsがちょっとだけテストできるようになってた
Re: Layout.tsxはミドルウェア的に使ってもいいの？（Next.js 14）
React Labs: What We've Been Working On – June 2022 – React
Chris James - HTMX is the Future
We migrated 50,000 lines of code to React Server Components
「完璧な紅茶をいれるには塩をひとつまみ入れるべき」とアメリカ人科学者が主張してイギリス政府を巻き込む大論争が勃発
【FF7】ファイナルファンタジーⅦリメイク体験版をプレイしてみました - 明鏡止水☆色即是空
【閲覧注意】数十年前の瓶を開けてみたら？ - 魅惑的！お煎チ～ズ！