1. プログラミング学習 の学習
2013/02/09 ひつじ
13年2月15日金曜日

2. プログラミング学習 の学習
導入
プログラミングができるようになるためには…
13年2月15日金曜日

3. プログラミング学習 の学習
導入
プログラミングができるようになるためには…
・コンピュータが何を出来るかを知る
・それを実現するためのルールを学ぶ
13年2月15日金曜日

4. プログラミング学習 の学習
導入
今やパソコン一台で出来ることはたくさんある
13年2月15日金曜日

5. プログラミング学習 の学習
導入
今やパソコン一台で出来ることはたくさんある
⇢膨大な情報量から、自分の興味を見つけるだけでも大変…
⇢ましてや、それを授業形式で全て網羅するのはもっと大変
13年2月15日金曜日

6. プログラミング学習 の学習
導入
今やパソコン一台で出来ることはたくさんある
⇢膨大な情報量から、自分の興味を見つけるだけでも大変…
⇢ましてや、それを授業形式で全て網羅するのはもっと大変
遅かれ早かれ、自分で調べるタイミングが必ずやってくる
13年2月15日金曜日

7. プログラミング学習 の学習
導入
プログラミングを全て覚える(暗記する)のは不可能と割り切る。
13年2月15日金曜日

8. プログラミング学習 の学習
導入
プログラミングを全て覚える(暗記する)のは不可能と割り切る。
⇢教わった事を覚えるよりも、必要な情報を必要な時に
引き出せる力があったほうが効率的
13年2月15日金曜日

9. プログラミング学習 の学習
導入
プログラミングを全て覚える(暗記する)のは不可能と割り切る。
⇢教わった事を覚えるよりも、必要な情報を必要な時に
引き出せる力があったほうが効率的
⇢勉強してる間にも新しい事がどんどん増えていく…
13年2月15日金曜日

10. プログラミング学習 の学習
導入
・プログラミングの基礎を学ぶ
・更に詳しい事を学習する方法を習得する
13年2月15日金曜日

11. プログラミング学習 の学習
導入
・プログラミングの基礎を学ぶ
⇢これだけでは、多くの人がサンプルの改造で終わってしまう
・更に詳しい事を学習する方法を習得する
13年2月15日金曜日

12. プログラミング学習 の学習
導入
・プログラミングの基礎を学ぶ
⇢これだけでは、多くの人がサンプルの改造で終わってしまう
・更に詳しい事を学習する方法を習得する
⇢より 実用的な知識 へと昇華させる
13年2月15日金曜日

13. プログラミング学習 の学習
プログラミング基礎の基礎
13年2月15日金曜日

14. プログラミング学習 の学習
プログラミング基礎の基礎
13年2月15日金曜日

15. プログラミング学習 の学習
プログラミング基礎の基礎
C++による Hello world
13年2月15日金曜日

16. プログラミング学習 の学習
プログラミング基礎の基礎
コードはアプリケーションの台本、
プログラマは脚本、兼監督
13年2月15日金曜日

17. プログラミング学習 の学習
プログラミング基礎の基礎
C++による Hello world
13年2月15日金曜日

18. プログラミング学習 の学習
プログラミング基礎の基礎
C++による Hello world
【関数の定義】
・・・１シーンの名前を示している
13年2月15日金曜日

19. プログラミング学習 の学習
プログラミング基礎の基礎
C++による Hello world
【関数の定義】
・・・１シーンの名前を示している
【命令文】
・・・プログラムが実際何を行うかを示している
13年2月15日金曜日

20. プログラミング学習 の学習
プログラミング基礎の基礎
C++による Hello world
【関数の定義】
・・・１シーンの名前を示している
【命令文】
・・・プログラムが実際何を行うかを示している
13年2月15日金曜日

21. プログラミング学習 の学習
プログラミング基礎の基礎
C++による Hello world
【関数の定義】
・・・１シーンの名前を示している
【命令文】
・・・プログラムが実際何を行うかを示している
・プログラミングは原則、上から下へ
流れる
13年2月15日金曜日

