Mr.doobとは何者か？Three.js生みの親の正体と伝説の真相

Webブラウザを開いた瞬間、Googleの検索窓やロゴが突如としてバラバラに崩れ落ちる「Google Gravity」や、画面いっぱいにカラフルな球体が跳ね回る「Ball Pool」。2010年代初頭、Flashの終焉とともに訪れた次世代Webの幕開けにおいて、世界中のネットユーザーに衝撃を与えたこれらの作品を生み出したのが、謎のクリエイター「Mr.doob（ミスター・ドゥーブ）」である。

彼が世に送り出した最大の遺産が、今やWeb上の3D表現において圧倒的世界標準となったオープンソースライブラリ「Three.js」だ。2026年現在、ブラウザ上で極限のグラフィックスを描画するWebGPUの本格普及期を迎えるなか、Webの常識を塗り替えた天才の経歴、数々の代表作に隠された開発秘話、そして現在進行形の挑戦に改めて注目が集まっている。

📌 【この記事の重要ポイントまとめ】

• 要点1：Mr.doobの正体は、スペイン・バルセロナ出身の天才クリエイティブコーダー「リカルド・カベロ（Ricardo Cabello）」氏。
• 要点2：「Google Gravity」や「Ball Pool」で世界を驚嘆させ、難解を極めたWebGLのハードルを一気に引き下げた「Three.js」の創始者。
• 要点3：2026年現在も巨大テックに属さず、WebGPU対応や独自の軽量クリエイティブ環境の開発を第一線で牽引し続けている。

【正体を暴く】Three.js開発者Mr.doobとは何者なのか？経歴と素顔

ネット上で長年カルト的な人気を誇る「Mr.doob」というハンドルネームの主。その実体は、スペインのバルセロナを拠点に活動するプログラマー兼デザイナー、リカルド・カベロ（Ricardo Cabello）氏である。

彼の原点は、1980年代後半から欧州で盛り上がりを見せていたコンピュータアートのサブカルチャー「デモシーン（Demoscene）」や、2000年代初頭のFlash黄金期にある。限られたハードウェアリソースとファイル容量の中で、いかに美しく軽快なリアルタイムグラフィックスを生み出すかという美学を骨の髄まで叩き込まれたカベロ氏は、Flashのスクリプト言語であるActionScriptを用いて先駆的な視覚表現を連発していた。

当時のインタビューや本人が開発フォーラムに投稿した手記によると、彼が自らをプログラマーではなく「デジタルおもちゃ職人（maker of digital toys）」と定義している点が非常に興味深い。複雑なアルゴリズムの構築そのものが目的ではなく、「画面上で触れて楽しいか」「直感的にワクワクするか」というユーザー体験を最優先する姿勢こそが、彼のものづくりの根幹にある。ロンドンの著名クリエイティブエージェンシーで腕を振るった後、独立。ブラウザ標準技術への転換期を敏感に察知し、JavaScriptを用いた独自の表現へと舵を切った。

【伝説の代表作】Google Gravityの仕組みとWebを揺るがした名作群

リカルド・カベロ氏の名を世界に知らしめたのは、Googleのトップページを物理演算で破壊するパロディ作品「Google Gravity」だった。Google検索画面の構成要素が重力に従ってガタガタと崩れ落ち、検索バーやボタンをマウスで掴んで放り投げられるこの仕掛けは、世界中でバイラルを引き起こした。

その仕組みは、当時出始めたばかりのJavaScript移植版2D物理演算エンジン（Box2D-JS）とHTML5 Canvasを巧みに組み合わせ、DOM要素の座標と物理演算のシミュレーションを同期させるという極めて斬新なものだった。ブラウザが「静的な文書を読むツール」から「リッチなインタラクティブ空間」へと進化する瞬間を、誰にでもわかる面白さで提示してみせたのである。

彼の代表作はそれだけにとどまらない。クリエイティブコーディングの歴史に刻まれた傑作群は以下の通りだ。

• Ball Pool：無数のカラフルなボールがマウスカーソルに反応して物理法則に従って跳ね回る、HTML5初期の金字塔。
• Harmony：自動的にクモの巣のような繊細な描画線を生成するプロシージャル・ドローイングツール。世界中のイラストレーターやデザイナーを熱狂させた。
• Spin Painter：回転するレコードのような円形キャンバスに絵の具を散らして偶発的なアートを生成するインタラクティブトイ。
• Magic Dust：Googleが立ち上げた「Experiments with Google」初期のショーケースとして提供され、微粒子の流体的な振る舞いをブラウザ上で美しく再現した作品。
• Three.js Quake：往年のFPSゲーム『Quake』のマップデータをブラウザ上でレンダリングするデモ。ブラウザがコンソールゲーム機の表現力に近づいたことを証明した。

