画像処理ライブラリを使って面白いプログラムを作ろう!

長崎県立大学 国際情報学部 情報メディア学科吉村ゼミ

だれ

• 名前：片渕 小夜(カタフチ サヤ)

• 所属：国際情報学研究科 情報メディア専攻 1年

• 研究：Deep Learningを用いた機械学習アルゴリズムの考察ーCaffeを利用した角膜内皮細胞認識ー

• メール：m2215001以下大学ドメイン

• 趣味：TVゲーム

プログラミング

Video Jockey＆Disk Jockey

質問です!

プログラミングの授業，楽しんでますか?

配列とか何に使うねん…

つーかこれ何の役に立つの?

同期も同じように悩んでました

それでプログラミングがニガテ・嫌いになってしまった人もいました

プログラミングを“理解”するのではなく，プログラミングを“楽しむ”ことが大切です

そしてプログラミングを楽しむには

自分でモノを作るのが一番!

つくったもの(括弧内は開発言語)

• PoMusiAm(Unity,Javascript+C#):ARで博物館を体験できるスマートフォンアプリhttp://digicon.me/archive/02/

• AR+Video Jockey Interface(vvvv):安価で扱いやすいVJインターフェースhttps://vimeo.com/133156900

• Sharerial(HTML5+CSS,PHP):ハンドメイド素材をシェアするWebサービスhttp://sharerial.azurewebsites.net/

• ぎゃおちゃんゆるゆるすたんぷ:LINEクリエイターズスタンプhttps://store.line.me/stickershop/product/1183159/ja

→売り上げが伸びると晩酌が発泡酒からビールに変わります

プログラミングめっちゃわかるマンに

なる必要はないです

(自分もよくわかってない部分あります)

「こんなプログラム書いたら

こう動くんだ～」

という軽い気持ちで楽しんでください

この講義で使うドキュメント

Web上で公開しています

https://www.gitbook.com/book/reiji1020/play-opencv/details

原則，このドキュメントを参照しながら講座を進めていくので

講座期間中はブックマークに追加しておいてください．

このスライドも毎週Web上にアップロードします

http://www.slideshare.net/yomoyamareiji

ダウンロードも可能にしているので，復習に使用してください

今回はネタとして

をつかいます

• 2006年に開かれた地方博覧会で，2007年から規模を縮小し継続したイベント．

• 東山手・ベイサイド・丸山花街などテーマに沿ったコースが用意されており，実際にコースをさるいて(歩いて)貰うことで長崎の街を堪能してもらう事が目的．

• 特に「長崎食さるく」という食事付きのコースは県外・県内問わず人気．

長崎国際観光コンベンション協会がこのようなコースマップを提供しています

表紙がカラフル!おしゃれ!どんなコースを巡るのか

わかりやすい!

パンフレットの色を認識して，

このコースに沿った情報をもっとたくさん提供してみよう!

パンフレットの色分け例

→黄色 →青 →灰色

パンフレットの色分け例

→黄色 →青 →灰色

一緒にこのパンフレットを認識するようなプログラムを作りましょう

イメージ

さるくパンフレット

パソコン USBカメラ

接続 撮影

イメージ

さるくパンフレット

パソコン USBカメラ

接続 撮影

黄色を認識したら，このコースのWebページを表示するよ！

このシステムを作るうえで必要なプログラムとは？

1. USBカメラで映像を するプログラム

2. 撮影した映像の中から色を するプログラム

3. 認識した色を元に， を表示するプログラム

このシステムを作るうえで必要なプログラムとは？

1. USBカメラで映像を撮影するプログラム

2. 撮影した映像の中から色を認識するプログラム

3. 認識した色を元に，Webページを表示するプログラム

次週から1つずつ作っていきましょう！

今日は来週からの演習のための準備をします

画像処理プログラミングの強い味方「OpenCV」

画像処理プログラミングに必要なプログラムを予め作ってまとめたもの（ライブラリといいます）

• カラー画像を白黒画像に変換するプログラム• 読み込んだ画像の輪郭を抽出するプログラム• 画像の中から人の顔を抽出するプログラム

このように複雑なプログラムも，あっという間に作れるようになります!

https://reiji1020.gitbooks.io/play-opencv/content/install.html

OpenCVのインストール方法

環境変数とは

• 実行ファイルが存在するディレクトリなど，オペレーティングシステム上で動作するアプリケーションが使用する可能性のあるパスを予め変数として設定しておくこと

• 例）VisualStudioでOpenCVを使用するとき，オペレーティングシステムがOpenCVの場所を覚えていれば，OSはVisualStudioにOpenCVのある場所を教えてあげられる

• Microsoft社が開発した統合開発環境(IDE).

• 現在の最新版はVisualStudio2015Community

• Windows用プログラム，スマートフォンアプリ，Webサービスなど様々なソフトウエアを開発することができます

を使ってみよう

https://reiji1020.gitbooks.io/play-opencv/content/usevs.html

ちゅうい

• 色が全然違う(白い)

• メニューバーの数が違う

• ウインドウの配置が違う

この点については私がVisual Studioの設定を弄っているだけなので

少し違いがあっても問題ありません

次週

• USBカメラ(インサイトカメラ)を使用して映像を撮影するプログラムを作ってみましょう