ユーザ用ツール

サイト用ツール


ml:201116_tfjs-express-netlify

差分

このページの2つのバージョン間の差分を表示します。

この比較画面にリンクする

両方とも前のリビジョン 前のリビジョン
次のリビジョン
前のリビジョン
ml:201116_tfjs-express-netlify [2020/11/24]
adash333 [yarnとVue.js]
ml:201116_tfjs-express-netlify [2020/11/26] (現在)
adash333 [さくらインターネットにモデルファイルを置いた後にCORS回避の設定]
行 20: 行 20:
 Microsoftの機械学習アプリLobe(beta版)でリンゴとみかんを分類するWEBアプリ作成を試してみる(7)ExpressアプリをHerokuまたはNetlifyにデプロイ Microsoftの機械学習アプリLobe(beta版)でリンゴとみかんを分類するWEBアプリ作成を試してみる(7)ExpressアプリをHerokuまたはNetlifyにデプロイ
 2020年11月20日 2020年11月20日
 +
 +https://i-doctor.sakura.ne.jp/font/?p=45386
 +
 +https://i-doctor.sakura.ne.jp/font/?p=45472
 +Windows10にvue-cliをインストールしてVue.jsを始めてみる
 +2020年11月24日
 +
 +
 +
 +
 +
 +
  
 ===== ソースコード ===== ===== ソースコード =====
行 272: 行 284:
 const MODEL_URL = 'model_directory/model.json'; const MODEL_URL = 'model_directory/model.json';
  
-const model = await loadGraphModel(MODEL_URL); +const model = loadGraphModel(MODEL_URL); 
-const cat = document.getElementById('cat'); +const img = document.getElementById('img'); 
-model.execute(tf.browser.fromPixels(cat));+const y = model.execute(tf.browser.fromPixels(img)); 
 +console.log(y);
 </code> </code>
  
行 331: 行 344:
 https://zukucode.com/2019/08/tensorflow-vue-mnist.html https://zukucode.com/2019/08/tensorflow-vue-mnist.html
 TensorFlow.jsでMNISTのアプリを作成する(初心者向け) TensorFlow.jsでMNISTのアプリを作成する(初心者向け)
 +
 +https://qiita.com/THERE2/items/605583380e13198cdcf3
 +@THERE2
 +2020年06月04日に更新
 +Javascriptの顔認識モデルで激太りのミーシャ・バートンを認識できるのか?
 +
 +https://codelabs.developers.google.com/codelabs/tensorflowjs-object-detection#0
 +TensorFlow.js:Make a smart webcam in JavaScript with a pre-trained Machine Learning model
 +
 +
 +
 +
 +
 +
  
  
行 365: 行 392:
 Vue.js】初心者にオススメなエディタは「VSCode」+「Vetur」【拡張機能オススメ一覧】 Vue.js】初心者にオススメなエディタは「VSCode」+「Vetur」【拡張機能オススメ一覧】
 2019年5月30日 最終更新日: 2019年11月17日 2019年5月30日 最終更新日: 2019年11月17日
 +
 +https://designsupply-web.com/media/knowledgeside/5412/
 +2019.10.01
 +Vue.jsで直接DOMを操作する時に使える$elと$refs
 +
 +https://qiita.com/1994spagetian/items/5f372fc68122ec207c78
 +@1994spagetian
 +2019年04月02日に更新
 +[Vue.js] $refsでコンポーネント内の子要素を触る
 +→ getElementById の代わりに、Vue.jsでは、
 +
 +<code>
 +id="img" を ref="img"
 +
 +document.getElementById(img) を this.$refs.img
 +</code>
 +
 +のように記載する
 +
 +https://qiita.com/kskinaba/items/3e8887d45b11f9132012
 +@kskinaba
 +2020年07月01日に更新
 +Vue.jsを100時間勉強して分かったこと
 +
 +===== Vue.jsの$refsその他 =====
 +
 +
 +https://qiita.com/fruitriin/items/3b862f7ceb2784167439
 +@fruitriin
 +2019年03月06日に更新
 +Vueで直接DOMノードを参照するプロパティを知ってアハ体験したのでまとめてみた
 +
 +https://cr-vue.mio3io.com/guide/chapter2.html#s11-dom%E3%82%92%E7%9B%B4%E6%8E%A5%E5%8F%82%E7%85%A7%E3%81%99%E3%82%8B-el%E3%81%A8-refs
 +$refsは一時的な変更
 +
 +
 +
 +
 +
 +
  
  
行 399: 行 466:
 外部から取得した画像がgetImageDateできない。 外部から取得した画像がgetImageDateできない。
 投稿 2019/02/20 01:32 投稿 2019/02/20 01:32
 +
 +===== TensorFlow.jsチュートリアル =====
 +
 +
 +https://codelabs.developers.google.com/codelabs/tensorflowjs-object-detection#7
  
  

ml/201116_tfjs-express-netlify.1606191739.txt.gz · 最終更新: 2020/11/24 by adash333