【歴史と経緯】Three.jsがWebグラフィックスの歴史を変えた決定的要因

カベロ氏が自らの作品制作のために立ち上げ、後にWebの未来を決定づけたのがWebGL JavaScriptライブラリ「Three.js」である。2009年、当初はCanvasやSVGをレンダラーとする軽量3DライブラリとしてGitHub上で公開された。その後、2011年にKhronos Groupによって策定されたブラウザ向け3Dグラフィックス規格「WebGL」が正式発表されると、Three.jsは爆発的な進化を遂げることになる。

生のWebGLは、シェーダー（GLSL）の知識や行列演算、バッファ管理など、極めて低レイヤーな数学的・グラフィックス工学的知識を要求するため、参入障壁が天文学的に高かった。そこにThree.jsが登場し、「シーン（Scene）」「カメラ（Camera）」「レンダラー（Renderer）」という直感的な抽象化レイヤーを提供したことで、世界中のWebデザイナーが一斉に3D空間の表現へと参入できるようになったのだ。

【実態検証】開発現場の生の声とコミュニティが見せるリアルな評価

ネット上のエンジニアコミュニティやSNS（旧Twitter、GitHubディスカッション、Zennなど）におけるThree.jsの評価は極めて高いが、そこには長年の進化ゆえの現場のリアルな葛藤も存在する。

絶賛の声として多いのは、「公式サンプルの豊富さとドキュメントの充実度」だ。初心者が3D表現を始めようとした際、公式サイトに用意された数百種類のサンプルコードをコピー＆ペーストするだけで、高度なライティングやシャドウ、ポストプロセス効果をすぐに再現できる。日本のフロントエンドエンジニアの間でも、「クライアントから無茶なリッチ演出を求められたとき、Three.jsのエコシステムに何度も救われた」という証言が後を絶たない。

一方で、長期運用プロジェクトに関わるエンジニアからは、以下のようなシビアな声も挙がっている。

• リビジョン更新に伴う破壊的変更（Breaking Changes）：Three.jsは毎月のように新バージョンがリリースされるが、古いAPIの非推奨化や削除が頻繁に行われるため、数年前のコードが最新版で動かなくなるケースが日常茶飯事である。
• バンドルサイズの肥大化：多機能化に伴い、フルセットで読み込むと容量が大きくなるため、プロダクション環境ではTree-shaking（不要コードの除去）を徹底しなければ初期描画速度が犠牲になる。
• ピュアなCG基礎の軽視：ライブラリが便利すぎるあまり、GLSL（シェーダー言語）の基礎や数学的背景を理解しないまま実装し、描画負荷のトラブルシュートで詰まる若手が増えているという指摘もある。

一般に知られていない盲点とネットの誤解｜「Google社員」説の真相

Mr.doobに関してネット上で最も頻繁に見られる誤解が、「彼はGoogleの開発者（社員）である」という言説だ。

この誤解が広まった原因は、「Google Gravity」という作品名と、彼がGoogleのWebブラウザ推進プロジェクト「Chrome Experiments」に初期から深くコミットしていたことにある。Googleは2009年以降、Chromeの高速なV8エンジンやグラフィックス処理性能を世界に誇示するため、カベロ氏を含む世界最高峰の外部クリエイターたちと積極的なコラボレーションを行った。カベロ氏はその旗手としてイベントに登壇していたため、社員だと勘違いされたのだ。

実態として、彼は独立したオープンソースメンテナであり、特定の巨大テック企業に身売りすることなく、自らの独立性を保ち続けている。彼の開発活動は、GitHub Sponsorsやオープンソース支援ファンド、企業からの寄付、カンファレンス講演などによって支えられている。巨大資本の思惑に左右されず、純粋な「Webのオープン性とクリエイティビティ」を信奉する姿勢こそが、彼が世界中のエンジニアからカリスマ的な敬意を集め続ける真の理由である。

【2026年現在の活動】WebGPU時代に突入したThree.jsの行方

2026年現在、ブラウザグラフィックスは従来のWebGLから、次世代グラフィックスAPI「WebGPU」への移行が急速に進んでいる。グラフィックスチップ（GPU）の計算能力を直接引き出すWebGPUにより、ブラウザ上でのリアルタイムレイトレーシングや大規模な物理シミュレーションが可能となった。

