プログラミング学習のための学習

プログラミング学習の学習
2013/02/09 ひつじ

13年2月15日金曜日


導入
プログラミングができるようになるためには…



導入
プログラミングができるようになるためには…

・コンピュータが何を出来るかを知る

・それを実現するためのルールを学ぶ



導入
今やパソコン一台で出来ることはたくさんある



導入

⇢膨大な情報量から、自分の興味を見つけるだけでも大変…
⇢ましてや、それを授業形式で全て網羅するのはもっと大変



導入

⇢膨大な情報量から、自分の興味を見つけるだけでも大変…
⇢ましてや、それを授業形式で全て網羅するのはもっと大変

遅かれ早かれ、自分で調べるタイミングが必ずやってくる



導入

プログラミングを全て覚える(暗記する)のは不可能と割り切る。



導入


⇢教わった事を覚えるよりも、必要な情報を必要な時に
引き出せる力があったほうが効率的



導入


⇢教わった事を覚えるよりも、必要な情報を必要な時に
引き出せる力があったほうが効率的

⇢勉強してる間にも新しい事がどんどん増えていく…



導入

・プログラミングの基礎を学ぶ

・更に詳しい事を学習する方法を習得する



導入

⇢これだけでは、多くの人がサンプルの改造で終わってしまう




導入

⇢これだけでは、多くの人がサンプルの改造で終わってしまう

⇢より実用的な知識へと昇華させる



プログラミング基礎の基礎




C++による Hello world




コードはアプリケーションの台本、
プログラマは脚本、兼監督





【関数の定義】
・・・１シーンの名前を示している






【命令文】
・・・プログラムが実際何を行うかを示している






【命令文】

・プログラミングは原則、上から下へ
流れる






【命令文】

・プログラミングは原則、上から下へ
流れる

・プログラミングは時々、上から下へ
流れない！




飛び回る実行順序





【for構文】ここまで来たら、またfor まで
戻って繰り返す





【if構文】条件次第では、この中を
省略して先に進んでしまう








【再帰関数】 getLayerdfromNameというシーンの中で、また
getLayerdfromNameというシーンを実行する







【再帰関数】 getLayerdfromNameというシーンの中で、また
getLayerdfromNameというシーンを実行する

1本道ではない刻々と変化する展開を進行に記述できるのが、
従来の映像や演劇と大きく違う所であり、この技術を用いる意義の一つ


openFrameworks(以下oF)とは？




oF無しで、C++を使って映像や音響作品をするのは大変…





OpenGL
GLUT
FreeImage
FreeType
fmod
RtAudio
QuickTime
OpenCV





OpenGL
GLUT
FreeImage
FreeType プログラマ
fmod 彼らと直接話しを
つけなければいけない
RtAudio
QuickTime
OpenCV





OpenGL
GLUT
FreeImage
FreeType 専門的なやりとりプログラマ
fmod 彼らと直接話しを
つけなければいけない
RtAudio
QuickTime
OpenCV 【ライブラリ】
舞台を作るための専門家たち



oFの役割とは？

OpenGL
GLUT
FreeImage
FreeType
fmod
RtAudio
QuickTime
OpenCV





OpenGL
GLUT
FreeImage
FreeType oF プログラマ
fmod
RtAudio
QuickTime
OpenCV





OpenGL
GLUT
FreeImage
直感的な対話
fmod
RtAudio
QuickTime
OpenCV





OpenGL
GLUT
FreeImage
直感的な対話
fmod
RtAudio
QuickTime 専門的な処理を殆ど意識すること無く、アウト
OpenCV プットの結果だけに集中することができる




アプリケーションという表舞台を統括するのが
監督であるプログラマの役割




アプリケーションという表舞台を統括するのが
監督であるプログラマの役割

openFrameworksは、監督の意向を汲み取って
各部署を束ねたり、色々な雑務を影でこなしてくれる
ディレクター稼業



プログラミング学習、座学編

・サンプルの読み方
・フォーラム、リファレンスの活用法
・IDE（統合開発環境）の使い方



プログラミング学習、座学編 -サンプルの読み方-

∼openFrameworksの充実したサンプル∼





丁寧なサンプル集は、oFで実現したい事を探す
糸口として、とても優秀なリファレンス






優れたプログラマの人達が制作しているので、
サンプルのテーマだけじゃないプログラミング作法
もそこから学ぶ事ができる






