
async function main(imgPath: string) {

  // run the prediction
  const results = model.predict(decodedImage);
  console.log(results);
  
 
 document.getElementById('').contentText = results.toString();

}


const imgPath = "apple.jpg";
main(imgPath);

https://github.com/adash333/lobe-tfjs-predict

https://adash333.github.io/lobe-tfjs-predict/

TensorFlow.jsでpredict

https://zaitakukinmu.com/2021/02/26/microsoft-lobe/
Microsoft Lobeが便利！写真の分類を簡単に可能。あなたのサイトにもAI導入
2021年2月26日
2021年2月28日

https://qiita.com/iwatake2222/items/0092b4b95ed2bc50c9ce
@iwatake2222
2020年01月25日
Deep Learningアプリケーション開発 (8) TensorFlow.js

https://github.com/PonDad/manatee/tree/master/1_sign_language_digits_classification-master/nodejs
manatee/1_sign_language_digits_classification-master/nodejs/
→上記の解説ページ
https://book.mynavi.jp/manatee/detail/id=99768
2018.11.05
機械学習で遊ぼう! APIサービスやTensorFlowを使ったサンプルレシピ集第16回　

https://towardsdatascience.com/deploying-an-image-classifier-using-javascript-84da1480b3a4
Deploying an Image Classifier using JavaScript
Sushrut Ashtikar
May 27, 2020

https://github.com/tensorflow/tfjs-examples
TensorFlow.js Examples

https://github.com/tensorflow/tfjs-models/tree/master/mobilenet
MobileNet

https://www.tensorflow.org/js/tutorials/conversion/import_saved_model
TensorFlowGraphDefベースのモデルをTensorFlow.jsにインポートする

モデルファイルを用意(model.jsonとgroup1-shard1of5など)
yarn add @tensorflow/tfjsまたはnpm install @tensorflow/tfjs
以下のコードでpredict

import * as tf from '@tensorflow/tfjs';
import {loadGraphModel} from '@tensorflow/tfjs-converter';

const MODEL_URL = 'model_directory/model.json';

const model = await loadGraphModel(MODEL_URL);
const cat = document.getElementById('cat');
model.execute(tf.browser.fromPixels(cat));

https://js.tensorflow.org/api/1.0.0/#loadGraphModel
tf.loadGraphModel

https://github.com/tensorflow/tfjs/tree/master/tfjs-converter/demo/mobilenet
tfjs/tfjs-converter/demo/mobilenet/
→ここにのっているコードが、モデルがmodel.jsonとgroup1-shard1of5などのみのときのコードになっていない。

見出し

https://github.com/adash333/lobe-parcel/blob/9ddab2c6370c0ae677b75e3cac53379d69345972/src/tfjsExample.ts

//変更前
this.signature = JSON.parse(signatureData);
this.modelPath = `file://src/model/${this.signature.filename}`;

//変更後
this.signature = JSON.parse(signatureData);
this.modelPath = `model/${this.signature.filename}`;

//変更前
// create and load our model
const model = new ImageModel('src/model/signature.json');
await model.load();

//変更後
// create and load our model
const model = new ImageModel('model/signature.json');
await model.load();

見出し

オリジナルコード
https://github.com/PonDad/manatee/blob/master/1_sign_language_digits_classification-master/nodejs/static/js/predict.js

変更中
https://github.com/adash333/lobe-tfjs-predict

$("#start-button").click(function(){
  loadModel() ;
  startWebcam();
});


//ページロード時に実行されるイベントハンドラーを登録
window.onload =  function() {
  //ボタン（btn）クリック時に実行されるイベントハンドラーを登録
  document.getElementById('start-button').onclick =  function(){
    loadModel() ;
    startWebcam();
    }
  }

https://github.com/PonDad/manatee/blob/master/1_sign_language_digits_classification-master/nodejs/static/index.html