ギフプロギフプロ

Transformers.jsでブラウザ物体検出|プロンプト作例

CODE PREVIEW

エディタを読み込み中…
P

プロンプト

Transformers.js を使ってブラウザ上でリアルタイム物体検出をデモする単一HTMLファイルを作成。事前学習モデル(例:'Xenova/detr-resnet-50')を読み込み、ユーザーがファイル選択した画像に対して推論を実行。結果のバウンディングボックスとラベルを画像上にキャンバスで描画。依存関係はTransformers.jsのみ。モダンでダークなテーマにスタイル。

このデモはTransformers.jsを使ってDETR-ResNet-50物体検出モデルをブラウザで直接実行します。サーバーやGPUは不要、すべての推論はクライアントサイドのWebAssemblyで動作。画像を選択すると、モデルがバウンディングボックスとラベル・確信度を描画します。コードは最小限で、Transformers.jsのCDNのみを使用し、ダークテーマでスタイルされています。

このプロンプトは役に立ちましたか?

コメント

コメントは承認後に表示されます

この記事が役に立ったら投げ銭で応援

Apple Pay / Google Pay / カード (Visa/Mastercard/JCB/Amex) / Link / Alipay / WeChat Pay 対応 · Stripeで安全に決済

開発者が選ぶ最強ツール集

運営者が毎日使っているツール・ガジェット 6選

見る
ホームヘルプ