ブラウザでAIが動いた日 ─ Transformers.jsで「配れるAI」を体験する

ブラウザでAIが動いた日 ─ Transformers.jsで「配れるAI」を体験する TECH

動いた。
サーバーなし。
ブラウザだけでAIが会話する。

Transformers.jsで構築したローカルAIチャットボットの実行画面(WebGPUで動作)
Transformers.jsを使い、ブラウザ内でAIモデルを直接実行している様子。サーバーやAPIを使わず動作する

これはデモじゃない。
未来の入口だ。


Transformers.jsとは何か

Transformers.js · Hugging Face
We’re on a journey to advance and democratize artificial intelligence through open source and open science.

Transformers.js は、
AIモデルをブラウザでそのまま動かすためのライブラリだ。

従来のAIはこうだった。

  • サーバーに置く
  • API経由で呼ぶ
  • コストが発生する

しかし今回は違う。

  • モデルはCDNから取得
  • 実行はローカル
  • ブラウザだけで完結

つまり、

AIが“インフラ”から“配布物”に変わった


実際に動かしてみた

今回は、0.5Bの軽量モデルで実験した。
WebGPU環境で実行したところ、ブラウザとは思えない速度で応答が返ってきた。

結果はこうだ。

  • WebGPUで普通に動く
  • 会話は成立する
  • ただし賢くはない

正直に言う。

壊れた詩人みたいな返答をする(笑)

だが、それでいい。

ここで重要なのは「精度」ではない。

ブラウザでAIが動いたという事実だ。


なぜこれはすごいのか

これまでの常識では、

AIは「どこか遠くのサーバーにあるもの」だった。

しかし今は違う。

  • APIキー不要
  • サーバー不要
  • インストール不要

HTML1枚でAIが動く

これは、Webの歴史でいうと

  • jQueryが配布された瞬間
  • Three.jsが広まった瞬間

と同じ匂いがする。


見えてきた限界

もちろん、夢だけではない。

今回試したところ、

  • 1.5Bモデルはメモリ不足で動作せず
  • WebGPUでも限界あり
  • ブラウザはまだ重いモデルに弱い

つまり、

“軽いAIなら動く”段階

だ。


透けて見える未来

それでも、この先は見えている。

  • オフラインで動くAIアプリ
  • 個人PC内で完結する知識基盤
  • SaaS依存からの脱却
  • AIの民主化

そして何より

AIを“配る”時代


この技術は誰が支えているのか

この仕組みの裏側には
Hugging Face がある。

彼らは、

  • モデルを集め
  • CDNとして配布し
  • 開発者に開放している

いわば、

AIのGitHubであり、AIのnpm

ただし、これは同時に

巨大な影響力を持つインフラ

でもある。


現物を置いておく

今回のサンプルは、HTML1本でそのまま配布できる。

  • ブラウザで開くだけ
  • すぐに触れる
  • 誰でも体験できる

モデルはQwen2.5-0.5B-Instruct

※初回はモデルのダウンロードが走るため、環境によっては時間とメモリを消費する。
※GPUやメモリ状況によっては動作が不安定になることもある。

触ってほしい。
未来を感じてほしい。

Local Chat AI(ブラウザで動くローカルAIチャット)
画像の変換・圧縮・整理をブラウザで完結。AVIF変換やStable Diffusionメタデータ解析など、実用的な無料ツールをまとめたページです。すべてローカル処理で安全に利用できます。

結論

AIは、もう「使うもの」ではない。

配るものになった。


究極のエッジAI誕生|Chrome 148 × Gemini Nanoの衝撃
Chrome 148に搭載されたGemini NanoのBuilt-in AI APIを実際に触って検証。EPP参加やフラグ設定などの注意点とともに、ローカルAIがWeb開発にもたらす変化を解説します。