ウェブブラウザ「Firefox 141」の正式版が公開されました。Windows版限定ですがWebGPU APIがリリースされています。 Firefox 141.0, See All New Features, Updates and Fixes https://www.mozilla.org/en-US/firefox/141.0/releasenotes/ ◆Windows上でWebGPU APIが使用可能に 今回の更新でWindows版のWebGPU APIがリリースされました。 Shipping WebGPU on Windows in Firefox 141 – Mozilla Gfx Team Blog https://mozillagfx.wordpress.com/2025/07/15/shipping-webgpu-on-windows-in-firefox-141/ W

7月16日、FirefoxがWebGPUを正式に搭載することが発表された。この記事では、Windows版Firefox 141でWebGPUを正式リリースする計画と実装状況、さらなる課題について詳しく紹介されている。 7月16日、FirefoxがWebGPUを正式に搭載することが発表された。この記事では、Windows版Firefox 141でWebGPUを正式リリースする計画と実装状況、さらなる課題について詳しく紹介されている。 以下に、その内容を紹介する。 WebGPUがもたらすもの WebGPUはブラウザからGPUを直接扱うための最新インターフェースであり、ゲームやデータ可視化、ローカル計算の上限を引き上げると期待されている。Chromeでは2023年に実装済みで、Safari 26でも今秋に対応予定だ。FirefoxはNightly版で全プラットフォームに提供してきたが、安定版とし

人材プラットフォームの品質保証を推進するQAエンジニアを募集! 株式会社メドレー @medley X as a Service Web Standards / Browsers HTML WebGL API Economy UX Design Software testing Continuous Integration I want to hear a detailed なにをやっているのか 「テクノロジーを活用して医療ヘルスケアの未来をつくる」というミッションの実現に向けて、現在は以下の事業を展開しています。 ■人材プラットフォーム事業 ・医療介護福祉の人材採用システム「ジョブメドレー」 ・介護事業所向けオンライン研修システム「ジョブメドレーアカデミー」 ・介護施設のマッチングサービス「介護のほんね」 ■医療プラットフォーム事業 ・オンライン医療事典「MEDLEY」 ・クラウド診療支援

WebGPUは、ウェブ上で動作する新世代のグラフィックスAPIです。従来のWebGLに代わるものとして設計されており、より低レベルで効率的にGPUへアクセスできるようになっています。たとえば記事『WebGPUがついに利用可能に』で紹介したように、WebGLより高いパフォーマンスが期待できます。 Three.jsはウェブで3D表現を作るためのJavaScriptライブラリです。2010年代のWebGL黎明期からThree.jsが多くのウェブサイトで使われており、3Dの代表的なライブラリとも言えます。 Three.jsでは、WebGPU対応が進んでいます。WebGPU対応のレンダラー「WebGPURenderer」が存在し、従来のWebGLRendererとほぼ同じ使い勝手で利用できます。Three.js利用者は低レベルコードを書くことなく、WebGPUの利点を活かせるようになっています。We

ひろちゅ～ @hirochuu8 AIが3Dソフトの「Blender」を操って3Dモデリング！特にGemini 2.5 Proが上手なようです pic.x.com/kzcTWOIeVa 2025-03-29 10:01:48

過去数ヶ月にわたり、ZedのLinuxサポートに関する進展が報告されていたが、ついに正式リリースされた。この最新のオープンソースコードエディタは、元Atom開発者によって開始され、Linux上で正式ビルドを提供するまでに成熟した。 Zed on Linuxを試してみたい方は、以下のコマンドを実行するだけでインストールが可能である。 curl https://zed.dev/install.sh | sh Vulkan APIを使用 Zed on Linuxは、GPUアクセラレーションのためにVulkan APIを使用している。Vulkan APIはKhronos Groupによって開発および管理されている標準仕様であり、以下のような特徴がある。 高性能: Vulkanは、GPUをより直接的かつ効率的に制御するための低オーバーヘッドなAPIである。これにより、CPUとGPU間の通信を最適化し

In this post, we’ll look at how we made the dropping lanyard for the Vercel Ship 2024 site, diving into the inspiration, tech stack, and code behind the finished product. InspirationWe’ve shared digital tickets for event attendance in the past, but this time, we wanted to take it one step further by creating a tangible experience. When Studio Basement made a video in Blender that depicted a virtua