リカルド・カベロ氏率いるThree.jsコアチームは、この地殻変動にも先手を打った。ライブラリ内部のレンダラー構造を再構築し、従来のWebGLフォールバックを維持しながら、最新のWebGPUレンダラー（WebGPURenderer）へとシームレスに移行できるアーキテクチャを確立したのだ。

さらに現在のカベロ氏は、ブラウザ上で直感的にシーン構築ができる「Three.js Editor」の機能拡充や、NeocitiesなどのオープンなWebプラットフォームを活用した軽量スケッチの公開、教育的ツールの充実に情熱を注いでいる。Apple Vision Proをはじめとする空間コンピューティングデバイスの普及に伴い、WebXR（Web上でのVR/AR体験）との統合も急速に推進している。

【プロの結論】Web3Dに挑戦すべき人と慎重になるべき人の判断基準

技術の成熟と進化を踏まえ、今フロントエンド開発やビジュアル表現においてThree.jsを採用すべきか否かの客観的な判断基準を提示する。

【向いている人・採用すべきプロジェクト】

• Webデザイナー・クリエイティブコーダー：ブランドの世界観を強烈に伝えたいプロモーションサイトやポートフォリオ制作。ブラウザを開いた瞬間のインパクトが最重要視される場面。
• 3Dプロダクトビジュアライザー：ECサイトでの家具や家電の360度プレビュー、コンフィギュレーターの構築。Three.jsのgltfローダーとPBR（物理ベースレンダリング）は業界屈指の信頼性を誇る。
• オープンWebの精神を愛する開発者：特定のプロプライエタリなエンジン（UnityやUnreal EngineのWebエクスポート）に依存せず、軽量で自由度の高いWebネイティブな表現を追求したいエンジニア。

【慎重になるべき人・向いていないプロジェクト】

• 超高負荷なAAA級オンラインゲームの開発：ブラウザのメモリ制限やスレッド制約を極限まで突き詰める本格的なゲーム制作には、ネイティブ向けゲームエンジンや専用のWebAssemblyパイプラインが適している。
• メンテナンス体制が脆弱な長期運用Webサイト：頻繁なライブラリ更新に追従するリソースがない場合、将来的なブラウザ仕様変更やThree.jsのアップデートによるメンテナンスコストが重荷になるリスクがある。

【mr doob】に関するよくある質問（FAQ）

Q1：Mr.doobの本名や拠点はどこですか？
A1：本名はRicardo Cabello（リカルド・カベロ）氏です。スペインのバルセロナ出身で、現在もヨーロッパを拠点にオープンソース開発やクリエイティブ活動を展開しています。

Q2：伝説の「Google Gravity」は現在でも遊べますか？
A2：はい、Mr.doob氏の個人サイト（mrdoob.com）内のアーカイブや、Googleのイースターエッグ保存サイトなどで現在も動作する状態で公開されています。現代の高速なブラウザ環境では、発表当時よりもさらに滑らかな物理演算の挙動を体感できます。

Q3：初心者がThree.jsを学ぶ場合、数学や3Dモデリングの知識は必須ですか？
A3：基本的な表示だけであれば、高校レベルの数学知識やBlenderなどの専門スキルがなくても、公式ドキュメントや豊富なチュートリアルを参考に数行のJavaScriptを書くだけで立体を描画できます。ただし、本格的なライティングやオリジナルシェーダー（GLSL/WGSL）を操る段階になると、線形代数やベクトル演算の基礎知識が大きな武器となります。

まとめ：デジタル玩具職人が切り拓いたWeb表現の未来

Mr.doobことリカルド・カベロ氏がWebの世界に残した足跡は、単に便利なライブラリを一つ開発したという次元を遥かに超えている。かつてFlashの終焉によって「退屈な静的ページに戻るのではないか」と危惧されたオープンWebに、誰よりも遊び心に満ちたインタラクティブ表現の火を灯し直したのが彼だった。

技術がどれほど高度化し、WebGPUや空間コンピューティングといった次世代の波が押し寄せようとも、「コードで画面を動かし、触れて楽しむ」という彼の創作哲学は微塵も揺らいでいない。ブラウザを開けばそこにある、デジタルのおもちゃ箱——Mr.doobが耕し続けるその土壌から、これからも世界を驚かす新しい表現が生まれ続けるはずだ。 （出典: mr doob（Yahoo!ニュース））