Contenu connexe
Similaire à プログラミング学習のための学習 (20)
プログラミング学習のための学習
- 3. プログラミング学習 の学習
導入
プログラミングができるようになるためには…
・コンピュータが何を出来るかを知る
・それを実現するためのルールを学ぶ
13年2月15日金曜日
- 5. プログラミング学習 の学習
導入
今やパソコン一台で出来ることはたくさんある
⇢膨大な情報量から、自分の興味を見つけるだけでも大変…
⇢ましてや、それを授業形式で全て網羅するのはもっと大変
13年2月15日金曜日
- 6. プログラミング学習 の学習
導入
今やパソコン一台で出来ることはたくさんある
⇢膨大な情報量から、自分の興味を見つけるだけでも大変…
⇢ましてや、それを授業形式で全て網羅するのはもっと大変
遅かれ早かれ、自分で調べるタイミングが必ずやってくる
13年2月15日金曜日
- 8. プログラミング学習 の学習
導入
プログラミングを全て覚える(暗記する)のは不可能と割り切る。
⇢教わった事を覚えるよりも、必要な情報を必要な時に
引き出せる力があったほうが効率的
13年2月15日金曜日
- 9. プログラミング学習 の学習
導入
プログラミングを全て覚える(暗記する)のは不可能と割り切る。
⇢教わった事を覚えるよりも、必要な情報を必要な時に
引き出せる力があったほうが効率的
⇢勉強してる間にも新しい事がどんどん増えていく…
13年2月15日金曜日
- 10. プログラミング学習 の学習
導入
・プログラミングの基礎を学ぶ
・更に詳しい事を学習する方法を習得する
13年2月15日金曜日
- 11. プログラミング学習 の学習
導入
・プログラミングの基礎を学ぶ
⇢これだけでは、多くの人がサンプルの改造で終わってしまう
・更に詳しい事を学習する方法を習得する
13年2月15日金曜日
- 12. プログラミング学習 の学習
導入
・プログラミングの基礎を学ぶ
⇢これだけでは、多くの人がサンプルの改造で終わってしまう
・更に詳しい事を学習する方法を習得する
⇢より 実用的な知識 へと昇華させる
13年2月15日金曜日
- 16. プログラミング学習 の学習
プログラミング基礎の基礎
コードはアプリケーションの台本、
プログラマは脚本、兼監督
13年2月15日金曜日
- 18. プログラミング学習 の学習
プログラミング基礎の基礎
C++による Hello world
【関数の定義】
・・・1シーンの名前を示している
13年2月15日金曜日
- 19. プログラミング学習 の学習
プログラミング基礎の基礎
C++による Hello world
【関数の定義】
・・・1シーンの名前を示している
【命令文】
・・・プログラムが実際何を行うかを示している
13年2月15日金曜日
- 20. プログラミング学習 の学習
プログラミング基礎の基礎
C++による Hello world
【関数の定義】
・・・1シーンの名前を示している
【命令文】
・・・プログラムが実際何を行うかを示している
13年2月15日金曜日
- 21. プログラミング学習 の学習
プログラミング基礎の基礎
C++による Hello world
【関数の定義】
・・・1シーンの名前を示している
【命令文】
・・・プログラムが実際何を行うかを示している
・プログラミングは原則、上から下へ
流れる
13年2月15日金曜日
- 22. プログラミング学習 の学習
プログラミング基礎の基礎
C++による Hello world
【関数の定義】
・・・1シーンの名前を示している
【命令文】
・・・プログラムが実際何を行うかを示している
・プログラミングは原則、上から下へ
流れる
・プログラミングは時々、上から下へ
流れない!
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日金曜日
- 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日金曜日
- 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日金曜日
- 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日金曜日
- 73. プログラミング学習 の学習
プログラミング学習 実践編
実際にoFのサンプルを通して、オブジェクトの使い方を学ぶまで
の手順を紹介します
13年2月15日金曜日
- 76. プログラミング学習 の学習
〆
・体系的な学び方で覚えられる事は、一対一対応になってしまいがち
・ 調べ方 を覚えさえすれば、新しい事も忘れてしまった事も自分で
情報を引き出す事ができる
13年2月15日金曜日
- 77. プログラミング学習 の学習
〆
・体系的な学び方で覚えられる事は、一対一対応になってしまいがち
・ 調べ方 を覚えさえすれば、新しい事も忘れてしまった事も自分で
情報を引き出す事ができる
・頻繁に使う情報は、繰り返し見ているうちに自然と覚えてしまう
13年2月15日金曜日