Webブラウザで3Dモデルを高速に描画する「Babylon.js 7.0」正式リリース。MMD（MikuMikuDance）やApple Vision Proサポート Webブラウザで3Dモデルを高速に描画する「Babylon.js 7.0」正式リリース。MMD（MikuMikuDance）やApple Vision Pro、WebXRなどをサポートし、よりリアルなレンダリングを実現する機能追加も行われた。 マイクロソフトは、Webブラウザ上で2Dや3Dモデルの高速なレンダリングなどを可能にするオープンソースのJavaScriptライブラリ「Babylon.js」の最新版「Babylon.js 7.0」正式版をリリースしました。 We are proud to announce that Babylon.js 7.0 has officially been released! The ne

Microsoftは2024年2月29日（米国時間）、オープンソースでクロスプラットフォームの機械学習（ML）モデルアクセラレータ「ONNX Runtime」の「ONNX Runtime Web」機能において、WebGPUを用いてWebブラウザ内でのMLを高速化できるようになったと発表した。 ONNX Runtimeは、さまざまなハードウェア、ドライバ、OSと互換性があり、グラフの最適化や変換に加え、ハードウェアアクセラレータを適宜活用したパフォーマンスを提供する。PyTorch、TensorFlow/Keras、TensorFlow Lite、scikit-learnなどのフレームワークのモデルで使用できる。 ONNX Runtime Webは、JavaScript APIとライブラリを使用して、WebアプリケーションでMLモデルを実行、デプロイ（展開）できる。 ブラウザ内MLはオンデバ

Migrating to SvelteKit v2 • Docs • SvelteKit JSer.infoをサポートするには 😘 知り合いにJSer.infoをおすすめする ❤️ GitHub Sponsorsで@azuのスポンサーになる 🐦 X(Twitter)で@jser_infoをフォローする JSer.info Sponsors JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。 ヘッドライン ECMAScript proposal updates @ 2023-11 | ECMAScript Daily ecmascript-daily.github.io/ecmascript/2023/12/10/ecmascript-proposal-update ECMAScript proposal news

マイクロソフトは、Webブラウザ上で2Dや3Dモデルの高速なレンダリングなどを可能にするオープンソースのJavaScriptライブラリ「Babylon.js」の最新版「Babylon.js 6.0」正式版をリリースしました。 We are thrilled to officially announce the release of Babylon.js 6.0! The web just got a WHOLE lot more exciting!https://t.co/q0JVsQaTSd#babylonJS6 #gamedev #indiedev #webdev #Metaverse #3D #webgl #gamedevelopment #IndieGameDev #webdeveloper pic.twitter.com/owV6YLp1zc — Babylon.js (@bab

ChatGPTやBardなど、大規模言語モデルをベースに人間と会話できる対話型AIが登場していますが、これらの対話型AIを動作させるには膨大な演算リソースが求められ、通常はAIが動作するサーバーにアクセスする形で対話を可能にしています。Metaが開発した大規模言語モデルのLLaMAをファインチューニングしたVicuna-7Bをベースにした対話型AI「Web LLM」は、ブラウザ上でのGPU演算を可能にするWebGPUを使うことで、サーバーにアクセスすることなくブラウザ上で対話型AIにアクセスできるのが特徴。日本語にも対応しているとのことなので、実際にWeb LLMと日本語で対話してみました。 GitHub - mlc-ai/web-llm: Bringing large-language models and chat to web browsers. Everything runs in

GoogleのChromeチームは2023年4月6日（米国時間）、同日にリリースしたWebブラウザ「Chrome 113」のβ版で、新しいWebグラフィックスAPI「WebGPU」が利用可能になったと発表した。 Chrome 113は、4月26日に安定版のリリースが予定されている。 「WebGL」および「WebGL 2」の後継となるWebGPUは、同じグラフィックスでもJavaScriptの作業負荷を大幅に軽減したり、機械学習（ML）モデルの推論を3倍以上改善したりするといった大きなメリットをもたらす。これは柔軟なGPUプログラミングと、WebGLが提供しない高度な機能へのアクセスにより可能となる。 WebGPUとは？ WebGPUは、Windowsの「Direct3D 12」、macOSの「Metal」、Linuxの「Vulkan」と同様に、最新GPUのハードウェア機能を引き出し、レンダ

