AI Deck

Transformers.js ─ ブラウザやNode.jsで約200種のAIモデルを完全ローカル実行できるHugging Face公式のJavaScriptライブラリ

Hugging Faceが公式に開発・提供する、JavaScript向けのオープンソース機械学習ライブラリ。PythonのtransformersライブラリをJavaScriptに移植したもので、テキスト分類・要約・翻訳・画像認識・音声認識といったAI処理を、サーバーを介さずブラウザやNode.js/Deno/Bunの中だけで実行できる。推論エンジンにはONNX Runtimeを使い、WebGPUによるGPU実行や4bit量子化にも対応する。2023年3月の初公開以降、2026年2月に公開されたv4ではWebGPUランタイムがC++で書き直され、約200種のモデルアーキテクチャに対応した。npmパッケージ名は@huggingface/transformersで、ライセンスはApache-2.0。

主な特徴

  • 完全ローカル実行でプライバシーを確保: 推論はユーザーの端末内で完結するため、入力したテキストや画像・音声が外部サーバーへ送信されない。個人情報や社内文書を扱うツールでも安心して組み込める
  • 40種類以上のタスクをpipelineで呼び出せる: 感情分析・固有表現抽出・質問応答・要約・翻訳・文章生成といったNLPに加え、画像分類・物体検出・背景除去・深度推定、音声認識・音声合成、さらにドキュメント質問応答などのマルチモーダルタスクを、pipeline()の1行で使い分けられる
  • WebGPUによるGPU実行と量子化: device: 'webgpu'の指定でGPU実行に切り替えられ、dtypefp32 / fp16 / q8 / q4を選べる。端末の性能に合わせて速度とメモリ使用量を調整できる
  • ブラウザ以外の実行環境も公式サポート: ブラウザだけでなくNode.js、Deno、Bunで同じコードが動く。CDN(jsDelivr)経由の読み込みにも対応し、バンドラーなしのバニラJavaScriptでも試せる
  • v4で追加されたModelRegistry API: 読み込んだモデルのファイル構成・キャッシュ状況・利用可能な精度タイプを問い合わせられる管理用API。本番運用時のモデル配信やキャッシュ制御を組み立てやすくなった
  • 軽量なトークナイザ単体パッケージ: @huggingface/tokenizersが独立提供されており、gzip圧縮で約8.8kB・依存ゼロ。トークン数の計算だけしたい用途では本体を読み込まずに済む

料金

プラン料金主な内容
ライブラリ本体無料(Apache-2.0)npm / CDNから自由に利用・再配布可能。商用利用も可
Hugging Face Hub(モデル配信)無料枠あり公開モデルのダウンロードは無料。有料プランは組織機能やプライベートリポジトリ向け

料金は2026年8月時点の情報です。最新の料金は公式サイトおよびHugging Faceの料金ページをご確認ください。

メリット・デメリット

メリット

  • サーバー側の推論基盤やAPI利用料が不要で、静的ホスティングだけでAI機能を提供できる
  • 入力データが端末から出ないため、プライバシー要件の厳しい用途に向く
  • Python版transformersと考え方・APIが揃っており、Python側の知識をそのまま活かせる
  • 対応タスクとモデルの選択肢が広く、テキスト・画像・音声・マルチモーダルを1つのライブラリでまかなえる
  • オフラインでも動作するため、ネットワークが不安定な環境のアプリに組み込みやすい

⚠️ デメリット

  • モデルファイルを初回に端末へダウンロードするため、大きなモデルでは初回の待ち時間と通信量が発生する
  • 実行速度と扱えるモデルサイズが利用者の端末性能に左右され、クラウドAPI並みの大規模モデルは現実的でない場合が多い
  • WebGPUの対応状況はブラウザ・OSによって差があり、非対応環境ではWASM(CPU)にフォールバックして遅くなる
  • 利用するにはモデルをONNX形式へ変換する必要があり(Optimumを使用)、任意のモデルがそのまま動くわけではない
  • ライブラリとしての提供であるため、導入にはJavaScriptの開発知識が前提になる

類似サービスとの比較

比較項目Transformers.jsTensorFlow.jsONNX Runtime WebWebLLM
提供元Hugging FaceGoogleMicrosoftMLC AI
主な用途Hugging Faceのモデルを幅広いタスクで実行汎用の機械学習・自作モデルの学習と推論ONNXモデルの低レベル推論大規模言語モデルのブラウザ実行
対応タスクNLP・画像・音声・マルチモーダル(40種類以上)汎用(モデル次第)汎用(モデル次第)チャット・テキスト生成中心
抽象度高い(pipelineで数行)中程度低い(テンソル操作が必要)高い(チャット用API)
GPU実行WebGPU対応WebGL / WebGPU対応WebGPU / WebNN対応WebGPU必須
ライセンスApache-2.0Apache-2.0MITApache-2.0

こんな人におすすめ

  • APIの従量課金をかけずに、Webアプリへ要約・翻訳・分類などのAI機能を組み込みたい開発者
  • 入力データを外部へ送信できない業務要件があり、端末内で完結する推論が必要な人
  • Python版transformersで作った処理を、そのままフロントエンドへ持ち込みたいデータサイエンティスト
  • 画像の背景除去や音声認識など、単機能のツールをブラウザだけで完結させたい制作者
  • Chrome拡張機能やオフライン動作するアプリにAI機能を載せたい個人開発者

まとめ

Transformers.jsは、Hugging Faceのエコシステムをそのままブラウザとサーバーレス環境へ持ち込むライブラリである。API課金もサーバー運用も不要で、プライバシーを保ったままAI機能を実装できる点が最大の価値になる。一方で、モデルの初回ダウンロードや端末性能への依存は避けられないため、大規模モデルを常用する用途ではクラウドAPIとの併用が現実的だ。まずは感情分析や要約など軽量なタスクをpipelineで試し、WebGPUと量子化設定で自分の対象端末に合う構成を探るとよい。

関連リンク

← ブログ