やったこと
とりあえず、ニューラルネットワークで手書き数字認識を一からやってみようと思い、MNISTのデータの読み込みまでをやってみた。
できたもの
See the Pen MNIST handwritten digits viewer by kob58im (@kob58im) on CodePen.
■使いかた
事前にMNISTのサイトからgzファイルをダウンロードして解凍した結果の4ファイルをローカルに保存してください。
これらのファイルをDrag&Dropすると、ブラウザ上でデータを読み込んで表示します。(ファイル名のチェックのみ実施していますが、ファイルサイズやデータ内容の整合性チェックはしていません。)
参考サイト
MNISTのデータ
- 配布元: http://yann.lecun.com/exdb/mnist/
- 解説: https://www.atmarkit.co.jp/ait/articles/2001/22/news012.html
File の Drag & Drop 読み込み
- https://www.html5rocks.com/ja/tutorials/dnd/basics/
- https://www.html5rocks.com/en/tutorials/file/dndfiles/#toc-selecting-files-dnd
- https://web.dev/read-files/#read-content
- https://developer.mozilla.org/ja/docs/Web/API/FileReader/readAsArrayBuffer
- https://lab.syncer.jp/Web/JavaScript/Reference/Global_Object/ArrayBuffer/
canvas画像のPixel単位操作
ニューラルネットワーク
すごい良さげな解説動画をみつけたので、それを見ながらニューラルネットワーク学習の実装までやってみたい。
⇒やってみた