iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 30
3
影片教學

全民瘋AI系列系列 第 30

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

  • 分享至 

  • xImage
  •  

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

Yes

不能觀看的話可以點選連結: 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 取得!


如果你對機器學習和人工智慧(AI)技術感興趣,歡迎參考我的線上免費電子書《經典機器學習》。這本書涵蓋了許多實用的機器學習方法和技術,適合任何對這個領域有興趣的讀者。點擊下方連結即可獲取最新內容,讓我們一起深入了解AI的世界!

👉 全民瘋AI系列 [經典機器學習] 線上免費電子書
👉 其它全民瘋AI系列 這是一個入口,匯集了許多不同主題的AI免費電子書



上一篇
[Day 29] DNN (分類器)
下一篇
[全民瘋AI系列] 完賽總結
系列文
全民瘋AI系列31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 則留言

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

恭喜完賽,很完整的教學,PPT設計的也很棒,但還沒有時間看完/images/emoticon/emoticon04.gif

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

謝謝 Kevin 大大支持~ 加油!

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

不好意思我又來問了~~https://ithelp.ithome.com.tw/upload/images/20220704/201380906IrXhElL8t.png

DNN是照著day29 有import tensorflow as tf

看更多先前的回應...收起先前的回應...
10程式中 iT邦研究生 3 級 ‧ 2022-07-04 11:43:09 檢舉

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

https://ithelp.ithome.com.tw/upload/images/20220704/201380906IwNjKqMnB.png
這是網頁打開的結果報錯結果一樣,
好的我去用那個插件。

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

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

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

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

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

https://ithelp.ithome.com.tw/upload/images/20220704/20138090al3IZjkVhD.png
有用那個插件了 有改那行網址(拼錯好蠢)!!

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

注意 model 名稱 /images/emoticon/emoticon06.gif

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

提供參考~

我要留言

立即登入留言