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
99
Vue.js_好きに捧ぐ Nuxt Hub で簡単に始めるCloudflare
xiombatsg
1
220
受託開発でGitLab CI を活用していく
xiombatsg
1
520
Webサービス開発でのPostman活用方法
xiombatsg
0
240
Cloudflare Worker x Momento でリージョンと戦う
xiombatsg
0
800
OCHa Cafe Season7をふりかえって
xiombatsg
0
280
Other Decks in Programming
See All in Programming
Denoでフロントエンド開発 2025年春版 / Frontend Development with Deno (Spring 2025)
petamoriken
0
1.1k
フロントエンドオブザーバビリティ on Google Cloud
yunosukey
0
150
아직도 SOLID 를 '글'로만 알고 계신가요?
sh1mj1
0
320
新卒から4年間、20年もののWebサービスと 向き合って学んだソフトウェア考古学
oguri
4
630
AI時代のプログラミング教育 / programming education in ai era
kishida
22
15k
AtCoder Heuristic First-step Vol.1 講義スライド(山登り法・焼きなまし法編)
takumi152
1
250
보일러플레이트 코드가 진짜 나쁜 건가요?
gaeun5744
0
330
複雑なフォームと複雑な状態管理にどう向き合うか / #newt_techtalk vol. 15
izumin5210
4
2.2k
Node.js, Deno, Bun 最新動向とその所感について
yosuke_furukawa
PRO
5
2.8k
Scala 3 で GLSL のための c-like-for を実装してみた
exoego
1
150
GDG Super.init(version=6) - From Where to Wear : 모바일 개발자가 워치에서 발견한 인사이트
haeti2
0
500
「その気にさせる」エンジニアが 最強のリーダーになる理由
gimupop
3
420
Featured
See All Featured
Practical Orchestrator
shlominoach
186
10k
Visualization
eitanlees
146
15k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.4k
How to Think Like a Performance Engineer
csswizardry
22
1.4k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
227
22k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
14
1k
Large-scale JavaScript Application Architecture
addyosmani
511
110k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
366
25k
Producing Creativity
orderedlist
PRO
344
40k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.7k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
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