ml:201116_tfjs-express-netlify
差分
このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン前のリビジョン次のリビジョン | 前のリビジョン | ||
ml:201116_tfjs-express-netlify [2020/11/24] – [JavaScript 整形 prettier] adash333 | ml:201116_tfjs-express-netlify [2020/11/26] (現在) – [さくらインターネットにモデルファイルを置いた後にCORS回避の設定] adash333 | ||
---|---|---|---|
行 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:// | ||
+ | |||
+ | https:// | ||
+ | Windows10にvue-cliをインストールしてVue.jsを始めてみる | ||
+ | 2020年11月24日 | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
===== ソースコード ===== | ===== ソースコード ===== | ||
行 272: | 行 284: | ||
const MODEL_URL = ' | const MODEL_URL = ' | ||
- | const model = await loadGraphModel(MODEL_URL); | + | const model = loadGraphModel(MODEL_URL); |
- | const cat = document.getElementById(' | + | const img = document.getElementById(' |
- | model.execute(tf.browser.fromPixels(cat)); | + | const y = model.execute(tf.browser.fromPixels(img)); |
+ | console.log(y); | ||
</ | </ | ||
行 331: | 行 344: | ||
https:// | https:// | ||
TensorFlow.jsでMNISTのアプリを作成する(初心者向け) | TensorFlow.jsでMNISTのアプリを作成する(初心者向け) | ||
+ | |||
+ | https:// | ||
+ | @THERE2 | ||
+ | 2020年06月04日に更新 | ||
+ | Javascriptの顔認識モデルで激太りのミーシャ・バートンを認識できるのか? | ||
+ | |||
+ | https:// | ||
+ | TensorFlow.js: | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
行 349: | 行 376: | ||
===== yarnとVue.js ===== | ===== yarnとVue.js ===== | ||
+ | ローカル環境で、コードを変更するたびにサーバを停止して、npm startするのが面倒なので、vue-cliを使う方針とした。 | ||
+ | (本当はCodeSandBoxを使いたかったが、TensorFlow.jsのモデルが約100MBあり、50MB制限にひっかかてしまってダメだった。→さくらインターネットのサーバにモデルだけおいて、CORS対策(さくらのサーバに.htaccssを設置)する方法もあるが、面倒なのでやめた。) | ||
https:// | https:// | ||
行 355: | 行 383: | ||
2020年07月16日に更新 | 2020年07月16日に更新 | ||
npmとyarnのコマンド早見表 | npmとyarnのコマンド早見表 | ||
+ | |||
+ | https:// | ||
+ | @567000 | ||
+ | 2020年07月13日に更新 | ||
+ | Vue.js を vue-cli を使ってシンプルにはじめてみる | ||
+ | |||
+ | https:// | ||
+ | Vue.js】初心者にオススメなエディタは「VSCode」+「Vetur」【拡張機能オススメ一覧】 | ||
+ | 2019年5月30日 最終更新日: 2019年11月17日 | ||
+ | |||
+ | https:// | ||
+ | 2019.10.01 | ||
+ | Vue.jsで直接DOMを操作する時に使える$elと$refs | ||
+ | |||
+ | https:// | ||
+ | @1994spagetian | ||
+ | 2019年04月02日に更新 | ||
+ | [Vue.js] $refsでコンポーネント内の子要素を触る | ||
+ | → getElementById の代わりに、Vue.jsでは、 | ||
+ | |||
+ | < | ||
+ | id=" | ||
+ | |||
+ | document.getElementById(img) を this.$refs.img | ||
+ | </ | ||
+ | |||
+ | のように記載する | ||
+ | |||
+ | https:// | ||
+ | @kskinaba | ||
+ | 2020年07月01日に更新 | ||
+ | Vue.jsを100時間勉強して分かったこと | ||
+ | |||
+ | ===== Vue.jsの$refsその他 ===== | ||
+ | |||
+ | |||
+ | https:// | ||
+ | @fruitriin | ||
+ | 2019年03月06日に更新 | ||
+ | Vueで直接DOMノードを参照するプロパティを知ってアハ体験したのでまとめてみた | ||
+ | |||
+ | https:// | ||
+ | $refsは一時的な変更 | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
行 380: | 行 466: | ||
外部から取得した画像がgetImageDateできない。 | 外部から取得した画像がgetImageDateできない。 | ||
投稿 2019/02/20 01:32 | 投稿 2019/02/20 01:32 | ||
+ | |||
+ | ===== TensorFlow.jsチュートリアル ===== | ||
+ | |||
+ | |||
+ | https:// | ||
ml/201116_tfjs-express-netlify.txt · 最終更新: 2020/11/26 by adash333