写真を認識するコード


 
                
    
                
  1. <script src="https://unpkg.com/ml5@latest/dist/ml5.min.js"></script>
    2. 
                
  2. <img src="AI画像解析したい画像のURL" id="myImage" />
    3. 
                
  3. <script>
    4. 
                
  4. const classifier = ml5.imageClassifier("MobileNet", () => {
    5. 
                
  5.     console.log('model ready!')
    6. 
                
  6. });
    7. 
                
  7. const img = document.querySelector("#myImage");
    8. 
                
  8. const prediction = classifier.predict(img, gotResults);
    9. 
                
  9. function gotResults(err, results) {
    10. 
                
  10.     results.forEach(result => {
    11. 
                
  11.         console.log(`${result.label} - ${result.confidence}`)
    12. 
                
  12.     });
    13. 
                
  13. }
    14. 
                
  14. </script>
    15.
  • 上記のAI画像認識したい画像のURL、の部分は、実際に画像認識したい画像のURL(パス)を記述します。
  • 先程のHTMLファイルをブラウザで表示します。F12を押して開発者ツールを開きます。
  • 開発者ツールのコンソールを表示します。すると、AI画像認識結果が表示されます。

    • 補足

    これを応用すれば、写真を読み込んだだけで、そのものの相場がわかる機能ができると考えられる。