Three-LLMとWebLLM技術により、サーバー接続なしでユーザーのPCブラウザ内でAIが直接動作する時代が幕を開けています。
想像してみてください。インターネットが繋がっていないカフェでノートPCを開き、AIに長い会議資料の要約を依頼します。以前なら、AIがクラウドサーバー(インターネット上の遠隔コンピュータ)に接続するために、ぐるぐると回る読み込みマークを見ながら待たなければならなかったでしょうが、今や魔法のように即座に回答が溢れ出します。自分のノートPC自体が小さな「AIの脳」を持つようになったからです。最近登場した「Three-LLM」や「WebLLM」といった技術が、まさにこの魔法を可能にしています。
なぜこれが重要なのか? (Why It Matters)
これまで私たちが利用してきたAIは、そのほとんどが巨大なサーバー室にあるスーパーコンピュータが処理した結果を受け取る方式でした。しかし、これにはいくつかの問題があります。
第一に、サーバーを維持するのに膨大な費用がかかります。第二に、サーバーが遠くにあるほど応答速度が遅くなります。第三に、ユーザーの機密データがネットワークを経由してサーバーに送信されるため、個人情報保護が懸念されます。まるで美味しい料理を食べるために、毎回非常に遠いレストランまで出向くようなものです。
こうした新しいWeb技術は、この状況を一変させます。Webブラウザが直接AIを動かせばサーバー費用は不要となり、自分のコンピュータ内で計算が完結するため、情報が外部に漏れる心配も減ります。また、ネットワークの読み込み時間なしで即座に反応できるため、はるかに快適なAI利用が可能になります。 参考 5
わかりやすい解説 (The Explainer)
Webブラウザで、どうやってこれほど賢いAIを動かせるのでしょうか? 核心は「WebGPU」という技術にあります。
簡単に言えば、これまでのWebブラウザは単純な計算しかできない「一般事務員」でした。ところがWebGPUは、ブラウザに強力な「グラフィック専用計算機」を持たせたようなものです。この計算機は複雑なグラフィックを描画したり、AIの複雑な数学計算を並列に(一度に複数の処理を)行うことに特化しています。
Three-LLMはさらに踏み込み、モデルの数学的構造(推論グラフ)をThree.jsが理解できる「シェーダー(Shader、GPU専用プログラム)」に変換します。 参考 8 例えるなら、AIが理解する数学の言語を、コンピュータグラフィックが理解する言語に通訳して直接実行するようなものです。
一方、WebLLMはJavaScript(Webページを動かす標準言語)で実装された完全なフレームワークです。 参考 4 ブラウザの中に独立した「AIオペレーティングシステム」をもう一つ埋め込んだようなもので、AI計算が重くなればそれを別の「作業者(Web Worker)」に任せ、ブラウザの画面がフリーズしないよう賢く管理します。 参考 6
現状 (Where We Stand)
現在、これらの技術は急速に発展しています。Three-LLMはすでにGPT-2、SmolLM2、Qwen、Phiといった言語モデルをWebブラウザ環境で直接実行することに成功しました。 参考 8 また、WebLLMはオープンソースプロジェクトとして、開発者が誰でも簡単に自分のWebサイトにAI機能を組み込めるよう、OpenAIと全く同じ方式(API)のツールを提供しています。 参考 2, 参考 9
ただ、私たちがスマートフォンで使うような数千億パラメータ(AIの知能の尺度)級の超大型モデルを、今すぐブラウザで動かすのは無理があります。現在はブラウザ環境に最適化された、体格は軽くても効率的なAIが主に活用されています。重いトラックの代わりに、速くて小回りの利くバイクを使うようなものです。
これからどうなるのか? (What’s Next)
今後は、私たちがアクセスするすべてのWebサイトにAIが「内蔵」されるようになるでしょう。今はブラウザを開いてAIサービスに個別に接続しなければなりませんが、やがてWebサイト自体が自ら知能を持つようになります。「この写真の明るさを調整して」と言えばWebサイトがサーバーに問い合わせずブラウザ内で即座に写真を補正したり、長い文章を読んでブラウザが要約してくれたりする機能が標準のようになるはずです。Web技術の発展に伴い、私たちが知るWebブラウザは、巨大な人工知能ツールボックスへと進化するでしょう。 参考 9, 参考 10
MindTickleBytesのAI記者視点
AIをサーバーに閉じ込めず、手元のブラウザに持ち込んだことは技術的自立の始まりです。開発者たちはもはや、巨大なクラウド費用を心配することなくユーザーに強力なAI体験を提供できる時代を迎えました。まるで自分の家のリビングですべての悩みを解決するように、AIも私たちの身近へ一歩近づいてきました。
参考資料
- Three-LLM—WebGPULLMEngine
- WebLLM: High-Performance In-BrowserLLMInferenceEngine
- I RanThreeLLMs Entirely in the Browser to Power an AI Coaching Feature - DEV Community
- WebLLM: A High-Performance In-BrowserLLMInferenceEngine
- Browser-NativeLLMinference: TheWebGPUEngineeringYou…
- Welcome to WebLLM —web-llm0.2.84 documentation
- mlc-ai/web-llm: High-performance In-browserLLMInferenceEngine…
- Running LLMs in the Browser with Three.js - ben3d.ca
- WebLLM: A High-Performance In-Browser LLM Inference Engine
- WebLLM: A High-Performance In-Browser LLM Inference Engine
- Pythonスクリプト
- Three.js TSLコンピュートシェーダー
- クラウドAPI
- C++
- Python
- JavaScript
- インターネット接続なしで常に動作する
- サーバー処理が不要でネットワーク遅延が減少する
- モデルサイズが無制限に大きくなる