Hugging Face が gradio.Server をリリース ── ReactやSvelteのフロントエンドをGradioバックエンドと直接連携可能に
Gradioの標準コンポーネントじゃ表現しきれないリッチなUIを作りたいと思ったこと、ない？ これまではGradioの枠内で頑張るか、全部自前でAPIを組むかの二択だった。それが「gradio.Server」で一気に解決する。
▸何が変わったのか
gradio.ServerはFastAPIを拡張した新機能。React、Svelte、プレーンなHTML/JSなど、好きなフロントエンドフレームワークで構築したUIを、Gradioのバックエンドインフラと直接連携できる。キューイング、SSEストリーミング、並行性制御、gradio_client互換性といったGradioの強力なAPIエンジンはそのまま利用可能。ZeroGPU対応のHugging Face Spacesでも動く。カスタムルート、ミドルウェア、ファイルアップロード、任意のレスポンスタイプもFastAPIのフルパワーで扱える。デモとして「Text Behind Image」エディターが紹介されている――BiRefNet（ZhengPeng7/BiRefNet）による背景除去＋透過PNG生成をバックエンドで行い、ドラッグ&ドロップキャンバス＋レイヤー描画のリッチなフロントエンドと組み合わせた構成。
◈前モデル / 競合との比較
従来のgr.HTMLを使ったワンショットWebアプリ構築より自由度が段違い。gr.HTMLはGradioコンポーネント内にHTML/CSS/JSを埋め込む手法だったが、gradio.Serverは完全に独立したフロントエンドアプリと連携できる。Gradioの標準コンポーネント（gr.Image、gr.Slider等）では表現不可能なUIも、これなら実装可能。
◈技術背景と意義
これまでGradioは「Pythonだけで機械学習モデルのWebアプリを作る」ツールだった。便利だけど、UI表現には限界があった。gradio.Serverはその壁を取り払う。バックエンドはGradio＋FastAPIの強力なインフラに任せつつ、フロントエンドはプロのWeb開発者好みのツールで自由に組める。つまり、MLエンジニアとフロントエンドエンジニアの分業が自然にできるようになったってこと。
▸こんな人・用途に
ドラッグ&ドロップキャンバスやレイヤー描画など、複雑なUIが必要な画像編集アプリの構築。スライダー多めのリッチなコントロールパネル付きツールの開発。ReactやSvelteで既存プロジェクトがあり、そこにMLモデルの推論機能を組み込みたい場合。
◆入手方法・リンク
gradio.ServerとしてGradioライブラリに組み込まれている。Hugging Face Spaces + ZeroGPUでのホスティングに対応。GitHubリポジトリやAPIエンドポイントの公開詳細は現時点で限定的。
SOURCE: Hugging Face (2026-04-06)