22. プログラミング学習 の学習
プログラミング基礎の基礎
C++による Hello world
【関数の定義】
・・・１シーンの名前を示している
【命令文】
・・・プログラムが実際何を行うかを示している
・プログラミングは原則、上から下へ
流れる
・プログラミングは時々、上から下へ
流れない！
13年2月15日金曜日

23. プログラミング学習 の学習
プログラミング基礎の基礎
飛び回る実行順序
13年2月15日金曜日

24. プログラミング学習 の学習
プログラミング基礎の基礎
飛び回る実行順序
【for構文】ここまで来たら、またfor まで
戻って繰り返す
13年2月15日金曜日

25. プログラミング学習 の学習
プログラミング基礎の基礎
飛び回る実行順序
【if構文】条件次第では、この中を
省略して先に進んでしまう
【for構文】ここまで来たら、またfor まで
戻って繰り返す
13年2月15日金曜日

26. プログラミング学習 の学習
プログラミング基礎の基礎
飛び回る実行順序
【if構文】条件次第では、この中を
省略して先に進んでしまう
【for構文】ここまで来たら、またfor まで
戻って繰り返す
【再帰関数】 getLayerdfromNameというシーンの中で、また
getLayerdfromNameというシーンを実行する
13年2月15日金曜日

27. プログラミング学習 の学習
プログラミング基礎の基礎
飛び回る実行順序
【if構文】条件次第では、この中を
省略して先に進んでしまう
【for構文】ここまで来たら、またfor まで
戻って繰り返す
【再帰関数】 getLayerdfromNameというシーンの中で、また
getLayerdfromNameというシーンを実行する
1本道ではない 刻々と変化する展開 を進行に記述できるのが、
従来の映像や演劇と大きく違う所であり、この技術を用いる意義の一つ
13年2月15日金曜日

28. プログラミング学習 の学習
openFrameworks(以下oF)とは？
13年2月15日金曜日

29. プログラミング学習 の学習
openFrameworks(以下oF)とは？
oF無しで、C++を使って映像や音響作品をするのは大変…
13年2月15日金曜日

30. プログラミング学習 の学習
openFrameworks(以下oF)とは？
oF無しで、C++を使って映像や音響作品をするのは大変…
OpenGL
GLUT
FreeImage
FreeType
fmod
RtAudio
QuickTime
OpenCV
13年2月15日金曜日

31. プログラミング学習 の学習
openFrameworks(以下oF)とは？
oF無しで、C++を使って映像や音響作品をするのは大変…
OpenGL
GLUT
FreeImage
FreeType プログラマ
fmod 彼らと直接話しを
つけなければいけない
RtAudio
QuickTime
OpenCV
13年2月15日金曜日

32. プログラミング学習 の学習
openFrameworks(以下oF)とは？
oF無しで、C++を使って映像や音響作品をするのは大変…
OpenGL
GLUT
FreeImage
FreeType 専門的なやりとり プログラマ
fmod 彼らと直接話しを
つけなければいけない
RtAudio
QuickTime
OpenCV 【ライブラリ】
舞台を作るための専門家たち
13年2月15日金曜日

33. プログラミング学習 の学習
openFrameworks(以下oF)とは？
oFの役割とは？
OpenGL
GLUT
FreeImage
FreeType
fmod
RtAudio
QuickTime
OpenCV
13年2月15日金曜日

34. プログラミング学習 の学習
openFrameworks(以下oF)とは？
oFの役割とは？
OpenGL
GLUT
FreeImage
FreeType oF プログラマ
fmod
RtAudio
QuickTime
OpenCV
13年2月15日金曜日

35. プログラミング学習 の学習
openFrameworks(以下oF)とは？
oFの役割とは？
OpenGL
GLUT
FreeImage
FreeType oF プログラマ
直感的な対話
fmod
RtAudio
QuickTime
OpenCV
13年2月15日金曜日

36. プログラミング学習 の学習
openFrameworks(以下oF)とは？
oFの役割とは？
OpenGL
GLUT
FreeImage
FreeType oF プログラマ
直感的な対話
fmod
RtAudio
QuickTime 専門的な処理を殆ど意識すること無く、アウト
OpenCV プットの結果だけに集中することができる
13年2月15日金曜日

37. プログラミング学習 の学習
openFrameworks(以下oF)とは？
アプリケーションという表舞台を統括するのが
監督であるプログラマの役割
13年2月15日金曜日

