WebGPU（ウェブジーピーユー）とは何ですか？

ブラウザからGPUに直接アクセスできる次世代グラフィックスAPI。WebGLの後継として、3D描画だけでなくAIの推論や科学計算などの汎用GPU処理もブラウザ上で高速に実行できる。

WebGPU（ウェブジーピーユー）のポイントは？

WebGLの後継として策定された新しいWeb標準で、VulkanやMetal、DirectX 12といったモダンGPU APIの設計思想をベースにしている。3Dグラフィックスだけでなく、コンピュートシェーダーによる汎用GPU計算（GPGPU）もサポートしている。Chrome 113以降で正式対応し、FirefoxやSafariも対応を進めている。ブラウザ上での機械学習推論や物理シミュレーションなど、高負荷な計算処理のWebアプリへの応用が期待されている

【ウェブジーピーユー】

WebGPU（ウェブジーピーユー）とは？

💡 ブラウザの中にゲーミングPCの力を解き放つ、次世代グラフィックスの鍵

📌 このページのポイント

WebGLの後継として策定された新しいWeb標準で、VulkanやMetal、DirectX 12といったモダンGPU APIの設計思想をベースにしている
3Dグラフィックスだけでなく、コンピュートシェーダーによる汎用GPU計算（GPGPU）もサポートしている
Chrome 113以降で正式対応し、FirefoxやSafariも対応を進めている
ブラウザ上での機械学習推論や物理シミュレーションなど、高負荷な計算処理のWebアプリへの応用が期待されている

WebGL vs WebGPU のアーキテクチャ比較

ひよこ

WebGPUってWebGLと何が違うの？

ペンギン先生

WebGLは2011年に登場した古い設計で、OpenGL ESというAPIがベースだったんだ。WebGPUはVulkanやMetalといった最新のGPU APIの考え方を取り入れていて、もっと効率的にGPUの性能を引き出せるようになっているんだよ

ひよこ

効率的ってどういうこと？

ペンギン先生

たとえばWebGLでは描画命令を1つずつGPUに送っていたけど、WebGPUではコマンドバッファにまとめて一気に送れるんだ。レストランで注文を1品ずつ伝えるか、まとめて伝えるかの違いみたいなもので、圧倒的にムダが減るんだよ

ひよこ

3Dゲーム以外にも使えるの？

ペンギン先生

そこがWebGPUの大きな進化ポイントだね。コンピュートシェーダーという機能で、GPUを計算エンジンとして使えるんだ。ブラウザ上で機械学習モデルを動かしたり、大量のデータを並列処理したりできるようになるよ

ひよこ

じゃあブラウザでAIが動くってこと？

ペンギン先生

まさにそうだね。実際にWebGPUを使ってブラウザ上でLLMを動かすデモも登場しているよ。サーバーに頼らずローカルのGPUで推論できるから、プライバシーの面でもメリットがあるんだ

ひよこ

WebGLはもう使わなくなるの？

ペンギン先生

すぐにはなくならないよ。WebGLはほぼすべてのブラウザで動く実績があるからね。ただ新しいプロジェクトではWebGPUを選ぶケースが増えていくだろうね。Three.jsのようなライブラリもWebGPU対応を進めているよ

ひよこ

開発するのは難しいの？

ペンギン先生

低レベルAPIだからWebGLより学習コストは高めだけど、その分細かい制御ができる。シェーダー言語もGLSLからWGSLという新しい言語に変わったんだ。とはいえThree.jsなどのライブラリを使えば、WebGPUの恩恵を手軽に受けられるよ

まとめ：ざっくりこれだけ覚えればOK！

「WebGPU」って出てきたら「ブラウザからGPUのパワーを直接使える次世代の仕組み」と思えればだいたいOK！

📖 おまけ：英語の意味

「Web Graphics Processing Unit API」＝ Web用GPU API

💬 WebGLの「GL」はOpenGLに由来していたけど、WebGPUはもっと汎用的にGPUを使えるという意味で「GPU」がそのまま名前に入っているんだよ

← 用語集にもどる

WebGPU（ウェブジーピーユー） とは？

WebGPU（ウェブジーピーユー）とは？