Google Vision API / Google Custom Search API / Bing Visual Search API
Google Vision API(Web Detection)
次のようなJSON形式のレスポンスが返ります
ケーキの乗っている皿 とかだとケーキが邪魔してしまって皿の判定がむずかしい
{
"webEntities": [
{
"entityId": "/m/03q5c7", <-- Google Knowledge Graph内での固有ID
"score": 0.2872242033481598, <-- 推定の信頼度(0.28は低め)
"description": "Saucer" <-- お皿
}
],
"fullMatchingImages": [], <-- 完全に一致する画像(空なのでなかったということ)
"partialMatchingImages": [], <-- 部分一致する画像
"pagesWithMatchingImages": [], <-- その画像を掲載しているウェブページ
"visuallySimilarImages": [ <-- 見た目が似ている画像をウェブ上から探してリスト化
{
"url": "https://lookaside.fbsbx.com/lookaside/crawler/media/?media_id=1368872417772385",
"score": 0 <-- 完全に似ているわけではないけど色や形が近い可能性がある、という意味
},
{
"url": "https://lookaside.fbsbx.com/lookaside/crawler/media/?media_id=3568197879875263",
"score": 0
},
{
"url": "https://img.freepik.com/premium-photo/golden-jewellery-blue-background_221128-38588.jpg?w=360",
"score": 0
},
{
"url": "https://i.ytimg.com/vi/FVrEdA1LYYY/hq720.jpg?sqp=-oaymwE7CK4FEIIDSFryq4qpAy0IARUAAAAAGAElAADIQj0AgKJD8AEB-AH-CYAC0AWKAgwIABABGH8gTSgdMA8=&rs=AOn4CLDF6EcrX-FEXE2MasQV3iD2bI6q4w",
"score": 0
},
{
"url": "https://lookaside.fbsbx.com/lookaside/crawler/media/?media_id=119906359929823",
"score": 0
},
{
"url": "http://www.pol-media.com.pl/rck/galeria/15_12_2009_3.jpg",
"score": 0
},
{
"url": "https://png.pngtree.com/thumb_back/fh260/background/20220702/pngtree-two-wedding-crowns-family-wedding-love-photo-image_32276900.jpg",
"score": 0
},
{
"url": "https://shop.goethesgalerie.com/media/76/54/2c/1718311606/christbaumkugel-glas-gro-gold-antik-mundgeblasen--01901352a52b70701901.jpg?ts=1718311606",
"score": 0
},
{
"url": "https://lookaside.fbsbx.com/lookaside/crawler/media/?media_id=3197592540499709",
"score": 0
},
{
"url": "https://i.pinimg.com/600x315/f2/34/7d/f2347d269bc57e2230e5c693e0a203b4.jpg",
"score": 0
}
],
"bestGuessLabels": [
{
"label": "saucer",
"languageCode": ""
}
]
}Google Custom Search API
“label”: “saucer”, からsaucer でGoogle検索し、レベル名から画像を表示することができます
今回は、visuallySimilarImagesのURLから製品名を取得したいので役に立ちません
Bing Visual Search API
無料枠があり、月1000トランザクションまで無料でしたが、有料プラン含め、2025年8月11日にサービス終了しました
画像を送信すると製品名を調べることができました
ではどうやって製品名を取得する?
visuallySimilarImagesのURLのページにアクセスし、
ページ内の<title>タグから製品名を取得する
ブラウザ側からURLのページにアクセスするとCORS制限がかかるので、server.jsからアクセスして取得します
BACK