用語集 › 🕸️ Web › WebGPU（ウェブジーピーユー）
【ウェブジーピーユー】

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

最終更新:
💡 ブラウザの中にゲーミングPCの力を解き放つ、次世代グラフィックスの鍵
📌 このページのポイント
WebGL vs WebGPU アーキテクチャ比較 WebGL（従来） JavaScript アプリ WebGL API OpenGL ES GPU ドライバ レイヤーが多く非効率 WebGPU（次世代） JavaScript アプリ WebGPU API + WGSL Vulkan Metal DX12 GPU ドライバ モダンAPI直結で高効率
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」がそのまま名前に入っているんだよ
🔗 あわせて読みたい
📝 この用語に関連するコラム
← 用語集にもどる