38. プログラミング学習 の学習
openFrameworks(以下oF)とは？
アプリケーションという表舞台を統括するのが
監督であるプログラマの役割
openFrameworksは、監督の意向を汲み取って
各部署を束ねたり、色々な雑務を影でこなしてくれる
ディレクター稼業
13年2月15日金曜日

39. プログラミング学習 の学習
プログラミング学習、座学編
・サンプルの読み方
・フォーラム、リファレンスの活用法
・IDE（統合開発環境）の使い方
13年2月15日金曜日

40. プログラミング学習 の学習
プログラミング学習、座学編 -サンプルの読み方-
∼openFrameworksの充実したサンプル∼
13年2月15日金曜日

41. プログラミング学習 の学習
プログラミング学習、座学編 -サンプルの読み方-
∼openFrameworksの充実したサンプル∼
丁寧なサンプル集は、oFで実現したい事を探す
糸口として、とても優秀なリファレンス
13年2月15日金曜日

42. プログラミング学習 の学習
プログラミング学習、座学編 -サンプルの読み方-
∼openFrameworksの充実したサンプル∼
丁寧なサンプル集は、oFで実現したい事を探す
糸口として、とても優秀なリファレンス
優れたプログラマの人達が制作しているので、
サンプルのテーマだけじゃないプログラミング作法
もそこから学ぶ事ができる
13年2月15日金曜日

43. プログラミング学習 の学習
プログラミング学習、座学編 -サンプルの読み方-
∼openFrameworksの充実したサンプル∼
丁寧なサンプル集は、oFで実現したい事を探す
糸口として、とても優秀なリファレンス
優れたプログラマの人達が制作しているので、
サンプルのテーマだけじゃないプログラミング作法
もそこから学ぶ事ができる
後ほど、具体的なサンプルの読み方を紹介します
13年2月15日金曜日

44. プログラミング学習 の学習
プログラミング学習、座学編 -フォーラム、リファレンスの活用-
13年2月15日金曜日

45. プログラミング学習 の学習
プログラミング学習、座学編 -フォーラム、リファレンスの活用-
openFrameworksの特徴である オープンなコミュニティ
13年2月15日金曜日

46. プログラミング学習 の学習
プログラミング学習、座学編 -フォーラム、リファレンスの活用-
openFrameworksの特徴である オープンなコミュニティ
http://forum.openframeworks.cc/
本家本元、openFrameworksのフォーラム。
ビギナーがよく出会うトラブルは大体トピックとして上がっている
13年2月15日金曜日

47. プログラミング学習 の学習
プログラミング学習、座学編 -フォーラム、リファレンスの活用-
openFrameworksの特徴である オープンなコミュニティ
http://forum.openframeworks.cc/
本家本元、openFrameworksのフォーラム。
ビギナーがよく出会うトラブルは大体トピックとして上がっている
openFrameworks xxx xxx で問題をググると、大抵同じ問題に当たっ
た人が出てくる
13年2月15日金曜日

48. プログラミング学習 の学習
プログラミング学習、座学編 -フォーラム、リファレンスの活用-
openFrameworksの特徴である オープンなコミュニティ
http://forum.openframeworks.cc/
本家本元、openFrameworksのフォーラム。
ビギナーがよく出会うトラブルは大体トピックとして上がっている
openFrameworks xxx xxx で問題をググると、大抵同じ問題に当たっ
た人が出てくる
http://www.openframeworks.jp/forum/
日本版openFrameworksのフォーラム。
日本語でやり取りができるので、英語が苦手な人でも質問できる
(最近ちょっと寂しい…)
13年2月15日金曜日

49. プログラミング学習 の学習
プログラミング学習、座学編 -フォーラム、リファレンスの活用-
リファレンスで機能を調べる
http://www.openframeworks.jp/documentation/
田所 淳氏の監修で、ドキュメンテーションの日本語化が進行中
13年2月15日金曜日

