ギフプロギフプロ

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

CODE PREVIEW

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

プロンプト

Transformers.js を CDN で読み込み、Webカメラでリアルタイム物体検出する1枚のHTMLを作成。モデルは 'Xenova/detr-resnet-50' (DETR) を使用。動画ストリーム + キャンバスにバウンディングボックスとラベルを表示。ダークテーマ、ローディング表示、エラーハンドリングを含める。ES modules 使用。

この作例では、Transformers.js を CDN 経由でブラウザに読み込み、DETR-ResNet-50 モデルを使って Webカメラ映像からリアルタイム物体検出を実行します。検出されたオブジェクトはバウンディングボックスとラベル・信頼度スコアとともにキャンバス上に描画。ダークテーマのシンプルな UI で、ローディング・エラー表示も含まれています。

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

コメント

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

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

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

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

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

見る
ホームヘルプ