優れたプログラマの人達が制作しているので、
サンプルのテーマだけじゃないプログラミング作法
もそこから学ぶ事ができる

後ほど、具体的なサンプルの読み方を紹介します



プログラミング学習、座学編 -フォーラム、リファレンスの活用-




openFrameworksの特徴であるオープンなコミュニティ





http://forum.openframeworks.cc/
本家本元、openFrameworksのフォーラム。
ビギナーがよく出会うトラブルは大体トピックとして上がっている






openFrameworks xxx xxx で問題をググると、大抵同じ問題に当たっ
た人が出てくる






openFrameworks xxx xxx で問題をググると、大抵同じ問題に当たっ
た人が出てくる

http://www.openframeworks.jp/forum/
日本版openFrameworksのフォーラム。
日本語でやり取りができるので、英語が苦手な人でも質問できる
(最近ちょっと寂しい…)




リファレンスで機能を調べる

http://www.openframeworks.jp/documentation/
田所淳氏の監修で、ドキュメンテーションの日本語化が進行中




リファレンスで機能を調べる

http://www.openframeworks.jp/documentation/
田所淳氏の監修で、ドキュメンテーションの日本語化が進行中

https://sites.google.com/site/ofdocjp/
公式より前に存在していた日本語化のプロジェクト。
バージョンが古いので新機能が載っていないが、時期はこちらの方が早いため、
まだ日本語化されていない項目が日本語化されている場合も



プログラミング学習、座学編 -IDEの使い方-

IDE(統合開発環境)とは何ぞや





従来、コンパイラ、テキストエディタ、デバッガなどがばらばらで利用
していたものをひとつの対話型操作環境（多くはGUI）から利用できる
ようにしたもの。最近のIDEには、GUIアプリケーション開発のための
迅速なプロトタイピング (RAD) が可能なものが多い。統合開発環境を
使うことによって、巨大かつ複雑なソフトウェアでも、作成者に負担
をかけることなく開発することが可能になる。 (出展：wikipedia)





プログラミング用のソフト





・実はプログラミングはテキストエディタだけでも作れるが、大規模な
アプリケーション程複雑な工程を自分でやらなければいけない






・その工程を自動でやってくれるのがIDEと呼ばれるソフトで、プログラミング
を楽に行うための色々な機能を搭載している







Xcode

OSX / iOS







Xcode Visual Studio

OSX / iOS Windows







Xcode Visual Studio Code::Blocks

OSX / iOS Windows Win/Linux







Xcode Visual Studio Code::Blocks eclipse

OSX / iOS Windows Win/Linux Android




プログラミング学習に便利な IDE(統合開発環境)の便利機能

補完機能
参照機能




- 補完機能 -




- 補完機能 -
プログラマが入力する語句を元に、先読みして語句の候補を補完
してくれる機能。




- 補完機能 -

ofGetまでを入力している




- 補完機能 -


ofGet とつく命令の候補をリストアップ
してくれる




- 補完機能 -


してくれる

ofGet という言葉は、何かの値を取得するoFの慣例的な名称なので、
どんな値が取れるかを知ることができる




- 補完機能 -


してくれる

ofGet という言葉は、何かの値を取得するoFの慣例的な名称なので、
どんな値が取れるかを知ることができる

⇢関連する命令や、知らなかった機能を知ることができる




- 参照機能 -
oFに実装された機能の定義へジャンプする事で、
詳細を知ることができる




- 参照機能 -

Xcodeの場合…当該の名前を＋クリックで定義にジャンプ




- 参照機能 -

定義へジャンプできる。oFも同じようにプログラムの集合なので、それぞれの
機能に関する記述を確認することができる
コメント欄(この場合緑文字)に、ドキュメントには無い関数が解説されている事も



プログラミング学習実践編



プログラミング学習実践編

実際にoFのサンプルを通して、オブジェクトの使い方を学ぶまで
の手順を紹介します



〆



〆
・体系的な学び方で覚えられる事は、一対一対応になってしまいがち



〆

・調べ方を覚えさえすれば、新しい事も忘れてしまった事も自分で
情報を引き出す事ができる



〆

・調べ方を覚えさえすれば、新しい事も忘れてしまった事も自分で
情報を引き出す事ができる

・頻繁に使う情報は、繰り返し見ているうちに自然と覚えてしまう



お疲れ様でした。


プログラミング学習のための学習

More Related Content

Viewers also liked

Similar to プログラミング学習のための学習

プログラミング学習のための学習