ml:201116_tfjs-express-netlify
差分
このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン前のリビジョン次のリビジョン | 前のリビジョン最新のリビジョン両方とも次のリビジョン | ||
ml:201116_tfjs-express-netlify [2020/11/23] – [さくらインターネットにモデルファイルを置いた後にCORS回避の設定] adash333 | ml:201116_tfjs-express-netlify [2020/11/24] – [TensorFlow.jsリンク] 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); | ||
</ | </ | ||
行 323: | 行 336: | ||
2020年01月25日 | 2020年01月25日 | ||
Deep Learningアプリケーション開発 (8) TensorFlow.js | Deep Learningアプリケーション開発 (8) TensorFlow.js | ||
+ | |||
+ | https:// | ||
+ | @amanoese | ||
+ | 2019年07月22日に更新 | ||
+ | Vue.jsとTensorflow.jsで手書きの数字を分類できるようにしてみた | ||
+ | |||
+ | https:// | ||
+ | TensorFlow.jsでMNISTのアプリを作成する(初心者向け) | ||
+ | |||
+ | https:// | ||
+ | @THERE2 | ||
+ | 2020年06月04日に更新 | ||
+ | Javascriptの顔認識モデルで激太りのミーシャ・バートンを認識できるのか? | ||
+ | |||
+ | https:// | ||
+ | TensorFlow.js: | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
行 335: | 行 374: | ||
【VSCode】Prettierの使い方&おすすめ設定を紹介 | 【VSCode】Prettierの使い方&おすすめ設定を紹介 | ||
2019.10.25 | 2019.10.25 | ||
+ | |||
+ | ===== yarnとVue.js ===== | ||
+ | ローカル環境で、コードを変更するたびにサーバを停止して、npm startするのが面倒なので、vue-cliを使う方針とした。 | ||
+ | (本当はCodeSandBoxを使いたかったが、TensorFlow.jsのモデルが約100MBあり、50MB制限にひっかかてしまってダメだった。→さくらインターネットのサーバにモデルだけおいて、CORS対策(さくらのサーバに.htaccssを設置)する方法もあるが、面倒なのでやめた。) | ||
+ | |||
+ | https:// | ||
+ | @rubytomato@github | ||
+ | 2020年07月16日に更新 | ||
+ | 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は一時的な変更 | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
行 355: | 行 462: | ||
2020/05/24 | 2020/05/24 | ||
< | < | ||
+ | |||
+ | https:// | ||
+ | 外部から取得した画像がgetImageDateできない。 | ||
+ | 投稿 2019/02/20 01:32 | ||
+ | |||
+ | |||
+ | |||
ml/201116_tfjs-express-netlify.txt · 最終更新: 2020/11/26 by adash333