はじめまして。 普段はWebサービスの開発とかしてます。 もはや最近ではよく聞く単語となった「画像処理」をJavaScriptでやってみました。 openCV.jsとは 画像処理でよく使われるライブラリであるOpenCVのJavaScript版(opencvjs)。 これにより、jsファイルとブラウザさえあれば画像処理を実現できるので 面倒な環境設定をせずとも画像処理を行なえるようになりました。 そのOpenCV.jsを用いてスマホ上で画像処理を行う手順を備忘録として残しておきます。 やったこと 以下の手順でスマホ上の画像処理を実現しました。 OpenCV.jsの作成 htmlでOpenCV.jsを読み込む PythonでWebサーバを立てる 3で立てたサーバにスマホでアクセスする 環境 MacOS 10.13.1 Python 2.7.11 本記事はMacOS環境を想定して書いていますが
![openCV.js を使ってスマホ上で画像処理をしてみた - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/2fbdd98e1a35bc50b8de00949716330ba54ef9b5/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9b3BlbkNWLmpzJTIwJUUzJTgyJTkyJUU0JUJEJUJGJUUzJTgxJUEzJUUzJTgxJUE2JUUzJTgyJUI5JUUzJTgzJTlFJUUzJTgzJTlCJUU0JUI4JThBJUUzJTgxJUE3JUU3JTk0JUJCJUU1JTgzJThGJUU1JTg3JUE2JUU3JTkwJTg2JUUzJTgyJTkyJUUzJTgxJTk3JUUzJTgxJUE2JUUzJTgxJUJGJUUzJTgxJTlGJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz04Y2YxMDI4OWVhMjI1ODhiZGExNDNjY2E1YTEzMjE3MA%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBweXRob25pc3RhJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0zNzJhZGE2ZGMxNDg2M2Y4M2E1NjQ3ZGY3MGZkMTNmMw%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D7ae5aafc42e65dd2bfecf5dd02362136)