第 12 屆 iThome 鐵人賽

DAY 30

影片教學

全民瘋AI系列系列第 30 篇

[Day 30] 使用TensorFlow.js建置DNN手寫數字辨識分類器

12th鐵人賽人工智慧機器學習深度學習 python

10程式中

2020-10-15 17:06:45

4359 瀏覽

使用TensorFlow.js建置DNN手寫數字辨識分類器

不能觀看的話可以點選連結： https://www.youtube.com/watch?v=u17P_qWUIV4&list=PLXSkku8eiD-iFRBr11rV83579hing3gMU&index=30

今日學習目標

將 TensorFlow DNN 模型打包儲存
- 將模型打包成 Tensorflow.js 可讀取的格式
使用 TensorFlow.js 建立一個網頁應用
- 建置一個網頁版手寫數字分類器

Demo

恭喜10程式中達成鐵人賽成就～今天的內容準備的有點趕，由於今天剛好完賽所以就一次把模型儲存跟前端網頁撰寫一次講完。所以影片會有點長XD

本系列教學簡報 PDF & Code 都可以從我的 GitHub 取得！

[Day 29] DNN (分類器)

[全民瘋AI系列] 完賽總結

系列文

全民瘋AI系列共 31 篇

RSS系列文訂閱系列文

142 人訂閱

完整目錄

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

2 則留言

Kevin

iT邦新手 1 級 ‧ 2020-10-15 20:39:49

恭喜完賽，很完整的教學，PPT設計的也很棒，但還沒有時間看完

回應 1
檢舉

10程式中 iT邦研究生 4 級 ‧ 2020-10-15 20:43:27 檢舉

謝謝 Kevin 大大支持～加油！

登入發表回應

Angushsu666

iT邦新手 5 級 ‧ 2022-07-04 01:10:03

不好意思我又來問了～～

DNN是照著day29 有import tensorflow as tf

回應 6
檢舉

看更多先前的回應...收起先前的回應...

10程式中 iT邦研究生 4 級 ‧ 2022-07-04 11:43:09 檢舉

我想應該用網頁打開測試會比較好，直接用 vs code 編譯應該會出錯。寫網頁我推薦用 vscode-preview-server 這個插件。我影片中也是用這個哦。

Angushsu666 iT邦新手 5 級 ‧ 2022-07-04 14:10:23 檢舉

這是網頁打開的結果報錯結果一樣，
好的我去用那個插件。

10程式中 iT邦研究生 4 級 ‧ 2022-07-04 14:22:49 檢舉

本機直接執行似乎會報錯，再試試那個插件開看看應該就解決囉～

10程式中 iT邦研究生 4 級 ‧ 2022-07-04 14:28:42 檢舉

對了看你的錯誤訊息是 tf 無法成功載入，我幫你稍微為看一下發現 ... tensorflow 拼錯囉！

<script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@2.0.0"></script>

Angushsu666 iT邦新手 5 級 ‧ 2022-07-04 20:40:44 檢舉

有用那個插件了有改那行網址（拼錯好蠢）！！

10程式中 iT邦研究生 4 級 ‧ 2022-07-05 11:46:44 檢舉

注意 model 名稱

原始碼在這邊 => https://github.com/1010code/digit-recognizer-tensorflowJS

提供參考～

登入發表回應

我要留言

立即登入留言

參賽組數

1123 組

團體組數

52 組

累計文章數

23096 篇

完賽人數

656 人

15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css react 程式設計 vue.js

IT邦幫忙

全民瘋AI系列系列 第 30 篇