Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Cloudflare Workers でWebGPUと戯れる
Search
中川 聡也
August 01, 2024
Programming
0
200
Cloudflare Workers でWebGPUと戯れる
https://workers-tech.connpass.com/event/324272/
Cloudflare Workers Tech Talks in Tokyo #3 LT資料
中川 聡也
August 01, 2024
Tweet
Share
More Decks by 中川 聡也
See All by 中川 聡也
Cloudflare Pagesのサイトを NotebookLMから読みやすくする Cloudflare Meet-up Tokyo Vol.7
xiombatsg
0
120
Vue.js_好きに捧ぐ Nuxt Hub で簡単に始めるCloudflare
xiombatsg
1
220
受託開発でGitLab CI を活用していく
xiombatsg
1
530
Webサービス開発でのPostman活用方法
xiombatsg
0
250
Cloudflare Worker x Momento でリージョンと戦う
xiombatsg
0
810
OCHa Cafe Season7をふりかえって
xiombatsg
0
290
Other Decks in Programming
See All in Programming
ローコードサービスの進化のためのモノレポ移行
taro28
1
330
複雑なフォームと複雑な状態管理にどう向き合うか / #newt_techtalk vol. 15
izumin5210
4
2.4k
JavaOne 2025: Advancing Java Profiling
jbachorik
1
300
令和トラベルにおけるコンテンツ生成AIアプリケーション開発の実践
ippo012
1
250
AHC 044 混合整数計画ソルバー解法
kiri8128
0
290
requirements with math
moony
0
510
Devin入門と最近のアップデートから見るDevinの進化 / Introduction to Devin and the Evolution of Devin as Seen in Recent Update
rkaga
7
3.3k
Windows版PHPのビルド手順とPHP 8.4における変更点
matsuo_atsushi
0
360
GDG Super.init(version=6) - From Where to Wear : 모바일 개발자가 워치에서 발견한 인사이트
haeti2
0
540
Denoでフロントエンド開発 2025年春版 / Frontend Development with Deno (Spring 2025)
petamoriken
1
1.3k
英語文法から学ぶ、クリーンな設計の秘訣
newnomad
1
260
AtCoder Heuristic First-step Vol.1 講義スライド(山登り法・焼きなまし法編)
takumi152
3
950
Featured
See All Featured
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
12
1.4k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7.1k
Visualization
eitanlees
146
15k
The Cost Of JavaScript in 2023
addyosmani
48
7.6k
The Pragmatic Product Professional
lauravandoore
33
6.5k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
2.9k
Speed Design
sergeychernyshev
28
850
How to train your dragon (web standard)
notwaldorf
91
5.9k
Rails Girls Zürich Keynote
gr2m
94
13k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
8
700
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
4
460
A Tale of Four Properties
chriscoyier
158
23k
Transcript
Cloudflare Workers でWebGPUと戯れる Cloudflare Workers Tech Talks in Tokyo #3
2024/8/1 株式会社Future Techno Developers 中川 聡也
サーバーレス:Serverless/Cloudflare/Momento /TiUG ゲーム‧アプリ:IGDA Japan / Japan Android Group Cloud Native:OCha
Cafe! 他も顔出してます。どこかであったら声かけてください! まずは⾃⼰紹介 @xiombatsg 1 何をしている⼈? 商品開発をしているお客様を技術⾯でご⽀援 チーム構築のご⽀援(Platform Engineer,SRE…) どんなジャンル? ゲーム/Webサービス/CG/組み込み/etc… どんなコミュニティに顔を出している? Cloudflare Meetup Tokyo, TiUGの運営に参画 中川 聡也 Satoyan https://zenn.dev/nakagawa_satoya
お客様の周りにプロジェクトが炎上しているお客様はいらっしゃいますか? システム開発で いつもプロジェクトが炎上してしまう と困っていませんか? プロジェクト開発に知⾒のあるエンジニアが、 課題管理やスムーズな進捗管理などを⾒直し、 解決に向けてアドバイスします!
今⽇は Cloudflare Workers でWebGPUをいじりたいってことで 軽く触りました 3
本題
Cloudflare Workers WebGPUとは Cloudflare上のGPUを使い倒せるすごいAPIです。 主にはAI⽤途で実装されている感じで、完全互換は⽬指さないだ ろうなって思っていますが、サーバー上でGPUが使えるのは熱 い!※今回はAI話はしないです。 ※ただしまだデプロイできません 5 参考
:https://zenn.dev/kameoncloud/articles/707b3b623bdb87
参考:https://speakerdeck.com/kugimasa/webgpunihong-retemita
中川、WebGPUが動くと聞いて最初 CDN上でGPUが使える だって!? ゲームし放題じゃないか! GPU City じゃなく Game Cityにしようぜ!
でもまぁ、現在の状態でCDN上でゲームが動くわけもなく ⼀番⼤きい理由はRenderPipeLineが動かない。これがないと⾃前 でポリゴンをレンダリングしなくちゃいけなくて⼤変⾯倒 参考:※テストプログラムがあったのでワンチャン動くと思って試行錯誤したけどダ メでした ・・・https://github.com/cloudflare/workerd/blob/main/src/workerd/api/gpu/webgp u-windowless-test.js 参考 :https://developers.cloudflare.com/durable-obj ects/api/webgpu/
RenderPipelineが使えるようになったとしても Durable Object の特性上、おそらくCanvas が使えない。three.js とか Babylon.js とかで動かすにもRenderTexture ベースでレンダ リングしないといけないので、⼯夫は必要になってくるんじゃな
いかなと Compute Shader を使って Buffer Copy すれば画像出⼒は⼀応できなくもないのでやりようは ある
要するにCompute Shader で自前で3Dやれってことです 近いうちにやりたい 参考:https://www.gsn-lib.org/apps/raytracing/index.php
まぁ、でも 制約はあるけど、すごいポテンシャルは感じる。 CDN上で動くようになったら⾊々やってみたい(⼀緒にやろうぜっ て興味ある⼈いたら声かけてください) 例えば
夢その1 分散レンダリング(レンダーファーム) MayaとかBlender,Unity,UnrealEngine などのレンダリングをWorkers で 分散してレンダリング すごいノード数になるだろうけど 爆速で画像が出てくるに違いない 画像参照: https://japan.cnet.com/article/35140694/
夢その2 Cloudflare クラウドゲーミング WebRTCとかWorkersで利⽤できるもの総動員 すればCloudGamingもできるに違いない 参考: https://homepage.iis.sinica.edu.tw/~ swc/pub/survey_on_cloud_gaming. html
最後に注意点 このサンプル、Rustでできていて、ここに参加している⽅は 全く参考にならないので、参考にしない⽅がいいです。 WebGPU ⼊⾨ こちらを参考にjavascriptで触りましょう https://zenn.dev/emadurandal/books/cb6818fd3a1b2e
宣伝
8/8 AOAI Dev Day Recap(オンライン) 7/25 に開催された AOAI Dev Day
のRecap イベン トです。 みなさん⼀緒にわいがやしましょう
8/20 TiDB ソースコード輪読会 #2 (オンライン) NewSQL データベース TiDBのUser GroupでTiDBの中⾝を覗いちゃおうと いう企画です。全4回の予定。
2回⽬はSystem R からAST ツリー周りの概念を抑える会になる予定です。
10/19 Vue Fes Japan 2024 エコシステムがどんどん充実してきているVuejs 今回も豪華スピーカーなので、みんな来てね。 スポンサー枠で参加予定です
Cloudflare Meetup TOKYO Vol.5 2024.7.4(Thu)
#CloudflareUG #CloudflareUG_hnd
Discord #CloudflareUG #CloudflareUG_hnd • ぜひDiscordに参加してCloudflareについてキャッチアップやディスカッションしましょ う。
事業紹介 21 プロジェクト⽀援事業 Webサイト運営事業 ソフトウェア開発事業 Web診断事業 当社サービス 代理店‧顧客ご紹介企業様 お客様 保守担当メンバー‧パートナー
弊社は「ソフトウェア商品開発をサポートする」企業です
None