技術用語

WebGL

ウェブジーエル

Web Graphics Library の略。ブラウザ上で 3D 描画を行う JavaScript API です。

体験区分：少しだけ触った推奨読者レベル：Level 3-4

GPU（グラフィックス処理ユニット）を使い、ブラウザ内で 3D を描画します。JavaScript から呼び出せる低レベル API で、頂点座標やシェーダ（描画プログラム）を直接指定する仕組みです。

Google Maps の 3D 表示、AI モデルのデモ、ブラウザゲームなどで内部的に使われています。three.js（F-14）や Babylon.js といった高レベルライブラリが WebGL を呼び出す構造です。

構造図

2026.04·needs_review

「WebGL でシェーダを直接書くより、three.js を Claude に書かせる方が早いです。」

WebGLの見方

421

この用語の見どころ

役割

ブラウザ上で GPU を使った 3D 描画を可能にする API です。

うれしさ

プラグインなしで 3D コンテンツをどのブラウザでも動かせます。

注意点

低レベル API のため直接書くコード量が多く、学習コストがあります。

どこで役立つか

3D ビジュアライゼーションや AI デモをブラウザで提供する場面に向きます。

はじめに

WebGL は基盤で、実務では three.js 経由で使う層と理解できれば十分です。

深掘り先

three.js（F-14）、OpenGL（F-180）、WebGPU

非エンジニアのつまずき

私のコメント

開発フローでの位置

要件確認

→

ライブラリ選定

→

AI コード生成

→

動作確認