Limited support 一部のブラウザのみ対応。使用時はサポート状況を確認すること。

概要

WebGPU は Vulkan/Metal/Direct3D 12 を抽象化した次世代 GPU API です。WebGL より低レベルで高性能なグラフィクスと GPGPU 計算を実現します。

対応ブラウザ

デスクトップ

Chrome 未対応
Edge 未対応
Safari 26+
Firefox 未対応

モバイル

Chrome Android 121+
Safari iOS 26+
Firefox Android 未対応

基本構文

JAVASCRIPT
const adapter = await navigator.gpu.requestAdapter();
const device = await adapter.requestDevice();
const canvas = document.getElementById('c');
const ctx = canvas.getContext('webgpu');
ctx.configure({ device, format: navigator.gpu.getPreferredCanvasFormat() });

実務での使いどころ

  • WebGPU の活用

    WebGPU。次世代のGPUアクセスAPI。高性能なグラフィクスと汎用計算を提供。

注意点

  • 一部のブラウザでのみ対応。使用前にブラウザサポートを確認すること。

アクセシビリティ

  • スクリーンリーダーでの読み上げを確認すること。