50. プログラミング学習 の学習
プログラミング学習、座学編 -フォーラム、リファレンスの活用-
リファレンスで機能を調べる
http://www.openframeworks.jp/documentation/
田所 淳氏の監修で、ドキュメンテーションの日本語化が進行中
https://sites.google.com/site/ofdocjp/
公式より前に存在していた日本語化のプロジェクト。
バージョンが古いので新機能が載っていないが、時期はこちらの方が早いため、
まだ日本語化されていない項目が日本語化されている場合も
13年2月15日金曜日

51. プログラミング学習 の学習
プログラミング学習、座学編 -IDEの使い方-
IDE(統合開発環境)とは何ぞや
13年2月15日金曜日

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

53. プログラミング学習 の学習
プログラミング学習、座学編 -IDEの使い方-
IDE(統合開発環境)とは何ぞや
プログラミング用のソフト
13年2月15日金曜日

54. プログラミング学習 の学習
プログラミング学習、座学編 -IDEの使い方-
IDE(統合開発環境)とは何ぞや
・実はプログラミングはテキストエディタだけでも作れるが、大規模な
アプリケーション程複雑な工程を自分でやらなければいけない
13年2月15日金曜日

55. プログラミング学習 の学習
プログラミング学習、座学編 -IDEの使い方-
IDE(統合開発環境)とは何ぞや
・実はプログラミングはテキストエディタだけでも作れるが、大規模な
アプリケーション程複雑な工程を自分でやらなければいけない
・その工程を自動でやってくれるのがIDEと呼ばれるソフトで、プログラミング
を楽に行うための色々な機能を搭載している
13年2月15日金曜日

56. プログラミング学習 の学習
プログラミング学習、座学編 -IDEの使い方-
IDE(統合開発環境)とは何ぞや
・実はプログラミングはテキストエディタだけでも作れるが、大規模な
アプリケーション程複雑な工程を自分でやらなければいけない
・その工程を自動でやってくれるのがIDEと呼ばれるソフトで、プログラミング
を楽に行うための色々な機能を搭載している
13年2月15日金曜日

57. プログラミング学習 の学習
プログラミング学習、座学編 -IDEの使い方-
IDE(統合開発環境)とは何ぞや
・実はプログラミングはテキストエディタだけでも作れるが、大規模な
アプリケーション程複雑な工程を自分でやらなければいけない
・その工程を自動でやってくれるのがIDEと呼ばれるソフトで、プログラミング
を楽に行うための色々な機能を搭載している
Xcode
OSX / iOS
13年2月15日金曜日

58. プログラミング学習 の学習
プログラミング学習、座学編 -IDEの使い方-
IDE(統合開発環境)とは何ぞや
・実はプログラミングはテキストエディタだけでも作れるが、大規模な
アプリケーション程複雑な工程を自分でやらなければいけない
・その工程を自動でやってくれるのがIDEと呼ばれるソフトで、プログラミング
を楽に行うための色々な機能を搭載している
Xcode Visual Studio
OSX / iOS Windows
13年2月15日金曜日

59. プログラミング学習 の学習
プログラミング学習、座学編 -IDEの使い方-
IDE(統合開発環境)とは何ぞや
・実はプログラミングはテキストエディタだけでも作れるが、大規模な
アプリケーション程複雑な工程を自分でやらなければいけない
・その工程を自動でやってくれるのがIDEと呼ばれるソフトで、プログラミング
を楽に行うための色々な機能を搭載している
Xcode Visual Studio Code::Blocks
OSX / iOS Windows Win/Linux
13年2月15日金曜日

60. プログラミング学習 の学習
プログラミング学習、座学編 -IDEの使い方-
IDE(統合開発環境)とは何ぞや
・実はプログラミングはテキストエディタだけでも作れるが、大規模な
アプリケーション程複雑な工程を自分でやらなければいけない
・その工程を自動でやってくれるのがIDEと呼ばれるソフトで、プログラミング
を楽に行うための色々な機能を搭載している
Xcode Visual Studio Code::Blocks eclipse
OSX / iOS Windows Win/Linux Android
13年2月15日金曜日

61. プログラミング学習 の学習
プログラミング学習、座学編 -IDEの使い方-
プログラミング学習 に便利な IDE(統合開発環境)の便利機能
補完機能
参照機能
13年2月15日金曜日

62. プログラミング学習 の学習
プログラミング学習、座学編 -IDEの使い方-
- 補完機能 -
13年2月15日金曜日

