タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
TL;DR モチベーション ウェブページの背景に星空を見せたかった。それがちゃんと実際の星空の、リアルタイムの状況を反映していたら面白いよねと思った。 スタート時の状況 主に愛情のこもった手打ち HTML5 と 手打ち CSS でシンプルな Web ページを作っていた https://web.archive.org/web/20210212085818/celestian.io この前にどうやら React が世間では流行ってるらしいということで React と TypeScript を使った小さい 1 ページアプリを作った https://web.archive.org/web/20201202100627/https://celestian.io/ssr/ 今の https://celestian.io/sushi の前身 C# で WPF のデスクトップアプリとか作ってたことがあった
React 18とはなにか、Fiberの観点から理解する
React 18はα版で、主にライブラリ作者のために公開されています。ユーザーが急いで知る必要はありません。この記事は、いわばオタク向けです。 React 18とはなにか、Fiberの観点から理解する React 18では目新しい機能が多く導入されます。たとえば追加されるものにはConcurrent RenderingやstartTransition、SSRの改善やSuspenseの一部挙動変更などがあります。 私はこれらの機能について解説した記事をいくつも読みましたが、いまいちピンと来ませんでした。 これらが凄いのは伝わるけれど、どうして必要なのか？ なぜこれらの機能が一度に追加されたのか？ React Core Team はどこを目指しているのか？ おそらく、多くの方がこれと同じ疑問を抱いていると思います。これらの機能追加の基本コンセプトは何でしょうか。この記事では、主に上2つの疑問に
Next.js と React-Three-Fiber で構築されたウェブベースのメタバースの形を模索する Sougen がすごい！ - WebGL 総本山
top 2022 年 03 月 Next.js と React-Three-Fiber で構築されたウェブベースのメタバースの形を模索する Sougen がすごい！ 将来的には VR モードにも対応を予定 今回ご紹介するのは、ウェブを中心に据えたメタバースの形を模索するプロジェクト、Sougen のウェブサイトです。 こちらのプロジェクト、日本に拠点がある Utsubo Co., Ltd（@utsuboco）が手掛けているものらしく、かなり本格的で多くの構想を持ったプロジェクトみたいです。 現在公開されているホワイトペーパーを見ているだけでもそのあたりいろいろとうかがい知ることができるのですが、現状すでに WebGL を利用した三次元空間のバーチャルスペースが用意されており、アクセスしているユーザーをリアルタイムに処理しているようです。 リンク： Sougen 説明セクションと 3D コン
React Three Fiberでシンプルなパーティクルアニメーションを実装してみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。フロントエンドエンジニアになりたてのぼこです（ついに2年目になってしまいましたが気持ち的には「なりたて」です）。 今回は、前回の記事で紹介したReact Three Fiberを使って、もう少し具体的な表現をしてみようということでパーティクルアニメーションの実装をしてみました。Webサイトのクリエイティブ表現といえばまずはパーティクル、みたいなとこありますよね（？） コードの量は少なめにシンプルな演出にしたので、React Three Fiberを始めたての人にも参考になると嬉しいです。
React Fiberのアルゴリズムを実装してみた
いまさらながらReact Fiberのアルゴリズムを実装してみました。 300行くらいですが、プログラムの名前や責務など、本物のReactをできるかぎり忠実に再現するようにしています。実装は以下にポイントを絞りました。 Fiberのデータ構造とトラバースアルゴリズム 中断可能な「Unit of work」 RenderフェーズとCommitフェーズ アーキテクチャは以下のような感じ コード上にReactのソースコードへのリンクもコメントしているので、見比べてみるとより理解が深まると思います(例えば、今回はrequestIdleCallbackで擬似的にスケジューリングを実現していますが、Reactでは独自にSchedulerをつくっています)。 Fiberのアーキテクチャに関しては既にたくさんの情報があるため、この記事ではいくつか登場人物を紹介するまでとします。 performUnitOf
色々素敵な記事が既に存在してはいますが、自分自身の理解を深めたく、React FiberのFiberとはなんなのか勉強してみたものをまとめました。 尊敬の念を込めて、大変勉強になった素晴らしい記事たちを先に紹介しときます。 React Fiber現状確認 ReactはなぜFiberで書き直されたのか？Reactの課題と将来像を探る React Fiberアーキテクチャについて 解説しないこと Fiber以外のReact ver.16以降での変更点 あくまでFiberとはなんなのかにフォーカスします。 (ただ個人的には render() の結果を文字列や配列で返せるようになるのは超嬉しいです。) React Fiberを理解するための前提知識 React Fiberを理解するにあたって重要なキーワードは次の3つです。 リコンシリエーション 作業 スケジューリング FiberはReactのリコ
Ruby 3.3.0: aarch64-linux環境でFiber.new{ }.resumeを呼ぶと落ちる問題｜TechRacho by BPS株式会社
2023.12.28 Ruby 3.3.0: aarch64-linux環境でFiber.new{ }.resumeを呼ぶと落ちる問題 この記事の内容は現在進行中なので、今後状況が変わる可能性があります。 M1 Macbook Pro 2021, Sonoma 14.2.1 Ruby: 3.3.0 Rails: 7.2.1 Docker: 24.0.6, build ed223bc Docker Desktop for Mac: 4.25.2 (129061) Docker Hub: 3.3.0-slim-bookworm 経緯 Ruby 3.3.0リリースの翌日にDocker Hubでも公式のRubyコンテナが公開されました。 ちょうど某所で「M1 MacのDocker環境でRuby 3.3.0ベースのRailsを動かすと落ちる」という書き込みをたまたま見かけました（その後書き込みは削除
GitHub - gofiber/fiber: ⚡️ Express inspired web framework written in Go
A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Ruby 3: FiberやRactorでHTTPサーバーを手作りする（翻訳）｜TechRacho by BPS株式会社
概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: HTTP server in Ruby 3 - Fibers & Ractors 原文公開日: 2021/07/25 原著者: Dmitry Ishkov FiberとRactorについては以下もどうぞ。 class Fiber (Ruby 3.0.0 リファレンスマニュアル) Ruby 3.0 の Ractor を自慢したい - クックパッド開発者ブログ 動機 Rubyは歴史的にコンカレンシーを欠いていましたが、現在のRubyには「ネイティブ」スレッドがあります（Ruby 1.9より前は「グリーンスレッド」 のみでした)。ネイティブスレッドは、OS によって制御されるスレッドが複数存在することを意味しますが、一度に実行できるスレッドは 1 つだけで、GIL（Global Interpreter Lock）によって管理されます。た
中文版本 Ruby 3 Fiber SchedulerI wrote an article in July 2020, Ruby 3 Fiber changes preview (in Chinese), and followed up by another post in August A Walkthrough of Ruby 3 Scheduler. Ruby 3 has updated lots of versions during these months, including ruby-3.0.0-preview1 ruby-3.0.0-preview2 and ruby-3.0.0-rc1, which makes lots of improvements to the Fiber Scheduler API. But as I mentioned before, what
Inside Fiber: in-depth overview of the new reconciliation algorithm in React
Unlock the power of software engineering at its core with Angular in Depth!
驚くほど簡単に3Dシーンを構築！React Three Fiberを使ってみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。フロントエンドエンジニアになりたてのぼこです。 みなさん、Three.jsは好きですか？（唐突） 僕はWebサイトの中でも特に演出やグラフィック、インタラクションに凝ったものが好きなので、表現の幅を増やすためThree.jsと仲良くなれるよう奮闘しております。 話は少し変わりますが、最近はWebサイト制作でも、Next.js（React）やNuxt.js（Vue）を採用することが増えてきている印象です。 NextやNuxtでサイトを作る場合、従来の制作とは手法も考え方も大きく変わると思いますが、そこにThree.jsを導入する場合もやはり注意するポイントが増えます。 そこで、今回は React Three Fiber というライブラリについてお話ししたいと思います。この後詳しく書いていきますが、ReactコンポーネントのようにThree.jsが書けるライブラリで、驚くほど簡単に
Fiber(ファイバー)とは？ FiberクラスはThread(スレッド)クラスと似ており、マルチタスクを処理する為に使用されるクラスです。 Fiberを利用することで複数のプログラム間で実行の中断や再開を相互に行わせることができます。 --- Thread(スレッド)に関してはこちらにまとめました。 --- 【Ruby】Thread(スレッド)を理解する Thread(スレッド)とFiber(ファイバー)の違い コンピュータのマルチタスクのスケージューリング方式には大きく分けてPreemptive(プリエンプティブ)とNonpreemptive(ノンプリエンプティブ)の二種類があります。 Preemptive(プリエンプティブ)方式のスケジューリングではOS(あるいはVM)に処理の切り替えを任せます。 Nonpreemptive(ノンプリエンプティブ)方式のスケジューリングではプログラマ
React-three-fiber セットアップ 立方体 Canvas mesh boxGeometry meshStandardMaterial 回る立方体 useFrame まとめ 参考 こんにちは。 アドベントカレンダー14日目！ 担当のタクシです。 普段はフロントエンド中心の業務をしています。 アドベントカレンダーを書くために、最近あまり触れていないThreejsについて調べていたのですが、 「React three js」 と検索したらReact-three-fiberというものが出てきました。 Reactでthreejsがオーバーヘッドなしに使える！らしいので試してみました！ （あまり体力が続かなかったのでThreeやReactに関する詳しい説明を省いてしまっています。。すみません。。） React-three-fiber React-three-fiberはReactコンポー
Fiber
Fiber is a Go web framework built on top of Fasthttp, the fastest HTTP engine for Go. It's designed to ease things up for fast development with zero memory allocation and performance in mind. package main import ( "log" "github.com/gofiber/fiber/v2" ) func main() { app := fiber.New() app.Get("/", func (c *fiber.Ctx) error { return c.SendString("Hello, World!") }) log.Fatal(app.Listen(":3000")) }
Fukuoka.rs vol.7 ONLINE https://fukuokars.connpass.com/event/191881/
プログラミング言語Rubyの国内最大級のカンファレンス「RubyKaigi」。「RubyKaigi 2022」のKeynoteで登壇したのは、齋藤優太氏。「Ruby meets WebAssembly」のテーマで、WebAssembly上でRubyが動くようになった経緯、テクニック、ユースケースについて発表しました。全2回。後半は、WebAssemblyのユースケースについて。前回はこちら。 WASIでCRubyをWebAssemblyにポートする方法 齋藤優太氏：ここまでが前半戦で、ここからどうやってCRubyをWebAssemblyにポートしたかを紹介します。 CRubyはCで書かれたプログラムなので、すでにいろいろな環境にポートされています。このCRubyのソースコードは、かなりポータブルに書かれているので、CからWasmにコンパイルするコンパイラもあるしポーティングは簡単だなと。
Fiber - Go言語製のWebフレームワーク
ちょっとしたWebアプリケーションを作る際に、よくExpressを使います。仕組みがシンプルで分かりやすく、静的ファイルやJSONの取り扱いなど拡張性も考えられているのが便利な点です。 そんなExpressにインスパイアされて作られたGo言語のWebフレームワークがFiberです。 Fiberの使い方 例えばHello Worldはこんな感じです。 package main import "github.com/gofiber/fiber" func main() { app := fiber.New() app.Get("/", func(c *fiber.Ctx) { c.Send("Hello, World!") }) app.Listen(3000) } これでWebブラウザからアクセスするとHello, Worldが表示されます。 Fiberはルーティングや静的ファイルの扱いも備
Rails adds support for Fiber-safe ActiveRecord ConnectionPools
Rails adds support for Fiber-safe ActiveRecord ConnectionPools Feb 23, 2022 One of the major focuses for Ruby 3 was parallelism and concurrency. A trailblazer in this space is the use of Ruby Fibers. Fibers are a concurrency mechanism that allows us to pause, loop, and resume execution while consuming far fewer context switches. It consumes less memory than threads while giving the developer contr
週刊Railsウォッチ（20200609後編）Rubyにカスタマイズ可能な軽量fiberスケジューラを実験導入、RailsとGraphQL、DBについて知って欲しいことほか｜TechRacho by BPS株式会社
2020.06.09 週刊Railsウォッチ（20200609後編）Rubyにカスタマイズ可能な軽量fiberスケジューラを実験導入、RailsとGraphQL、DBについて知って欲しいことほか こんにちは、hachi8833です。 追記（20200612）: 冒頭セクションにおけるツイートの引用方法がツイートの意図と異なるというご指摘をいただきました。大変申し訳ございません🙇♂️。 該当セクションを削除いたしました。削除前のスクショ: 1、2 各記事冒頭には⚓でパーマリンクを置いてあります: 社内やTwitterでの議論などにどうぞ 「つっつきボイス」はRailsウォッチ公開前ドラフトを（鍋のように）社内有志でつっついたときの会話の再構成です👄 ⚓Ruby ⚓Rubyに軽量なfiberスケジューラを実験的に導入（Ruby Weeklyより） issue: Feature #1678
Fiber vs Stack Demo
This demo shows the differences between Stack and Fiber by rendering a Sierpinski triangle that constantly shrinks and grows, and whose nodes have a value that increments by one every second. Fiber Example Stack Example
My favorite internet service provider, init7, is rolling out faster speeds with their infrastructure upgrade. Last week, the point of presence (POP) that my apartment’s fiber connection terminates in was upgraded, so now I am enjoying a 25 Gbit/s fiber internet connection! My first internet connections (Feel free to skip right to the 25 Gbit/s announcement section, but I figured this would be a go
React Three Fiber Documentation
ExamplesA few examples that demonstrate what you can do with React Three Fiber
EventLoopの実装から考えるFiberの位置付けについて/Fiber and Async Request
非同期処理によるAPIリクエストのサンプル実装を通して、Fiberが求められてきた背景を説明します。最終的に、それがEventLoopにつながっていきます。
Welcome to Fiber — an Express.js styled web framework written in Go with ️
Welcome to Fiber — an Express.js styled web framework written in Go with ️ Introduction Hello, World! 👋 Today we will deal with a young (but ambitious) Fiber web framework on Go and understand that this is not "yet another new framework, like X", but a great tool for creating rapid web applications. 📌 It will be a review article, dive into Fiber we will start further. Table of contents What is F
単語をならべかえて英文を完成させよう(レベル6)「eat fiber more need to You」「もっと食物繊維を摂りなさい。」#英語学習 | ならべかえ 英語 リスニング
GitHub - frejs/fre: :ghost: Tiny Concurrent UI library with Fiber.
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 - tylerhou/fiber
A quick refresher on the call stack: normally, when some function A calls another function B, A is "paused" while B runs to completion. Then, once B finishes, A is resumed. In order to move the call stack to the heap, we need to transform function A to (1) store all variables on the heap, and (2) be able to resume execution at specific lines of code within the function. The first step is easy: we
近年、世界的な社会問題に発展している衣料廃棄物。日本総合研究所の調査によれば、2020年の衣類の国内新規供給量は計81.9万トンに対し、51.0万トンの衣類が廃棄されるという。捨てられた衣類は焼却施設で処分され、燃やせないものは埋め立てられる。このような背景から、サステナブルファッションという言葉も聞かれるようになってきた。 「進化する北欧イノベーションの今」を現地から届ける本連載。今回は、衣料廃棄物やダンボールなどの紙ゴミ、稲や麦のかすを分解・再生して、コットンのような手触りの新しい繊維「Infinna（インフィナ）」をつくる特許技術を開発したフィンランドのスタートアップ「Infinited Fiber Company（インフィニテッド・ファイバー・カンパニー。以後、インフィニテッド・ファイバー）」を取材した。パタゴニアやアディダスをクライアントに持つ同社の革新性とビジネスモデルを聞いた
Fiber mesh for 2.80 - メッシュから簡単にファイバーメッシュを生成可能なBlender 2.8向け無料アドオン
3Dスキャン＆キャプチャ ソフトウェア＆ツール-Software&Tool Reality Composer 1.6 - Apple公式の空間3Dキャプチャ... 2023-10-12 161 views 2023年10月10日Apple公式の空間3Dキャプチャアプリ「Reality Composer」の1.6アップデートが公開されています。待望のObject Captureに対応！ 000 続きを読む 2Dペイント ソフト ソフトウェア＆ツール-Software&Tool Krita 5.2 - テキストやアニメーション・オーディオの処理の改善や複数レ... 2023-10-12 354 views Krita Foundationは無料＆オープンソースのデジタルペイントソフトウェアのメジャーアップデートである「Krita 5.2」をリリースしました！ 000 続きを読む Maya プラ
単語をならべかえて英文を完成させよう(レベル6)「fiber He in lacking moral was」「彼は道徳力に欠けていた。」#英語学習 | ならべかえ 英語 リスニング
ナイロン繊維とは ナイロン（nylon）は、１９３５年アメリカのデュポン社の研究員ウォーレス・カローザスによって開発されました。 世界初の合成繊維でした。 当時は、「石炭と空気と水から作られた、蜘蛛の糸より細く、絹よりも美しく、鋼鉄よりも強い」と言われました。 （現在は石油から作られます。） ナイロン（NY）とは、アミド結合（ －CO－NH－ ）によって長く連続した鎖状高分子を紡糸して繊維化した「ポリアミド系」合成繊維の総称です。 ナイロンには、ナイロン4、ナイロン6、ナイロン11、ナイロン12、ナイロン46、ナイロン66、ナイロン610等（数字は炭素原糸の数を指します）、いろいろな化学組成・成分のものがありますが、衣料用として量産されているのは、”ナイロン６６”（融点約２６５℃）と”ナイロン６”（融点約２2５℃）です。 アメリカでは、主に”ナイロン６６”が生産されているが、日本では”ナイ
JVM の非同期処理: Scala Cats Effect 3 の Fiber(軽量スレッド) とthread per core の話
JVM の非同期処理: Scala Cats Effect 3 の Fiber(軽量スレッド) とthread per core の話 JVM における Thread と Thread Pool 現行の JVM のデザインでは非同期処理には Thread を使う. JVM の Thread は OS thread の薄いラッパーで OS にその処理を委譲している. そして OS での Thread の作成・管理には OS リソース やハードウェアリソースの割り当てが必要になる. また複数の Thread のコンテキストスイッチもコストが高い. Thread Pool とは、相対的に高コストで希少な資源である Thread を使いまわして効率をよくするための概念である. さて、コンピューターから見ると Thread の作成と管理は高コストで、Thread はハードウェアの性能にもよるがたかだ
How to reproduce Death Stranding UI with react and react-three-fiber
How to reproduce Death Stranding UI with react and react-three-fiber In this demo, we will try to reproduce one of the main interface of the Death Stranding game. Demo Link Demo repository About the game Death Stranding is a game produced by Hideo Kojima (especially known for its Metal Gear series games). The game takes place in a post-apocalyptic future where an unknown phenomenon has ravaged mos
APC and UPC polished fibers do not mate, don’t connect the two together, it will not work. Always connect APC to APC and UPC to UPCYou can not mix multimode with singlemode. They are completely different. Pick one and stick with it.Do not bend fiber beyond the rated bending radius. Singlemode vs multimodeFrom that I can gather most internal wiring of fiber use multimode but there is no “rule” agai
React Three Fiber Documentation
IntroductionReact-three-fiber is a React renderer for three.js. Build your scene declaratively with re-usable, self-contained components that react to state, are readily interactive and can participate in React's ecosystem. npm install three @types/three @react-three/fiber Does it have limitations? None. Everything that works in Threejs will work here without exception. Is it slower than plain Thr
Golang for Web (Part-I): Build your first REST API with Golang & Fiber
Golang for Web (Part-I): Build your first REST API with Golang & Fiber This is the first part of this series on Golang for Web. My goal is to show the newcomers how easily we can build REST APIs with Go by breaking down big apps into small ones. Here, we're going to build a simple TODO app webserver with Gofiber by separating all routes, controllers, etc. Go: An open-source programming language Go
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web ページの背景を動く星空にした話 (with react-three-fiber)
React Fiberの「Fiber」とはなんなのか勉強してみた - Qiita
Developing Fiber Scheduler for Ruby 3
【Ruby】Fiber（ファイバー）を理解する - Qiita
React-three-fiberを使ってみた！ - iimon TECH BLOG
RustでつくるRubyのFiber
CRubyはどうやってWebAssemblyに移植するか？ 例外処理・Fiber実装・保守的GC…足りないパーツを埋めるAsyncifyの活用
My upgrade to 25 Gbit/s Fiber To The Home
eat fiber more need to You | ならべかえ 英語 リスニング
衣類廃棄物ゼロの実現へ--古着から新たな繊維をつくる、フィンランド発「Infinited Fiber」の新技術
fiber He in lacking moral was | ならべかえ 英語 リスニング
ナイロン繊維（nylon fiber）についてゴム紐の専門家が説明します
Wiring my home with Fiber
nordot.app
www.gamebusiness.jp
gamebiz.jp
xtech.nikkei.com
news.yahoo.co.jp
trafficnews.jp