並び順

ブックマーク数

期間指定

  • から
  • まで

121 - 160 件 / 1110件

新着順 人気順

RSCの検索結果121 - 160 件 / 1110件

  • React 18によるアプリケーションのパフォーマンス向上について - Vercel

    React 18では、アプリケーションのレンダリング方法が根本的に変わる「concurrent(同時)」な機能が導入されました。これらの最新機能がアプリケーションのパフォーマンスにどのような影響を与えるかを探ってみましょう。 まずは、長いタスクと対応するパフォーマンスの測定について基本を理解しましょう。 メインスレッドと長いタスク ブラウザでJavaScriptを実行する際に、JavaScriptエンジンは「メインスレッド」と呼ばれるシングルスレッドの環境でコードを実行します。JavaScriptコードの実行だけでなく、メインスレッドはクリックやキーストロークなどのユーザーの操作、ネットワークイベントの処理、タイマーの実行、アニメーションの更新、ブラウザの再レイアウトや再描画の管理など、他のタスクも処理します。 メインスレッドはタスクを一つずつ処理します メインスレッドはタスクを一つずつ処

      React 18によるアプリケーションのパフォーマンス向上について - Vercel
    • GitHub - alvarlagerlof/rsc-parser: A parser for the React Server components when sent over the network

      You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

        GitHub - alvarlagerlof/rsc-parser: A parser for the React Server components when sent over the network
      • React Server Components: the Good, the Bad, and the Ugly

        React Server Components bring server-exclusive capabilities to React. I've been using this new paradigm within Next.js 13 and 14, and what follows is my honest assessment of it[1]. I debated not publishing this post because of the way the React community has historically handled criticism. It is only recently that I decided it is important to share my thoughts, especially after seeing that much of

        • research!rsc: The Principles of Versioning in Go (Go & Versioning, Part 11)

          This blog post is about how we added package versioning to Go, in the form of Go modules, and the reasons we made the choices we did. It is adapted and updated from a talk I gave at GopherCon Singapore in 2018. Why Versions? To start, let’s make sure we’re all on the same page, by taking a look at the ways the GOPATH-based go get breaks. Suppose we have a fresh Go installation and we want to write

          • 舞台版『となりのトトロ』英国演劇界で権威ある「WhatsOnStage Awards」5冠の快挙

            【写真】その他の写真を見る 現地時間12日に行われた授賞式で、ベストセットデザイン、ベストサウンドデザイン、ベストミュージカルディレクター・スーパービジョン、ベストライティングデザイン、ベストディレクションの5つの部門で受賞。同舞台は、9部門にノミネートされていた。 同映画の音楽を手がけた作曲家の久石譲氏が「この作品に本当の意味で普遍性があるなら――僕はあると思っていますが――まったく違うカルチャーで育った人たちが違う言語でやっても、きっと世界中の人に伝わるはず」と発案し、エグゼクティブ・プロデューサーを務め、イギリスの名門演劇カンパニー、ロイヤル・シェイクスピア・カンパニー(RSC)と日本テレビが共同製作した。 昨年5月にチケットが発売開始されると、初日だけで約3万枚が売れ、ベネディクト・カンバーバッチ主演『ハムレット』(2015年)の数字を抜いて、バービカン劇場の初日販売記録を更新。そ

              舞台版『となりのトトロ』英国演劇界で権威ある「WhatsOnStage Awards」5冠の快挙
            • 荏開津広『東京/ブロンクス/HIPHOP』第13回:ストリートの成果から向き合うヒップホップの現実/リアル

              RHYMESTER『リスペクト』 …今や誰もが口にするB-BOYS この街のKING、愛してるチーム RSC   変えていくシーン 君のはいてるジーンズやプーマ、アディの理由は何? ファッションばかりじゃまだ甘い オンリーワン オリジナル マネじゃなく スニーカーに有り金はたく さらに開拓 未知の可能性 君を誘うぜ…(「B」の定義/RHYMESTER featuring CRAZY-A) 1970年、ビートニク詩人兼ミュージシャン、もしくは彼自身に倣うなら“ブルージシャン”のギル・スコット・ヘロンが「自分は医者代が払えない、白ん坊は月に/10年後にもまだ支払っているだろう、白ん坊は月に/なぁ、昨晩家賃が上がった、なぜって白ん坊が月に(拙訳)〈I can't pay no doctor bill./(but Whitey's on the moon)/Ten years from now I

                荏開津広『東京/ブロンクス/HIPHOP』第13回:ストリートの成果から向き合うヒップホップの現実/リアル
              • デジカルiOSアプリの歴史 - エムスリーテックブログ

                こちらはエムスリー Advent Calendar 2023の14日目の記事です。 こんにちは、デジスマチームの堀田です。普段はデジスマチーム*1でWebフロントとバックエンドの開発を行なっていますが、 サブタスクとしてデジカル*2のiOSアプリの改善も行なっています。 改善には軽微なバグ修正も含まれていましたが、新機能の追加や大幅な変更が行われることもありました。その結果、初期のバージョンからは大きく変貌を遂げています。 良いタイミングなので、このプロジェクトの歴史をまとめようと思いました。 初めまして、手書きアプリ 認証機能周りの強化 Main.storyboardからカルテ画面の切り出し PencilKitの検討 iPhoneアプリ 〜カルテビューワー〜 のリリース カルテビューワーのデザインリニューアル カルテビューワー in 手書きアプリ機能 〜miniPhone機能 〜 Git

                  デジカルiOSアプリの歴史 - エムスリーテックブログ
                • 【台湾】莧菜を使った料理を作ってみよう! - ふんわり台湾

                  大家好〜!やすまるです。 またひとつ、私にとって未知なる野菜との遭遇をしました。 この野菜なんだろう🤔 うっすら、シソっぽい匂いもする。 pic.twitter.com/MmzfxJGV42— やすまる ふんわり台湾🇹🇼 (@yasumarutaiwan) July 28, 2020 台湾人の義理父が市場で買ってきたこの野菜。 なんて言う野菜なのかを聞いてみたところ、 「ハンツォイ 」と。 ハンツォイ……? やすまる、早々にギブアップ。 分からん。聞き取れん。帰りたい! という事で、夫に翻訳を助けて貰おうとしたところ、「あれは客家語。聞き取れるけど漢字は分からない。」と言われ、やすまる、完全にTKOです。 TKO。そう、テクニカルノックアウトです。 TKOとは… プロボクシングで、両者の力の差が大きすぎるときや、負傷のため試合が続行できない場合に、試合を中止し、勝敗を決すること。アマ

                    【台湾】莧菜を使った料理を作ってみよう! - ふんわり台湾
                  • 国立研究開発法人 森林研究・整備機構 森林総合研究所/香りも味も世界初「木のお酒」

                    大塚 祐一郎・野尻 昌信・楠本 倫久(森林資源化学研究領域)、Ronald R. Navarro(元森林総研PD)、橋田 光・松井 直之(森林資源化学研究領域) 世の中では、様々なお酒が飲まれていますが、その原料は穀物のデンプンや果実およびサトウキビの糖分に限られてきました。 我々は今回、水と食品用の酵素、醸造用の酵母のみを用いて、熱処理や薬剤処理なしに木材中の繊維を糖化・発酵する技術を開発し、世界で初めての「木のお酒」を目指したアルコールの製造方法を確立しました。さらにスギ、白樺、桜の材から試験製造したアルコールについて、その香り成分の分析を行いました。その結果、スギ材から製造したアルコールにはスギ材特有の香り成分が多く含まれ、より木らしい香りを持つことが明らかとなりました。また、桜の材から製造したアルコールには、ジャスミンなどの花の香り成分が含まれ、より華やかな香りを持つことを明らかに

                    • 鹿島アントラーズがレネ・ヴァイラー氏の監督就任を発表 ヨーロッパ出身監督はクラブ初 :

                      Twitter: 29 Facebook LINEでおくる B! Bookmark 更新通知を受ける 鹿島アントラーズは10日、来シーズンの新監督としてレネ・ヴァイラーが就任することに合意したと発表しました。 ヴァイラー氏はスイス出身。スイス、ドイツ、ベルギーのクラブの監督を務めたあと、2019−20シーズンはエジプトのアル・アハリで監督をしていました。 また、2016−17シーズン、2019−20シーズンはそれぞれベルギーとエジプトでリーグ優勝、年間最優秀監督にも選ばれています。 [鹿島公式]レネ ヴァイラー氏の新監督就任について https://www.antlers.co.jp/news/release/85594 レネ ヴァイラー氏と2022年シーズンの監督就任について合意に達しましたのでお知らせいたします。 <プロフィール> ■本名:レネ ヴァイラー René Weiler ■生

                        鹿島アントラーズがレネ・ヴァイラー氏の監督就任を発表 ヨーロッパ出身監督はクラブ初 :
                      • 2023-06-11のJS: Rspack 0.2、Modern CSS、polywasm

                        JSer.info #647 - Rustで書かれたwebpack互換のbundlerであるRspack 0.2がリリースされました。 Announcing Rspack 0.2 - Rspack Plugin Hooksの追加、ESM形式のoutputに対応、SplitChunksPluginの実装、Data URIのサポートが追加されています。 また、Vue/Svelte/NestJSのloaderのサポートが追加されています。 Modern CSS in Real Life - Chris Coyierという記事では、最近CSSに追加され利用できるようになった機能について紹介されています。 Logical Properties、Container Queries、Cascade Layers、CSS Colorsとoklch()、View Transitions APIについて現実の

                          2023-06-11のJS: Rspack 0.2、Modern CSS、polywasm
                        • Building Meta’s GenAI Infrastructure

                          Marking a major investment in Meta’s AI future, we are announcing two 24k GPU clusters. We are sharing details on the hardware, network, storage, design, performance, and software that help us extract high throughput and reliability for various AI workloads. We use this cluster design for Llama 3 training. We are strongly committed to open compute and open source. We built these clusters on top of

                            Building Meta’s GenAI Infrastructure
                          • 単一のAIモデルで200言語を翻訳: 高品質機械翻訳のブレイクスルー

                            Meta AIは、単一のAIモデルとして初めて200の言語を翻訳できるNLLB-200を開発しました。その今までにない品質の高さは、言語ごとの詳細な評価によって実証されています。 また、新たな評価データセットのFLORES-200を開発し、NLLB-200のパフォーマンスを言語ごとに測定して、翻訳品質の高さを確認しています。NLLB-200は、これまでの最高水準のパフォーマンスを平均44%上回っています。 Meta AIは現在、このプロジェクトから得たモデリングの手法や学習成果を活用して、Facebook、Instagram、Wikipediaの翻訳品質を改善し、翻訳対象を拡大しています。 Meta AIでは、他の研究者が自分たちの翻訳ツールを改善したりMeta AIの取り組みを活用したりできるようにするため、NLLB-200モデル、FLORES-200、モデル学習コード、および学習データ

                              単一のAIモデルで200言語を翻訳: 高品質機械翻訳のブレイクスルー
                            • React Server ComponentsとApp Routerをそろそろちゃんと理解したい - Qiita

                              「仕事で React や Next.js を使っているのに、RSC とか App Router とか Suspense とか何にも分からない。。やばい。。。」と焦りを覚えたので、勉強しつつ、Qiita にまとめてみました。 この記事を読めば、以下の項目が理解できるようになるでしょう。 React や Next.js の基礎知識 React Server Components とは何か? React Server Components のレンダリングの流れ Suspense とは何か? App Router とは何か? 少しでも私と同じような悩みを抱えている方の助けになれば幸いです。 TL;DR React は UI を簡単に構築するための JavaScript ライブラリ Next.js は React のフレームワーク React は以下の流れでレンダリング(CSR)を行う レンダリング

                                React Server ComponentsとApp Routerをそろそろちゃんと理解したい - Qiita
                              • 依存関係解決における最大バージョン選択と最小バージョン選択について

                                この記事では Bundler (Ruby) や npm (JS)、Cargo (Rust)、vgo (Golang) 等のパッケージマネージャの依存関係解決における最大バージョン選択 (Maximal Version Selection) と最小バージョン選択 (Minimal Version Selection) [1] の違いについて説明します。また、それぞれの長所や短所、最大バージョン選択において現状発生している問題について書きます。 最大バージョン選択 (Maximal Version Selection) 最大バージョン選択は Bundler, npm 等をはじめとする多くのプログラミング言語のパッケージマネージャで採用されています。指定されたなかで最大の(=最新の)バージョンを使います。 例) v1.0 以上のバージョンが指定されていて現在の最新バージョンが v1.1 の場合、

                                  依存関係解決における最大バージョン選択と最小バージョン選択について
                                • Table TransformerとGPT-4Vを用いたPDF内の表の解析|QunaSys

                                  RAGは非常に有用なツールですが、PDFの論文などを扱う際には、表データを正しく読み取れない場合があります。 表の構造を適切に処理することは難しく、いくつかの改善策が提案されています。 例えば、RAGを構築するのに使われるライブラリであるLlamaIndexのドキュメントに以下のような情報があります。 このドキュメントでは表を含むデータを扱う方法として、PDFを一旦すべて画像データに変換し、画像として表の形式を保持したままGPT-4Vでデータを解析することを提案しています。 ただ、PDF1ページ分の画像をそのままGPT-4Vに解析させても精度はあまり良くないようで、後述するTable Transformerを使って表部分の画像のみ抽出してから解析を行うことで、より良い結果が得られたのことでした。 本記事では、この方法を用いてPDF内の表の解析を試してみます。 手順としては 1. PDFの全

                                    Table TransformerとGPT-4Vを用いたPDF内の表の解析|QunaSys
                                  • [弦潤滑剤] Rock house RSC-1 ストリングケア ってFINGER EASEみたいに使えるの? | ギターいじリストのおうち

                                    生涯5000本以上のギターをいじり続けたきた管理人が実測データを交え世界一詳しいギターレビューやギターパーツ情報をお届け!

                                      [弦潤滑剤] Rock house RSC-1 ストリングケア ってFINGER EASEみたいに使えるの? | ギターいじリストのおうち
                                    • 皮膚に電気を流すことで傷が治る速度を3倍にスピードアップできる

                                      理学療法の一環として人間の体に電気を流す電気療法が行われているように、人体に電気を流すことがさまざまな健康効果や病状の治癒をもたらすことがわかっています。新たにスウェーデンとドイツの研究チームが、「皮膚に電気を流すことで傷が治る速度を3倍にすることができる」という研究結果を発表し、糖尿病による慢性的な創傷などの治療に役立つ可能性があると期待されています。 Bioelectronic microfluidic wound healing: a platform for investigating direct current stimulation of injured cell collectives - Lab on a Chip (RSC Publishing) https://doi.org/10.1039/D2LC01045C How electricity can heal wo

                                        皮膚に電気を流すことで傷が治る速度を3倍にスピードアップできる
                                      • Why People are Angry over Go 1.23 Iterators

                                        NOTE: This is based on, but completely rewritten, from a Twitter post: https://x.com/TheGingerBill/status/1802645945642799423 TL;DR It makes Go feel too “functional” rather than being an unabashed imperative language. I recently saw a post on Twitter showing the upcoming Go iterator design for Go 1.23 (August 2024). From what I can gather, many people seem to dislike the design. I wanted to give m

                                        • research!rsc: Hardware Memory Models (Memory Models, Part 1)

                                          Introduction: A Fairy Tale, Ending A long time ago, when everyone wrote single-threaded programs, one of the most effective ways to make a program run faster was to sit back and do nothing. Optimizations in the next generation of hardware and the next generation of compilers would make the program run exactly as before, just faster. During this fairy-tale period, there was an easy test for whether

                                          • Meta、Wikipediaの膨大な引用元の信頼性を自動判定するAIモデル「Sphere」をオープンソース化

                                            Meta、Wikipediaの膨大な引用元の信頼性を自動判定するAIモデル「Sphere」をオープンソース化 米MetaのAI部門Meta AIは7月11日(現地時間)、Wikipediaの数十万件の引用の信頼性を一度に自動的に検証するAIモデル「Sphere」を開発したと発表した。GitHubでオープンソースで公開した。 Metaはこのモデルのために、1億3400万の公開Webページのデータセットを作成した。 現在Wikipediaには約650万件の項目があり、毎月約1万7000件の項目が追加されている。Sphereプロジェクトの目標は、Wikipediaの人間の編集者の手間を省き、引用されたコンテンツを迅速に確認し、修正できるようにする支援をすることだ。 Sphereは、自然言語理解(NLU)技術を採用している。人間が理解する文章(あるいは単語)を数学的表現に変換し、あるステートメント

                                              Meta、Wikipediaの膨大な引用元の信頼性を自動判定するAIモデル「Sphere」をオープンソース化
                                            • [ボトムズ×オブソリート] 「炎のさだめ」OBSOLETE Ver.

                                              リアルロボットアニメの代表作『装甲騎兵ボトムズ』オープニング映像(主題歌:炎のさだめ)を『OBSOLETE』のメカ・キャラクターで完全再現したコラボムービー!! メカは[ボトムズ×OBSOLETE]コラボモデル「RSC装甲騎兵型エグゾフレーム」が登場! 【コラボムービー制作スタッフ】 絵コンテ:山田裕城  リガー:笠原季生      ルックデベロップメント:七五三慶紀         レイアウト:小久保将志、吉田宙史、浦野壮広      アニメーション:吉田宙史、浦野壮広     レンダリングチーフ:七五三慶紀 レンダリング:笠原季生、吉田宙史、浦野壮広      背景・特効:谷口淳一      撮影:小久保将志        演出:山田裕城 制作:武右ェ門 製作:PROJECT OBSOLETE 協力:サンライズ <『OBSOLETE』配信情報> 総再生回数3,000万回突破!奇才

                                                [ボトムズ×オブソリート] 「炎のさだめ」OBSOLETE Ver.
                                              • Go modulesで依存モジュールのメジャーバージョンがv2以上の時の対応 - Carpe Diem

                                                背景 依存するモジュールのメジャーバージョンがv2以上の場合に、以下のようにバージョン指定すると $ go get github.com/xxx/yyy@v2.0.1 次のように怒られます。 require github.com/xxx/yyy: version "v2.0.1" invalid: should be v0 or v1, not v2 今回はこの対応方法について説明します。 環境 go 1.16.3 version "vX.X.X" invalid: should be v0 or v1, not v2 原因 go modulesは複数の依存モジュールA, Bが同じ依存モジュールCに依存している場合、AとBのgo.modでより新しいバージョンのCを使おうとします。 メジャーバージョンアップのように後方互換性を持たない場合はどうなるでしょう? そうなると古いメジャーバージョン

                                                  Go modulesで依存モジュールのメジャーバージョンがv2以上の時の対応 - Carpe Diem
                                                • #10 平田オリザ(青年団、アゴラ劇場) – ページ 5 – ワンダーランド wonderland

                                                  2010年代演劇のイニシアチブ -海外の会員制のことでいくつかお話をうかがったんですが、海外の場合は公的な費用が出て、劇場が劇団を抱えて、レパートリー制で公演を回して、地域の人たちが見に来る。やはり高齢者の人が多いけど、その中で実験的な作品も交えていくと聞いています。日本の場合には、専属の劇団を抱えている劇場は、静岡と尼崎(ピッコロシアター)ですよね。 平田 あとは、りゅーとぴあ(新潟市民芸術文化会館)のダンス、水戸はちょっと不活発になってしまいましたね。 -アゴラ劇場と青年団は稀有なケースだと思うんですが、首都圏で1000とも2000とも言われる大半の劇団は、ある意味で自由な活動をしている。演劇をやりたいと思ったとき、何人かが働いてお金貯めると公演ができてしまう。こういう公平性が日本では保証されているし、お客さんも来るし、自分たちでメディアに販売も可能です。テレビに抜けるコースもないわけ

                                                  • CSS in React Server Components

                                                    CSS in React Server ComponentsUnderstanding the future of CSS-in-JS and React IntroductionAround this time last year, Vercel announced the stable release of Next 13.4, becoming the first React framework to be built on top of React Server Components. This is a big deal! RSC (React Server Components) gives us an official way to write server-exclusive code in React. It opens a lot of interesting new

                                                      CSS in React Server Components
                                                    • 《凄い!》Server ActionsでReact・Nextが目指す方向性についての考察、劇的に変わるform周り-VercelShip

                                                      《凄い!》Server ActionsでReact・Nextが目指す方向性についての考察、劇的に変わるform周り-VercelShip ※↓の記事もありますが、 Server Actions だけで別記事にしました。 VTeacher所属のSatokoです。 QAエンジニアとフロントエンドエンジニアを兼任しています。 (最近は割とFE多めです) (Vercel Ship 4日目) Server Actions が正式に発表されました。 "use server" の謎が解け、良い意味でも悪い意味でも、とにかく反響が大きかったという印象です。 ある意味、 Facebook社(現Meta社)から React Server Components が発表されたあとと似ている感じがしていまして、 Server Actions の登場で現実味を帯びてきたために再加熱というところだと思います🤔 Rea

                                                        《凄い!》Server ActionsでReact・Nextが目指す方向性についての考察、劇的に変わるform周り-VercelShip
                                                      • The Go Programming Language and Environment – Communications of the ACM

                                                        Go is a programming language created at Google in late 2007 and released as open source in November 2009. Since then, it has operated as a public project, with contributions from thousands of individuals and dozens of companies. Go has become a popular language for building cloud infrastructure: Docker, a Linux container manager, and Kubernetes, a container deployment system, are core cloud techno

                                                        • Introducing Pigment CSS: the next generation of CSS-in-JS - MUI

                                                          In the era of React Server Components and the Next.js App Router, component libraries like Material UI must make some paradigm-shifting changes to reap the potential performance gains by moving more of the work of rendering UIs from client to server. Trouble is, the "traditional" CSS-in-JS solutions we rely on aren't able to come along with us because the React context API only works on the client

                                                            Introducing Pigment CSS: the next generation of CSS-in-JS - MUI
                                                          • 何故僕たちは React のコンポーネントを分割するのか - Rokoucha

                                                            histories[...] この記事ははてなエンジニア Advent Calendar 2023の15日目の記事です。 皆さんは React 書いてますか、最近のフロントエンドを触った人なら書いた事がない人は居ないと思います。 React を書いていてよく起きる問題に、コンポーネントをどれぐらいの粒度で分割するか、という事があると思います。 ただし、多くの皆さんはアトミックデザインでパターンを適用して分割!で済ませていませんか? 現代の React ではただコンポーネントを分割すれば良いだけではない状態になっています。 というのも、React のコンポーネントを分割するというのは、そのコンポーネントの挙動すら変え得る行為なのです。 見通しのための分割よくある分割の理由として、コードの見通しを良くする為の分割があります。 コンポーネントがあまりにも肥大化すると、行数が増えて単純に見通しが悪

                                                            • 米国の対中東政策――「非リベラルな覇権秩序」の興亡/溝渕正季 - SYNODOS

                                                              1.中東――「リベラルな国際秩序」から取り残された地域 米国の国際政治学者G・ジョン・アイケンベリーはその記念碑的著作『リベラルなリヴァイアサン』のなかで、第二次世界大戦以降、国際社会は米国主導の下で「リベラルな国際秩序」を段階的に発展・拡大させてきたと論じている【注1】。ここでいわれる「リベラルな国際秩序」とは、大まかにいえば、自由で民主主義的、そして開放的な市場経済システムを採用する諸国家が、国際制度や国際機関を通じて多国間協調や安全保障協力を実現しているような「規則に基づく(rules-based)」国際秩序を意味する。 そして、パワーのあらゆる側面で圧倒的な優位を誇る米国は、そうした秩序を主導する「リベラルな覇権国家(liberal hegemony)」としての役割を果たしてきたという。実際、冷戦終結を契機として、東アジア、東欧、南米諸国の多くが民主化を実現し、グローバルな国際経済

                                                                米国の対中東政策――「非リベラルな覇権秩序」の興亡/溝渕正季 - SYNODOS
                                                              • Next.js 13のappディレクトリの基礎(Layout, Suspense, Data Fetching...)

                                                                Next.js 13の新機能であるappディレクトリは本記事公開時はbetaで現在も開発中ですがNext.js 13でプロジェクトを作成後にNext.jsの設定ファイルであるnext.config.jsでexperimentalとして設定を行うことで利用することができます。今後仕様が変わると思いますがappディレクトリの設定方法を中心にNext.js 13の機能説明を行っています。 プロジェクトの作成 create-next-appコマンドを利用してプロジェクトの作成を行います。プロジェクト名はnextjs-13に設定していますが任意の名前をつけてください。JavaScriptとTypeScriptのどちらかを選択することができますが本文書ではTypeScriptを選択します。プロジェクト作成時にappディレクトリを利用するかどうかも聞かれます。 % npx create-next-app

                                                                  Next.js 13のappディレクトリの基礎(Layout, Suspense, Data Fetching...)
                                                                • Storybook 8 Beta

                                                                  🚀Update March 12: Storybook 8 is out now!Storybook 8 is now available to try in beta! This latest release continues Storybook’s quest of giving you an instant-on, seamless environment for frontend development. Check out the release highlights and try the beta release today! 🚀 Major performance improvements 🆕 Visual tests workflow 📱 Polished mobile UI 🔬 Improved test utilities ⚛️ React Server

                                                                    Storybook 8 Beta
                                                                  • 皮膚や包帯などの上に電気回路をプリントする技術が開発される

                                                                    By Duke Pratt School of Engineering アメリカ・デューク大学のアーロン・D・フランクリン氏率いる研究チームが、紙や人間の皮膚などの扱いに繊細さが要求されるような面に対して電気回路をプリントする技術に関する一連の研究を発表しました。この技術は密着性の高い電子タトゥーや患者ごとに最適化されたバイオセンサーを包帯に埋め込む技術を改良すると期待されています。 Flexible, Print-in-Place 1D–2D Thin-Film Transistors Using Aerosol Jet Printing | ACS Nano https://pubs.acs.org/doi/10.1021/acsnano.9b04337 Silver nanowire inks for direct-write electronic tattoo applicatio

                                                                      皮膚や包帯などの上に電気回路をプリントする技術が開発される
                                                                    • React Server Components 対応の仮想スクロールライブラリを作りました

                                                                      業務で仮想スクロールを使った改善に関わる機会があり、その辺りの知見を活かしつつ、個人的にやりたかったことなども盛り込みつつ、React 用の OSS を作成しました。 もしよろしければスターいただけると励みになります。 使い方 以下のように通常の div などの場合とほぼ変わらない記述で、簡単に仮想スクロールによるパフォーマンス改善を導入することができます。 一般的に、仮想スクロールは単に表示するだけでもセットアップが面倒だったり、特に高さが未知もしくは可変の要素を表示した時にうまく動いてくれないものも多いですが、その辺りも自動的にハンドリングしてくれます。また各 component の bundle size も約 3kb(全体で約 4kb)なので導入し易いと思います。 import { VList } from "virtua"; export const App = () => {

                                                                        React Server Components 対応の仮想スクロールライブラリを作りました
                                                                      • はてなブログのはてな、コスト増で今期予想が大幅減益の寄らずS安! 決算好調ミサワ、SKIYAKI、日本テレホンなどがS高に! - いきなり無職!

                                                                        こんばんは、ふくろう主です。 1~2ヶ月前にこのブログで紹介した記事で、2005年頃、仙台で地震に遭遇し帰国が困難になった外国人の方が、片腕のJR職員にホテルの宿泊費や新幹線代を用意してもらい、何とか帰国する事ができ、14年振りに来日の機会があるので、その時のお礼が言いたいとその職員を探しているとの話題がありました。 どうやら今回、ようやくその方が発見されたようです。 headlines.yahoo.co.jp 特徴のある職員さんなので、発見が早いかと思ったんですが、意外と時間がかかったのは外国人の方の記憶では片腕という事でしたが、実際は片腕に障害をお持ちの職員さんだったため、色々行き違いがあったようですね。 この方はこの冬にも改めて日本を訪れ、職員さんと再会の約束をしているそうです。何とも心温まる話です。 それでは本日の相場を見ていきましょう。 日経平均21988.29円、前日比は+22

                                                                          はてなブログのはてな、コスト増で今期予想が大幅減益の寄らずS安! 決算好調ミサワ、SKIYAKI、日本テレホンなどがS高に! - いきなり無職!
                                                                        • 妊娠中の味方!おいしいデカフェ&カフェインレスドリンクをご紹介

                                                                          妊娠中~授乳中はカフェインを控えている方が多いかと思います。 毎日コーヒーや紅茶などを飲んでいた方にとって、それらを長い期間我慢するのはかなりストレスですよね。 私も現在2人目妊娠中で、大好きなコーヒーを絶賛我慢中です!笑 そこで今回は、妊娠中~授乳中におすすめな、美味しいデカフェ&カフェインレスドリンクをご紹介していきます! 妊娠中はどれくらいカフェインを摂っても大丈夫? 妊娠中の方が、1日どれくらいのカフェインを摂取していいかという具体的な指標はないのですが、1日200㎎のカフェイン摂取量を超えてしまうと、自然流産の確率が増加すると言われています。 2008( 平成20)年に、妊婦のカフェイン摂取に関して新たな助言を公表しています。妊婦がカフェインを摂り過ぎることにより、出生児が低体重となり、将来の健康リスクが高くなる可能性があるとし、妊娠した女性に対して一日当たりのカフェイン摂取量を

                                                                          • research!rsc: Go Testing By Example

                                                                            I opened GopherCon Australia in early November with the talk “Go Testing By Example”. Being the first talk, there were some A/V issues, so I re-recorded it at home and have posted it here: Here are the 20 tips from the talk: Make it easy to add new test cases. Use test coverage to find untested code. Coverage is no substitute for thought. Write exhaustive tests. Separate test cases from test logic

                                                                            • Reactのさまざまなデータフェッチ方法を比較して理解して正しく使用する - SSR + App Router Cache編

                                                                              「Reactのさまざまなデータフェッチ方法を比較して理解して正しく使用する」シリーズの3記事目、最終記事です🌟 今回は「 Next.js Pages Router(SSR)でのデータフェッチとApp Routerでのデータフェッチ」について理解を深めていきます。 また、最後の全体の結果で「Reactのさまざまなデータフェッチ」シリーズの総括をしていきます。 イントロ+useEffectを用いたデータフェッチ SWR・TanStack Queryを用いたデータフェッチ Pages Router(SSR)でのデータフェッチ+App Routerでのデータフェッチ+まとめ ← 👀この記事 Repository 以下は今シリーズで用いたリポジトリです。 🔽クライアントサイドフェッチの調査に用いたリポジトリ:React+Vite(useEffect, SWR・TanStack Query)

                                                                                Reactのさまざまなデータフェッチ方法を比較して理解して正しく使用する - SSR + App Router Cache編
                                                                              • How Far Trump Would Go

                                                                                The former President, at Mar-a-Lago on April 12, is rallying the right at home and seeking common cause with autocratic leaders abroad.Photograph by Philip Montgomery for TIME Donald Trump thinks he’s identified a crucial mistake of his first term: He was too nice. We’ve been talking for more than an hour on April 12 at his fever-dream palace in Palm Beach. Aides lurk around the perimeter of a gil

                                                                                  How Far Trump Would Go
                                                                                • ネットでの家探し〝物件写真〟は重要なポイント! - 不動産×行政書書士Blog

                                                                                  おはようございます☀😃 不動産系サラリーマンをしながら行政書士登録も受けた仕事人間の近藤です! 本日は、ネットでの家探し(賃貸・売買)に関するニュース記事を読んだ感想を書かせて頂こうと思います。 以下ーー内は、2021年10月28日(木)付、株式会社不動産流通研究所の不動産ニュースより引用させて頂きました。 ーーーーーーーーーー ネットでの家探し、売買はやや長期化の兆し 不動産情報サイト事業者連絡協議会(RSC)は28日、「不動産情報サイト利用者意識に関する調査」の結果を公表した。 賃貸・売買問わず過去1年間のうちにインターネットで自身の住まいを探したユーザーを対象に、不動産情報サイトに対する意識等を調査した。同協議会サイト、会員各社のサイト等でのオープン型調査。調査期間は3月18日~6月16日。有効回答人数は2,608人。 〜中略〜 契約した人に対して、「不動産会社を選んだポイント」に

                                                                                    ネットでの家探し〝物件写真〟は重要なポイント! - 不動産×行政書書士Blog