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
310
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 中川 聡也
生成AIで外部委託への発注を全力で奪ってみた
xiombatsg
0
71
Cloudflare Pagesのサイトを NotebookLMから読みやすくする Cloudflare Meet-up Tokyo Vol.7
xiombatsg
0
240
Vue.js_好きに捧ぐ Nuxt Hub で簡単に始めるCloudflare
xiombatsg
1
310
受託開発でGitLab CI を活用していく
xiombatsg
1
650
Webサービス開発でのPostman活用方法
xiombatsg
0
310
Cloudflare Worker x Momento でリージョンと戦う
xiombatsg
0
1.1k
OCHa Cafe Season7をふりかえって
xiombatsg
0
340
Other Decks in Programming
See All in Programming
AIエージェントのキホンから学ぶ「エージェンティックコーディング」実践入門
masahiro_nishimi
2
110
dchart: charts from deck markup
ajstarks
3
990
20260127_試行錯誤の結晶を1冊に。著者が解説 先輩データサイエンティストからの指南書 / author's_commentary_ds_instructions_guide
nash_efp
0
860
AIエージェント、”どう作るか”で差は出るか? / AI Agents: Does the "How" Make a Difference?
rkaga
4
2k
AIフル活用時代だからこそ学んでおきたい働き方の心得
shinoyu
0
120
AI Agent の開発と運用を支える Durable Execution #AgentsInProd
izumin5210
7
2.3k
Amazon Bedrockを活用したRAGの品質管理パイプライン構築
tosuri13
2
170
フロントエンド開発の勘所 -複数事業を経験して見えた判断軸の違い-
heimusu
7
2.7k
AgentCoreとHuman in the Loop
har1101
5
220
15年続くIoTサービスのSREエンジニアが挑む分散トレーシング導入
melonps
2
160
CSC307 Lecture 01
javiergs
PRO
0
680
Implementation Patterns
denyspoltorak
0
280
Featured
See All Featured
BBQ
matthewcrist
89
10k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
tammyeverts
2
170
The AI Search Optimization Roadmap by Aleyda Solis
aleyda
1
5.2k
Code Reviewing Like a Champion
maltzj
527
40k
Typedesign – Prime Four
hannesfritz
42
2.9k
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
170
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
141
34k
Groundhog Day: Seeking Process in Gaming for Health
codingconduct
0
88
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
Visual Storytelling: How to be a Superhuman Communicator
reverentgeek
2
420
Rebuilding a faster, lazier Slack
samanthasiow
85
9.4k
VelocityConf: Rendering Performance Case Studies
addyosmani
333
24k
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