63. プログラミング学習 の学習
プログラミング学習、座学編 -IDEの使い方-
- 補完機能 -
プログラマが入力する語句を元に、先読みして語句の候補を補完
してくれる機能。
13年2月15日金曜日

64. プログラミング学習 の学習
プログラミング学習、座学編 -IDEの使い方-
- 補完機能 -
プログラマが入力する語句を元に、先読みして語句の候補を補完
してくれる機能。
13年2月15日金曜日

65. プログラミング学習 の学習
プログラミング学習、座学編 -IDEの使い方-
- 補完機能 -
プログラマが入力する語句を元に、先読みして語句の候補を補完
してくれる機能。
ofGetまでを入力している
13年2月15日金曜日

66. プログラミング学習 の学習
プログラミング学習、座学編 -IDEの使い方-
- 補完機能 -
プログラマが入力する語句を元に、先読みして語句の候補を補完
してくれる機能。
ofGetまでを入力している
ofGet とつく命令の候補をリストアップ
してくれる
13年2月15日金曜日

67. プログラミング学習 の学習
プログラミング学習、座学編 -IDEの使い方-
- 補完機能 -
プログラマが入力する語句を元に、先読みして語句の候補を補完
してくれる機能。
ofGetまでを入力している
ofGet とつく命令の候補をリストアップ
してくれる
ofGet という言葉は、何かの値を取得するoFの慣例的な名称なので、
どんな値が取れるかを知ることができる
13年2月15日金曜日

68. プログラミング学習 の学習
プログラミング学習、座学編 -IDEの使い方-
- 補完機能 -
プログラマが入力する語句を元に、先読みして語句の候補を補完
してくれる機能。
ofGetまでを入力している
ofGet とつく命令の候補をリストアップ
してくれる
ofGet という言葉は、何かの値を取得するoFの慣例的な名称なので、
どんな値が取れるかを知ることができる
⇢関連する命令や、知らなかった機能を知ることができる
13年2月15日金曜日

69. プログラミング学習 の学習
プログラミング学習、座学編 -IDEの使い方-
- 参照機能 -
oFに実装された機能の定義へジャンプする事で、
詳細を知ることができる
13年2月15日金曜日

70. プログラミング学習 の学習
プログラミング学習、座学編 -IDEの使い方-
- 参照機能 -
oFに実装された機能の定義へジャンプする事で、
詳細を知ることができる
Xcodeの場合…当該の名前を ＋クリックで定義にジャンプ
13年2月15日金曜日

71. プログラミング学習 の学習
プログラミング学習、座学編 -IDEの使い方-
- 参照機能 -
oFに実装された機能の定義へジャンプする事で、
詳細を知ることができる
定義へジャンプできる。oFも同じようにプログラムの集合なので、それぞれの
機能に関する記述を確認することができる
コメント欄(この場合緑文字)に、ドキュメントには無い関数が解説されている事も
13年2月15日金曜日

72. プログラミング学習 の学習
プログラミング学習 実践編
13年2月15日金曜日

73. プログラミング学習 の学習
プログラミング学習 実践編
実際にoFのサンプルを通して、オブジェクトの使い方を学ぶまで
の手順を紹介します
13年2月15日金曜日

74. プログラミング学習 の学習
〆
13年2月15日金曜日

75. プログラミング学習 の学習
〆
・体系的な学び方で覚えられる事は、一対一対応になってしまいがち
13年2月15日金曜日

76. プログラミング学習 の学習
〆
・体系的な学び方で覚えられる事は、一対一対応になってしまいがち
・ 調べ方 を覚えさえすれば、新しい事も忘れてしまった事も自分で
情報を引き出す事ができる
13年2月15日金曜日

77. プログラミング学習 の学習
〆
・体系的な学び方で覚えられる事は、一対一対応になってしまいがち
・ 調べ方 を覚えさえすれば、新しい事も忘れてしまった事も自分で
情報を引き出す事ができる
・頻繁に使う情報は、繰り返し見ているうちに自然と覚えてしまう
13年2月15日金曜日

78. プログラミング学習 の学習
お疲れ様でした。
13年2月15日金曜日