長崎県立大学シーボルト校 情報メディア学科 2015年後期のゼミ生向け演習のスライドその1.

1. 画像処理ライブラリを使って面白いプログラムを作ろう!
長崎県立大学 国際情報学部 情報メディア学科
吉村ゼミ

2. だれ
• 名前：片渕 小夜(カタフチ サヤ)
• 所属：国際情報学研究科 情報メディア専攻 1年
• 研究：Deep Learningを用いた機械学習アルゴリズムの考察ー
Caffeを利用した角膜内皮細胞認識ー
• メール：m2215001以下大学ドメイン
• 趣味：TVゲーム
プログラミング
Video Jockey＆Disk Jockey

3. 質問です!
プログラミングの授業，
楽しんでますか?

4. 配列とか何に
使うねん…
つーかこれ何の
役に立つの?

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

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

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

8. そしてプログラミングを楽しむには
自分でモノを作るのが一番!

9. つくったもの(括弧内は開発言語)
• 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
→売り上げが伸びると晩酌が発泡酒からビールに変わります

10. プログラミングめっちゃわかるマンに
なる必要はないです
(自分もよくわかってない部分あります)
「こんなプログラム書いたら
こう動くんだ～」
という軽い気持ちで楽しんでください

11. この講義で使うドキュメント
Web上で公開しています
https://www.gitbook.com/book/reiji1020/play-opencv/details
原則，このドキュメントを参照しながら講座を進めていくので
講座期間中はブックマークに追加しておいてください．
このスライドも毎週Web上にアップロードします
http://www.slideshare.net/yomoyamareiji
ダウンロードも可能にしているので，復習に使用してください

12. 今回はネタとして
をつかいます

13. • 2006年に開かれた地方博覧会で，2007年から規模を縮小し継続
したイベント．
• 東山手・ベイサイド・丸山花街などテーマに沿ったコースが用意されてお
り，実際にコースをさるいて(歩いて)貰うことで長崎の街を堪能してもら
う事が目的．
• 特に「長崎食さるく」という食事付きのコースは県外・県内問わず人気．

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

15. 表紙がカラフル!おしゃれ!
どんなコースを巡るのか
わかりやすい!

16. パンフレットの色を認識して，
このコースに沿った情報をもっとたくさん提供してみよう!

17. パンフレットの色分け例
→黄色 →青 →灰色

18. パンフレットの色分け例
→黄色 →青 →灰色
一緒にこのパンフレットを認識するようなプログラムを作りましょう

19. イメージ
さるくパンフレット
パソコン USBカメラ
接続 撮影

20. イメージ
さるくパンフレット
パソコン USBカメラ
接続 撮影
黄色を認識したら，
このコースのWebページを表示するよ！

21. このシステムを作るうえで必要なプログラムとは？
1. USBカメラで映像を するプログラム
2. 撮影した映像の中から色を するプログラム
3. 認識した色を元に， を表示するプログラム

22. このシステムを作るうえで必要なプログラムとは？
1. USBカメラで映像を撮影するプログラム
2. 撮影した映像の中から色を認識するプログラム
3. 認識した色を元に，Webページを表示するプログラム

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

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

25. 画像処理プログラミングの強い味方「OpenCV」
画像処理プログラミングに必要なプログラムを
予め作ってまとめたもの（ライブラリといいます）
• カラー画像を白黒画像に変換するプログラム
• 読み込んだ画像の輪郭を抽出するプログラム
• 画像の中から人の顔を抽出するプログラム
このように複雑なプログラムも，あっという間に作れるようになります!

26. https://reiji1020.gitbooks.io/play-
opencv/content/install.html
OpenCVのインストール方法

27. 環境変数とは
• 実行ファイルが存在するディレクトリなど，オペレーティングシステム上で
動作するアプリケーションが使用する可能性のあるパスを予め変数と
して設定しておくこと
• 例）VisualStudioでOpenCVを使用するとき，オペレーティングシス
テムがOpenCVの場所を覚えていれば，OSはVisualStudioに
OpenCVのある場所を教えてあげられる

28. • Microsoft社が開発した統合開発環境(IDE).
• 現在の最新版はVisualStudio2015Community
• Windows用プログラム，スマートフォンアプリ，Webサービスなど様々
なソフトウエアを開発することができます

29. を使ってみよう
https://reiji1020.gitbooks.io/play-
opencv/content/usevs.html

30. ちゅうい
• 色が全然違う(白い)
• メニューバーの数が違う
• ウインドウの配置が違う
この点については私がVisual Studioの設定を弄っているだけなので
少し違いがあっても問題ありません

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