エンジニア同士の情報共有を目的としたコミュニティ「ふわふわエンジニアタイム」が主催する「Markup Meetup」。3回目の今回は、フロントエンドエンジニア、マークアップエンジニア、コーダー、デザイナーの垣根なく、HTML / CSS / JavaScript に関わるナレッジを共有する場として開催されました。ここで登壇したのは、株式会社ゆめみの佐々木祥晶氏。導入事例を交えながら「Three.js」の魅力、メリット・デメリットを語りました。 株式会社ゆめみ所属・新人フロントエンドエンジニア佐々木祥晶氏：それでは発表いたします。題目は、「Three.js の魅力を語る」です。 目次ですね。最初に軽く自己紹介をして、本編で「『Three.js』とは何ぞや？」とか、そういったことをいろいろ話していき、最後に軽くまとめをしていければなと思っています。 では、軽く自己紹介を。初めまして、佐々木祥晶

内容の大幅更新を行ったため現在は上記リンクが最新の内容となっています。 本記事は初めてiPhoneで3Dスキャンを行う方や、実際に試して見たが上手く行かなかったとお困りの方に向けたiPhone3Dスキャンの撮影方法等を解説したものです。 その為3Dスキャンとは何か？等の全般的な内容はこちらの記事をご参照ください。 なお本記事は2023年の1月時点での情報をまとめており、最新の情報ではない可能性があります。 また筆者独自の調査や見解も入っており、事実とは異なる部分が存在する場合があります。 自分の記事を読んで為になったという方にお願いです。可能な限りで良いので令和6年能登半島地震の被災地支援のため募金活動をよろしくお願いします。 iPhone3DスキャンのタイプiPhone3Dスキャンにはいくつかのスキャンタイプが存在しています。 それぞれに特徴があるため用途に応じて使い分けると良いでしょう

import { useEffect, useRef } from "react"; import { Engine, Scene } from "@babylonjs/core"; export default ({ antialias, engineOptions, adaptToDeviceRatio, sceneOptions, onRender, onSceneReady, ...rest }) => { const reactCanvas = useRef(null); // set up basic engine and scene useEffect(() => { const { current: canvas } = reactCanvas; if (!canvas) return; const engine = new Engine( canvas, antialia

青い長方形が表示されているだけですが、テクスチャ画像に表示を切り替えたり頂点の数を変えたり(四角を三角にしたり)する場所にコメントを入れてコネコネできるようにしています(リサイズ対応済み...のはず) 埋め込みcodepenの下に連ねている引用元の素晴らしい入門サイトから、バラバラとコードを繋ぎ合わせているため、コードの整合性や効率に言及できていません。「動いた〜〜やった〜〜」程度の実験場です。「ちょっとこのfragmentShaderの挙動試したいな〜」という時にすぐ動かせる場所がほしくて書いています。 webGL入門サイト webglfundamentals wgld.org ICSメディア オススメwebGL学習教材(動画) codemafiaさん shin-codeさん

Webブラウザ向けの低レベルAPI「WebGPU」について、WebGLと比較しながらそのメリットを紹介します。 本記事は、TechFeed Experts Night#5 〜 Web3D,WebXRを語るのセッション書き起こし記事になります。 イベントページのタイムテーブルから、その他のセッションに関する記事もお読み頂けますので、一度アクセスしてみてください。 本セッションの登壇者 セッション動画 みなさん、こんにちは。@emadurandalと申します。今回は「WebGLと比較して学ぶWebGPU」と題して発表させていただきます。 私自身の紹介についてですが、私は2015年ごろにWebGLにはじめて触れて、それ以来3Dライブラリ開発をずっとやっています。Rhodoniteというライブラリを開発して、長らくWeb3Dの情報を発信しています。現在は株式会社HIKKYで、WebGLベースのメタ

Bring your creativity to life with the web's 3D graphic rendering API. WebGL is a JavaScript API for rendering 3D graphics within a web browser, giving developers the ability to create unique, delightful graphics, unlike anything a static image is capable of. By leveraging WebGL, we were able to take what would have been a static conference signup and turned it into the immersive Next.js Conf regi