JavaScriptで画像処理100本ノックに挑戦してみた

JavaScript
スポンサーリンク

Qiitaでバズってるのを見かけて作りたくなりました。

スポンサーリンク

画像処理100本ノックについて

yoyoyo-yo/Gasyori100knock
画像処理100本ノックして画像処理を画像処理して画像処理するためのもの For Japanese, English and Chinese - yoyoyo-yo/Gasyori100knock

画像処理が初めての人のための問題集です。
あの有名な「自然言語処理100本ノック」を意識して作ったようです。
Qiitaでの紹介記事

画像処理100本ノックを作ったった - Qiita
画像処理が初めての人のための問題集をつくったりました。(完成!!) 研究室の後輩用に作ったものです。 自然言語処理100本ノックがあるのに、画像処理のがなかったので作ってみました。 画像処理の基本のアルゴリズム理解につながると思いま...

ソースは全てPythonです。C++版の制作も進んでいるようです。

何よりも解説が日本語で書かれているところがありがたいです。

JavaScriptで挑戦してみる

この画像処理100本ノックをJavaScriptで挑戦してみました。
Canvasを使って画像配列を操作できるので基本的な実装は難しくありませんでした。

デモサイト

GitHub Pages で作っています。

Gasyori100KnockJS

GitHub

s-yoshiki/Gasyori100knockJS
画像処理100本ノックをJSで解いてみる. Contribute to s-yoshiki/Gasyori100knockJS development by creating an account on GitHub.

現在(2019/03/26)、約2ヶ月かけて40問目までクリアしましたが、後半に重い問題が多く残っているため、
100本クリアにはこれまで以上に時間がかかりそうです。

フロントの実装について

フレームワークにVueJSを使っています。VueRouterなども用いてSPAとして動かしています。

ヒストリ

first commit (2019/01/30)
Q.40まで実装しました。 (2019/03/26)