yoppa.org


これからのWeb

この講義では、HTMLとCSSを使用してWebページを作成し、最終的にはTumblrを活用してオンラインポートフォリオを作成してきました。

HTMLとCSSはWebを構成する根幹の技術ですが、現代のWebはより広範囲な技術の集合体となっています。その変化は一言で言うと、「書類からアプリケーションへ」ということです。つまりWebサイトは静的な書類を発信するだけでなく、その中でメールを読み、地図を調べ、書類を作成し、映像を見るといったアプリケーションを利用するためのプラットフォームへと変貌してきています。

今回は、こうした「アプリケーション」を構成するWebの技術を紹介します。

スライド資料


オンラインポートフォリオ制作のためのリンク集

オンラインポートフォリオ制作に向けて、制作の参考になりそうなサイト、テーマを集めてみました。最終制作の参考にしてください。

テーマまとめ

ポートフォリオに使えそうなフリーのテーマ


これまでの講義内容のまとめ

最終課題に向けて、サンプルコードを実際に実行しながら、これまでの内容をふりかえります。各回の内容をもう一度把握することで、課題制作の参考にしていってください。

これまでの講義内容とサンプルファイル

サンプルファイル一括ダウンロード(Zip)

01. イントロダクション – Creative Codingとは? Processsing について

  • サンプルなし

02. かたちとコード – Processingで図形を描くには?

03. 反復と乱数

04. 動きを生みだす – アニメーションとベクトル

05. 生成的な形をつくる – Processing オブジェクト指向プログラミング入門

06. ニュートン力学による動き – Processingで動きを極める!

07. Processingで画像データを扱う – 画像の分析・再合成

08. 3Dプログラミング

09. Processing Libraries 1 : ControlP5 – GUIを作成する

10. Processing Libraries 2 : Sound – 音の再生と視覚化

11. Processing Libraries 3 : oscP5 – OSCによるアプリケーション間通信

12. Processing Libraries 4 : OpenCV for Processing – コンピュータ・ビジョン、映像を使ったインタラクション