Three.js開発者Mr.doobの正体と経歴！Google重力から現在まで徹底解剖

ブラウザ上で滑らかに動く3D空間や、重力に従って崩れ落ちる検索画面。かつてFlash全盛期だったWebの世界に、プラグイン不要のインタラクティブ体験を持ち込み、世界中のクリエイターに衝撃を与えた伝説的クリエイターが「Mr.doob」です。彼の手によって生み出されたオープンソースライブラリ「Three.js」は、現在のメタバース、プロダクト3Dビューア、WebXRの基礎インフラとして不動の地位を築いています。

ネット上では「Googleの天才エンジニアなのか？」「現在はどのような活動をしているのか？」といった疑問が絶えません。本稿では、Mr.doobの正体であるリカルド・カベロ（Ricardo Cabello）氏の生い立ちから、世界的なバイラル現象を巻き起こした初期のWeb実験作品、Three.js誕生の舞台裏、そして最新の動向まで、客観的事実と開発現場のリアルな証言を交えて徹底解剖します。

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

• 要点1：Mr.doobの正体はバルセロナ出身のクリエイティブコーダー「Ricardo Cabello（リカルド・カベロ）」氏であり、Three.jsの主開発者。
• 要点2：「Google Gravity（Google 重力）」や「Ball Pool」など歴史的Web実験作品を連発し、ブラウザ表現の限界を拡張し続けてきた。
• 要点3：Googleの社員ではなく独立したオープンソースメンテナとして活動を継続、WebXRや最新ブラウザAPIの標準化にも多大な影響を与えている。

【正体と経歴】Three.js開発者「Mr.doob」ことRicardo Cabelloの素顔

ネット上で長年カリスマ的な人気を誇るMr.doobの正体は、スペイン・バルセロナ出身のソフトウェアエンジニア兼デザイナー、Ricardo Cabello（リカルド・カベロ）氏です。1980年代生まれの彼は、少年時代にデモシーン（限られた計算資源で美麗なグラフィックやサウンドを生成するコンピュータカルチャー）に強い影響を受け、独学でプログラミングとビジュアル表現を融合させるスキルを磨きました。

カベロ氏が本格的に業界で頭角を現したのは2000年代半ばのことです。当時はFlash（ActionScript）を用いたリッチコンテンツ制作が主流であり、ロンドンのデジタルエージェンシー「Hi-ReS!」などでデザイナー兼プログラマーとして活躍。その後、HTML5やCanvas、WebGLといった新世代のオープンWeb技術の可能性をいち早く見出し、個人名義「Mr.doob」として実験的なWeb作品を次々と公開していきました。

本人の公式インタビューや登壇記録によると、「Mr.doob」というユニークなハンドルネームは、若き日に友人と交わした他愛のないニックネームが原点となっています。単なるプログラマーにとどまらず、UIデザイナーとしての直感的な美意識を併せ持っている点が、彼の生み出すツールの使いやすさに直結しています。

【名作アーカイブ】Google GravityやBall Poolなど世界を震撼させたWeb実験の全貌

カベロ氏の名を一躍世界に知らしめたのが、2000年代後半から2010年代初頭にかけて発表された一連のWebGL・Canvas実験作品（Chrome Experiments）です。これらは当時、「ブラウザでここまでの表現ができるのか」と世界中の開発者や一般ユーザーを驚愕させました。

代表的な実験作品群の中でも、特に知名度が高いのが以下のプロジェクトです。

1. Google Gravity（Google 重力）
Googleのトップページを模した画面を開くと、検索窓やボタン、ロゴマークが突如物理エンジンの重力法則に従ってバラバラに落下するインタラクティブアート。落ちたパーツをマウスで掴んで放り投げることができ、その状態のままでも検索が機能するというユーモアが爆発的なバイラルを生みました。

2. Ball Pool（ボールプール）
画面上に無数のカラフルなボールが生成され、物理演算によって跳ね返り、マウスカーソルを波打つように避けていくインタラクション。HTML5 Canvasの描画性能と物理シミュレーションの滑らかさを世界に証明しました。

3. Harmony（ハーモニー）
マウスを動かすだけで、まるで繊細なスケッチや毛筆のような有機的な線を描けるプロシージャルドローイングツール。アーティストやイラストレーターの間で熱狂的な支持を集めました。

これらの作品は、単なる技術デモにとどまらず、「触って気持ちいい」という人間の感覚的快楽を徹底的に追求して設計されており、Mr.doobの卓越したUXセンスを物語っています。

【歴史と経緯】ActionScriptからWebGLへ｜Three.js誕生の舞台裏と進化の軌跡

現代の3D Web標準となったThree.jsの歴史と誕生経緯は、2010年4月に遡ります。当時、ブラウザ上で3D表現を行うための統一されたライブラリは存在せず、低レベルな描画APIを直接扱うには膨大な数学的知識と難解なシェーダーコードの記述が必要でした。

カベロ氏は元々、ActionScript 3.0で3Dエンジンを作成していた経験をベースに、「JavaScriptで直感的にシーン、カメラ、ライト、メッシュを扱える軽量な3Dライブラリ」としてThree.jsのコードをGitHubに公開しました。初期バージョンはCanvas 2DやSVGレンダラー向けに作られていましたが、2011年にWebGLが公式策定されると即座に対応。GPUを活用したリアルタイム3Dレンダリングの敷居を一気に引き下げました。

Three.jsの画期的な点は、「低レイヤーの難解さを隠蔽しつつ、プロフェッショナルの高度なカスタマイズ要求にも耐えうる柔軟な設計」にあります。世界中のコントリビューターを巻き込み、2026年現在に至るまで毎月欠かさず新リリース（rXXX）を重ねる盤石な開発体制が維持されています。

【データ比較】Mr.doobの代表作とWebグラフィックス技術の進化年表

Mr.doobが手掛けてきた主要プロジェクトと、Webグラフィックス技術の変遷を以下の比較表にまとめました。

【実態検証】利用者の生の声と現場目線で見えたリアル

Web制作現場やフロントエンド開発者のコミュニティにおいて、Three.jsおよびMr.doobの功績はどのように評価されているのでしょうか。実際の開発現場やSNS・技術フォーラム（GitHub、Stack Overflow、Xなど）に寄せられるリアルな声を検証しました。

現場の開発者から絶賛されるポイント：
多くのエンジニアが口を揃えるのは、「公式サンプルの圧倒的な充実度と質の高さ」です。Three.jsの公式リポジトリには数百点を超える実動サンプルが用意されており、カベロ氏自身がコードの可読性を極限まで重視してリファクタリングを徹底しています。「新しい機能を試したい時、ドキュメントを読むよりMr.doobが書いたサンプルコードを1つ見た方が理解が早い」という声は世界中で共通しています。

現場が直面するシビアな課題：
一方で、商用プロジェクトの現場からは「破壊的変更（Breaking Changes）の頻度」に対する懸念も少なからず存在します。Three.jsはセマンティックバージョニングを採用せず、月次リリースごとに仕様変更が入るため、長期運用するWebサイトではバージョンアップに伴う保守コストが課題として挙げられることがあります。

しかし、そうした課題がありながらも、GitHubスター数が10万件を突破し、Apple、Google、Nikeといった世界的ブランドの公式サイトで採用され続けている事実こそが、このライブラリの唯一無二の信頼性を証明しています。

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

Mr.doobに関して、ネット上で長年囁かれている代表的な誤解が「彼はGoogle本社の社員であり、Googleの公式プロジェクトとしてThree.jsを作った」という言説です。これは事実と異なります。

真相として、カベロ氏は「Chrome Experiments」などの公式キャンペーンやプロモーションにおいてGoogleから委託・協力を受けて制作に携わった期間はありますが、Googleの正規雇用社員としてThree.jsを社内開発したわけではありません。

彼はあくまで独立したオープンソースメンテナおよびクリエイターとしての立ち位置を貫いており、パトロン（PatreonやGitHub Sponsors）からの支援やコミュニティの寄付、技術顧問活動によって自律的な開発環境を維持しています。巨大テック企業の支配下に置かれず、ピュアなオープンソースプロジェクトとして独立性を保ち続けたことこそが、Three.jsがベンダーロックインを回避し、業界標準として広く受け入れられた決定的な理由です。

【プロの結論】Web3D開発でThree.jsを採用すべき現場と避けるべきケースの判断基準

Web3Dコンテンツの制作において、Mr.doobが生んだThree.jsを採用すべきか、それとも他のフレームワーク（Babylon.js、PlayCanvas、Unity WebGLなど）を選ぶべきか。技術選定の判断基準を提示します。

✅ Three.jsを強く推奨するケース：

• ブランドサイト、キャンペーンサイト、ポートフォリオなど、リッチで独創的なWeb演出を行いたい場合
• DOMや既存のWebサイト（React、Vueなど）と密接に連携したインタラクティブなUIを構築したい場合
• オープンソース資産、豊富なWeb上のサンプルコード、巨大なコミュニティの知見を活用して開発スピードを上げたい場合

⚠️ 慎重に検討・別ツールを視野に入れるべきケース：

• 複雑な衝突判定、剛体物理、マルチプレイヤー通信が前提となる本格的な3Dブラウザゲーム開発（Babylon.jsやPlayCanvas、専用ゲームエンジンが優位）
• GUIベースのエディタ（UnityやUnreal Engineのようなシーン構築ツール）を非エンジニアが操作して開発を進めたい場合
• 数年単位でメンテナンスを行わない予定で、APIの仕様変更に対する追従リソースが確保できない企業案件

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

Q1：Mr.doob（Ricardo Cabello）氏の現在の活動状況は？
A1：2026年現在もThree.jsのリードメンテナとして精力的にコミットを続けています。特に次世代グラフィックス規格「WebGPU」への全面移行や、シェーダー開発を効率化するTSL（Three.js Shading Language）の拡充、WebXR対応の進化に注力しています。

Q2：「Google Gravity」は現在でも遊ぶことができますか？
A2：はい、Mr.doobの公式サイト（mrdoob.com）内のアーカイブページや、ミラーサイトにて現在も直接ブラウザ上で体験することが可能です。

Q3：Three.jsを学ぶにあたってプログラミング初心者でも扱えますか？
A3：基本的なJavaScript（HTML/CSS含む）の知識があれば入門可能です。公式エディタや豊富なサンプルコード、コミュニティによる日本語チュートリアルも多数存在するため、Webグラフィックスの入門としては最も適したライブラリの一つです。

まとめ：Webの可能性を拡張し続けるMr.doobの功績と未来

Mr.doobことRicardo Cabello氏は、単なる優秀なプログラマーにとどまらず、Webというキャンバスの限界をユーモアと技術力で押し広げた希代のクリエイターです。彼が公開した「Google Gravity」や「Ball Pool」などの実験作は世界中の開発者を刺激し、その情熱から生まれたThree.jsは、今やインターネットの3D表現に欠かせない世界共通言語となりました。

WebGPUの普及によってブラウザグラフィックスがネイティブアプリに匹敵する表現力を手に入れつつある現在も、彼の挑戦は続いています。オープンソースの精神とクリエイティビティを武器にWebを進化させ続けるMr.doobの歩みから、今後も目が離せません。 （出典: mr doob（Yahoo!ニュース））