この授業では、(1) HTML, CSSを用いた基礎的なウェブサイトデザイン (2) Processingを用いた「デザイナのためのプログラミング入門」 (3) Creative Commonsライセンスを通じたオープンソース文化、の３つを扱います。コーディングという行為をまったく初めて経験する人のための入門的なクラスです（そのため、ウェブサービスの実装などは扱いません。JavaScript, XMLについては時間との兼ね合いで検討します)。
(1)(2)については脇田玲先生が2010年度につくられたテキストを使用します。
Prior Year (Prof. Akita Wakita and Wakita Laboratory)
http://idl.sfc.keio.ac.jp/lecture/mtb2010/
http://metamo.sfc.keio.ac.jp/idl/lecture/mtb2010/
#1-#3 PDF version (html and css)
#4-#10 PDF version (processing programming)
TwitterLibrary+ InfoVisuaization
また”Built With Processing“”ビジュアライジング・データ-―Processingによる情報視覚化手法“を手元に持っていてください。
補足的に私が用意した資料は以下です。
デザイナーのためのプログラミング入門
1:processing: http://processing.org/
2:processing share site: http://www.openprocessing.org/
3: turtle graphics http://www.bfoit.org/Intro_to_Programming/TG.html
4: turtle graphicsII http://web.sfc.keio.ac.jp/~nara/html5/turtle.html
5: DBN(Design by Numbers) http://dbn.media.mit.edu/dbn/applet.html
学生の課題作品はすべてウェブページにまとめられ、公開されています(Processingソースコード含む)
2011年度学生ウェブサイト（最終制作）
池澤 彩野花 ( t10064ai ): http://web.sfc.keio.ac.jp/~t10064ai/mtb/index.html
木村 優作 ( t10295yk ): http://web.sfc.keio.ac.jp/~t10295yk/mtb/index.html
清水 勇貴 ( t09479ys ): http://web.sfc.keio.ac.jp/~t09479ys/mtb3/index.html
上原 由理絵 ( t10134yu ): http://web.sfc.keio.ac.jp/~t10134yu/mtb/index.html
五十嵐 祐貴 ( t10056yi ): http://web.sfc.keio.ac.jp/~t10056yi/mtb/sample.html
渡辺 香織 ( s10537kw ): http://web.sfc.keio.ac.jp/~s10537kw/foxindex.html
山崎 洋一郎 ( t09948yy ): http://web.sfc.keio.ac.jp/~t09948yy/wts/index.html
矢部 裕貴子 ( t10927yy ): http://web.sfc.keio.ac.jp/~t10927yy/design.html
河原 一樹 ( t09276kk ): http://web.sfc.keio.ac.jp/~t09276kk/mtb/03/tyuukannkadai/tyuukannkadai.html
多山 えりか ( t09614et ): http://web.sfc.keio.ac.jp/~t09614et/mtb/index.html
安藤 翔太 ( t10042sa ): http://web.sfc.keio.ac.jp/~t10042sa/mtb/02/sample.html
上柿 英理子 ( t09257ek ): http://web.sfc.keio.ac.jp/~t09257ek/mtb/index.html
川口 大輔 ( t10255dk ): http://web.sfc.keio.ac.jp/~t10255dk/index.html
小林 みずほ ( t08370mk ): http://web.sfc.keio.ac.jp/~t08370mk/mediatec2011/index.html
渡辺 早紀 ( t09002sw ): http://web.sfc.keio.ac.jp/~t09002sw/web.html
木根渕 涼介 ( t10285rk ): http://web.sfc.keio.ac.jp/~t10285rk/web/index.html
鈴木 幸大 ( t10476ks ): http://web.sfc.keio.ac.jp/~t10476ks/html/kadai.html
黒崎 響 ( t10323kk ): http://web.sfc.keio.ac.jp/~t10323kk/mtb/sample.html
宮崎 卓人 ( s09856tm ): http://web.sfc.keio.ac.jp/~s09856tm/mtb/index.html
井上 佳美 ( t08121yi ): http://web.sfc.keio.ac.jp/~t08121yi/media_web/sample.html
河島 理恵 ( t08295rk ): http://web.sfc.keio.ac.jp/~t08295rk/mediatech2011/index3.html
橋本 真琴 ( s10643mh ): http://web.sfc.keio.ac.jp/~s10643mh/mtb/index.html
笛田 満里奈 ( t09810mf ): http://t09810mf.web.fc2.com/sample.html
松本 拓也 ( t09874tm ): http://web.sfc.keio.ac.jp/~t09874tm/basic-media-skill_web/index.html
杉山 州 ( t10472ss ): http://web.sfc.keio.ac.jp/~t10472ss/mtb/
菊地 伸 ( t09290sk ): http://web.sfc.keio.ac.jp/~t09290sk/sample.html
江藤 元彦 ( t10146me ): http://web.sfc.keio.ac.jp/~t10146me/mediatech2011html/index.html
藤川 龍童 ( s08707rf ): http://web.sfc.keio.ac.jp/~s08707rf/mediatech2011/mypage/home.html
原 武義 ( t10716th ): http://web.sfc.keio.ac.jp/~t10716th/mediatech2011/
満友 佳乃 ( t09896ym ): http://web.sfc.keio.ac.jp/~t09896ym/mtb/index.html
小池 悠佳 ( t09334yk ): http://web.sfc.keio.ac.jp/~t09334yk/mtb/htmlkadai/index.html
花野井 俊介 ( t09756sh ): http://web.sfc.keio.ac.jp/~t09756sh/mediatech2011/4/index.html
藤崎 彩花 ( t09830af ): http://web.sfc.keio.ac.jp/~t09830af/hp/sample4.html
若林 里奈 ( s09980rw ): http://web.sfc.keio.ac.jp/~s09980rw/mtb/03/index.html
並木 崇浩 ( t09703tn ): http://web.sfc.keio.ac.jp/~t09703tn/mtb/Homepage_homework/index.html
村田 紘司 ( t10889km ): http://maltools.web.fc2.com/
高橋 万里菜 ( t10537mt ): http://web.sfc.keio.ac.jp/~t10537mt/mtb/index.html
明地 亮輔 ( t09013ra ): http://web.sfc.keio.ac.jp/~t09013ra/media/index2.html
森川 晃輔 ( s09884km ): http://web.sfc.keio.ac.jp/~s09884km/mediatech2011/top.html
渡辺 航光 ( s10986kw ): http://web.sfc.keio.ac.jp/~s10986kw/mtb/index4.html
近藤 慧 ( s09328sk ): http://web.sfc.keio.ac.jp/~s09328sk/catwalk/top.html
郷津 加奈子 ( s09336kg ): http://web.sfc.keio.ac.jp/~s09336kg/myfirsthomepage.html
日下 拓也 ( t10307tk ): http://web.sfc.keio.ac.jp/~t10307tk/mtb/home.html
大澤 慎太郎 ( t10160so ): http://web.sfc.keio.ac.jp/~t10160so/mediatech2011/index.html
吉中 貴史 ( t10983ty ): http://web.sfc.keio.ac.jp/~t10983ty/media/index.html
渡邊 笑子 ( s09987ew ): file:///Users/watanabe/Documents/webtech2011spring/sample.html
長谷川 翔一 ( s09669sh ): http://web.sfc.keio.ac.jp/~s09669sh/mediatech2011/homepage.html
臼井 隆志 ( s07132tu ): http://web.sfc.keio.ac.jp/~s07132tu/
バトサイハン アノダリ ( t09783ab ): http://web.sfc.keio.ac.jp/~t09783ab/mtb/index9.html
菊池 幹生 ( t09292mk ): http://web.sfc.keio.ac.jp/~t09292mk/mtb/index.html
太田 知也 ( t10170to ): http://web.sfc.keio.ac.jp/~t10170to/hrefen/index.html
柳原 瑠唯 ( t10925ry ): http://web.sfc.keio.ac.jp/~t10925ry/mtb/html/Home.html
高橋 洋介 ( t10541yt ): http://web.sfc.keio.ac.jp/~t10541yt/homepage.html
沼井 柚貴乃 ( t10689yn ): http://web.sfc.keio.ac.jp/~t10689yn/mtb/index1.html
倉田 彩子 ( t09317ak ): http://web.sfc.keio.ac.jp/~t09317ak/mediatech2011/sample.html
伊藤 あゆみ ( s09096ai ): http://web.sfc.keio.ac.jp/~s09096ai/mediatech2011/website/sfc.html
竹内 智恵 ( t10548tt ): http://web.sfc.keio.ac.jp/~t10548tt/mtb/home2.html
羽生 琢哉 ( s09678th ): http://web.sfc.keio.ac.jp/~s09678th/mediateck2011/index.html
深谷 哲史 ( t10740af ): http://web.sfc.keio.ac.jp/~t10740af/mtb/index.html
我妻 琢磨 ( t09996tw ): http://web.sfc.keio.ac.jp/~t09996tw/mh/index.htm
末松 卓 ( s10430ss ): http://web.sfc.keio.ac.jp/~s10430ss/mtb/sample.html
寺部 妙香 ( s10536tt ): http://web.sfc.keio.ac.jp/~s10536tt/media/p.html
市原 彩果 ( t10093ai ): http://web.sfc.keio.ac.jp/~t10093ai/mtb/index.html
宮口 祐太郎 ( t08906ym ): http://web.sfc.keio.ac.jp/~t08906ym/MTB/css.html
坂本 卓也 ( s10351ts ): http://web.sfc.keio.ac.jp/~s10351ts/mtb/index.html
杉浦 傑將 ( s09445ms ): http://web.sfc.keio.ac.jp/~s09445ms/sample2.html
木村 隆幸 ( t08323tk ): http://web.sfc.keio.ac.jp/~t08323tk/mtb/index.html
牧野 沙南 ( t08840sm ): http://web.sfc.keio.ac.jp/~t08840sm/mtb/04/index.html
辻 尚宏 ( t08640nt ): http://web.sfc.keio.ac.jp/~t08640nt/mtb/index.html
一宮 恵 ( s09087mi ): http://web.sfc.keio.ac.jp/~s09087mi/mediatech2011/index.html
山崎 春奈 ( s08847hy ): http://web.sfc.keio.ac.jp/~s08847hy/top.html
小栗 一輝 ( s10160ko ): http://web.sfc.keio.ac.jp/~s10160ko/sample2.html
植竹 惇 ( s10097ju ): http://web.sfc.keio.ac.jp/~s10097ju/mtb/myhouse.html
木村 翔 ( t10293sk ): http://web.sfc.keio.ac.jp/~t10293sk/index.html
北尾 優佳 ( t09539yk ): http://web.sfc.keio.ac.jp/~t09539yk/mtb/index.html
藤岡 華子 ( t10744hf ): http://web.sfc.keio.ac.jp/~t10744hf/mediatech2011/index.html
岩崎 恵美 ( t09081mi ): http://web.sfc.keio.ac.jp/~t09081mi/mediatech2011/sample.html
升森 敦士 ( t10501am ): http://web.sfc.keio.ac.jp/~t10501am/media_tech/
笹本 将平 ( s10363ss ): http://web.sfc.keio.ac.jp/~s10363ss/mediatech2011/final/index.html
町野 聡美 ( s10781sm ): http://web.sfc.keio.ac.jp/~s10781sm/mediatech2011/sample.html
加藤 伸彬 ( t10245nk ): http://web.sfc.keio.ac.jp/~t10245nk/mtb/homepage.html
関 江太朗 ( t10498ks ): http://web.sfc.keio.ac.jp/~t10498ks/mtb/index3.html
近藤 保奈美 ( t09376hk ): http://web.sfc.keio.ac.jp/~t09376hk/homepage/last.html
奥田 真嘉 ( t09198mo ): http://web.sfc.keio.ac.jp/~t09198mo/mediatech2011/03/works.html
清水 玲那 ( t10438rs ): http://web.sfc.keio.ac.jp/~t10438rs/mt2011/index.html
岩崎 久美子 ( t09079ki ): http://web.sfc.keio.ac.jp/~t09079ki/nediatech2011/index.html
浜田 凌佑 ( s09680rh ): http://web.sfc.keio.ac.jp/~s09680rh/sample.html
村岡 和樹 ( s10863km ): http://web.sfc.keio.ac.jp/~s10863km/mediatech/index.html
中村 健人 ( s10582kn ): http://web.sfc.keio.ac.jp/~s10582kn/mtb/index.html
広瀬 悠一 ( s08690yh ): http://web.sfc.keio.ac.jp/~s08690yh/mtb/
岡田 佑亮 ( t10530yo ): http://web.sfc.keio.ac.jp/~t10530yo/mediatech2011/index.htm
田畑 諒也 ( t11578rt ): http://web.sfc.keio.ac.jp/~t11578rt/mediatech2011-2/sample.html
大川 朝子 ( t10158ao ): http://web.sfc.keio.ac.jp/~t10158ao/mtb/myhomepage.html
町田 裕樹 ( s09791ym ): http://web.sfc.keio.ac.jp/~s09791ym/mediatech2011/YukisRockShack.html
船柳 孝明 ( t10766tf ): http://web.sfc.keio.ac.jp/~t10766tf/mtb/
大嶋 菜愛 ( t10162no ): http://web.sfc.keio.ac.jp/~t10162no/mtb/sample.html
入江 眞 ( t09075mi ): http://web.sfc.keio.ac.jp/~t09075mi/web/entrance.html
平塚 友里 ( t09795yh ): http://web.sfc.keio.ac.jp/~t09795yh/mediatech2011/0530/index.html
金澤 優 ( s09228yk ): http://web.sfc.keio.ac.jp/~s09228yk/mediatech2011/index.html
冨中 裕介 ( s09573yt ): http://web.sfc.keio.ac.jp/~s09573yt/mediatech/index.html
鈴木 弘務 ( t07404hs ): http://web.sfc.keio.ac.jp/~t07404hs/mtbl/index.html
星野 孝太郎 ( s11772kh ): http://web.sfc.keio.ac.jp/~s11772kh/mtb/index.html
松山 彩香 ( t10818am ): http://web.sfc.keio.ac.jp/~t10818am/mediatech2011/index.html
松本 崇明 ( t08866tm ): http://web.sfc.keio.ac.jp/~t08866tm/mediatec2011/sample.html
大野 三津雄 ( t09150mo ): http://web.sfc.keio.ac.jp/~t09150mo/mtb2011/index.html
三谷 真梨奈 ( t10853mm ): http://web.sfc.keio.ac.jp/~t10853mm/web/3index.html
對馬 尚 ( t10544nt ): http://web.sfc.keio.ac.jp/~t10544nt/mediatech2011/index.html
藤井 亮輔 ( s08706rf ): http://web.sfc.keio.ac.jp/~s08706rf/mtb/index.html
岩田 直己 ( t10122ni ): http://web.sfc.keio.ac.jp/~t10122ni/mtb/sample.html
豊田 祐吉 ( t09654yt ): http://web.sfc.keio.ac.jp/~t09654yt/No3/home.html
吉田 純基 ( t07885jy ): http://web.sfc.keio.ac.jp/~t07885jy/mediatech2011/sample.html
山下 真裕 ( t10554my ): http://web.sfc.keio.ac.jp/~t10554my/mediatech2011/flash.html
鈴木 葉月 ( t10482hs ): http://web.sfc.keio.ac.jp/~t10482hs/mtb/index2.html
鈴木 達也 ( t08531ts ): http://web.sfc.keio.ac.jp/~t08531ts/css/sample.html
足立 丈典 ( t10022ta ): http://web.sfc.keio.ac.jp/~t10022ta/media_tech2011/index0.html
山久保 純 ( t10929jy ): http://web.sfc.keio.ac.jp/~t10929jy/mediatech2011/sample.html
高木 慶太 ( t08558kt ): http://web.sfc.keio.ac.jp/~t08558kt/mtb/index.html
豊田 哲也 ( t10617tt ): http://web.sfc.keio.ac.jp/~t10617tt/mediatech2011/index3.html
吉元 麻美 ( t10986ay ): http://web.sfc.keio.ac.jp/~t10986ay/itbasic/workspace/
森部 隼 ( t08940jm ): http://web.sfc.keio.ac.jp/~t08940jm/jun_HP.html
佐々木 尚之 ( futans ): http://web.sfc.keio.ac.jp/~futans/mtb/sample.html
酒井 純 ( t09405js ): http://web.sfc.keio.ac.jp/~t09405js/mediatech2011/mediatech2011/
内田 啓太 ( t09097ku ): http://web.sfc.keio.ac.jp/~t09097ku/mediatech2011/sample.html
飯島 有騎 ( t09030yi ): http://web.sfc.keio.ac.jp/~t09030yi/xxx/mypage.html
堀内 隆太 ( t10774rh ): http://web.sfc.keio.ac.jp/~t10774rh/mtb/index.html
泉二 肇 ( t09921hm ): http://web.sfc.keio.ac.jp/~t09921hm/mediatech2011/sample.html
大久保 周子 ( t09135co ): http://web.sfc.keio.ac.jp/~t09135co/mediatech2011/sample_0529.html
伊藤 洋一 ( t09063yi ): http://web.sfc.keio.ac.jp/~t09063yi/t09063yi.html
菅野 恵美 ( s10251mk ): http://web.sfc.keio.ac.jp/~s10251mk/mediatecbasic/mtbfinal.html
三室 結依 ( t08904ym ): http://web.sfc.keio.ac.jp/~t08904ym/mediatech2011/index3.html
占部 舞 ( t08174mu ): http://web.sfc.keio.ac.jp/~t08174mu/media_tech2011/mypage.html
向井 啓太 ( s10857km ): http://web.sfc.keio.ac.jp/~s10857km/new.index.html
東條 彩乃 ( t10605at ): http://web.sfc.keio.ac.jp/~t10605at/mtb/first.html
高橋 理沙 ( t10543rt ): http://web.sfc.keio.ac.jp/~t10543rt/mtb/mtb3/index.html
増田 凜子 ( t10794rm ): http://web.sfc.keio.ac.jp/~t10794rm/media2011/index2.html
西 賢吾 ( s10611kn ): http://web.sfc.keio.ac.jp/~s10611kn/mtb/index.html
永瀬 拓 ( t10667hn ): http://web.sfc.keio.ac.jp/~t10667hn/mtb/index.html
中村 優介 ( s09616yn ): http://web.sfc.keio.ac.jp/~s09616yn/mediatech2011/index.html
外山 雄太 ( t10613yt ): http://web.sfc.keio.ac.jp/~t10613yt/techno/techno.html
西野 洸太朗 ( t08732kn ): http://web.sfc.keio.ac.jp/~t08732kn/media_tech2011/t08732kn.html
長町 拓希 ( t10672hn ): http://web.sfc.keio.ac.jp/~t10672hn/homepage3/
有賀 泉 ( t10038ia ): http://web.sfc.keio.ac.jp/~t10038ia/mtb/index.html
尾林 邦朗 ( s07246ko ): http://web.sfc.keio.ac.jp/~s07246ko/mtb/index.html
西岡 瞭 ( t10681rn ): http://web.sfc.keio.ac.jp/~t10681rn/ryonishioka.html
山田 健斗 ( t10940ky ): http://web.sfc.keio.ac.jp/~t10940ky/mtb/index.html
佐野 圭崇 ( s09379ys ): http://web.sfc.keio.ac.jp/~s09379ys/mediatech2011/
中澤 未来 ( t10639mn ): http://web.sfc.keio.ac.jp/~t10639mn/index-hp.html
山口 留以 ( s10911ry ): http://web.sfc.keio.ac.jp/~s10911ry/mediatech2011/homepage/enterr.html
吾妻 泰介 ( t09021ta ): http://web.sfc.keio.ac.jp/~t09021ta/media_tech2011/index.html
田代 俊太郎 ( t09584st ): http://web.sfc.keio.ac.jp/~t09584st/mtb/sample.html
楠 理紗 ( t10313rk ): http://web.sfc.keio.ac.jp/~t10313rk/web/index.html
塙 幾恵 ( t09758ih ): http://web.sfc.keio.ac.jp/~t09758ih/mediatech2011/CSS_basic/index.html
古澤 晴希 ( t10768hf ): http://web.sfc.keio.ac.jp/~t10768hf/media2/index.html
冨上 大輝 ( s10550ht ): http://web.sfc.keio.ac.jp/~s10550ht/mtb/sample.html
高橋 直道 ( t10533nt ): http://web.sfc.keio.ac.jp/~t10533nt/mtb/index2.html
宮寺 映実 ( t10871am ): http://web.sfc.keio.ac.jp/~t10871am/mtb/sample3.html
林 亮太 ( s09694rh ): http://web.sfc.keio.ac.jp/~s09694rh/mtb/sample.html
竹下 幸江 ( t08582st ): http://web.sfc.keio.ac.jp/~t08582st/mediatech2011/
百瀬 恭平 ( s10881km ): http://web.sfc.keio.ac.jp/~s10881km/
仁義 勝 ( t10458mj ): http://web.sfc.keio.ac.jp/~t10458mj/mtb/index.html
與古光 崇広 ( s09949ty ): http://web.sfc.keio.ac.jp/~s09949ty/mtb/index.html
大井 彩加 ( t09121ao ): http://web.sfc.keio.ac.jp/~t09121ao/webpage.html
西八條 浩平 ( t07591kn ): http://web.sfc.keio.ac.jp/~t07591kn/webpage/index.html
与田 良介 ( t10988ry ): http://web.sfc.keio.ac.jp/~t10988ry/index.html
吉田 篤代 ( t10969ay ): http://web.sfc.keio.ac.jp/~t10969ay/sample.html
星野 新一 ( t08827sh ): http://web.sfc.keio.ac.jp/~t08827sh/mtb/index.html
青木 遊 ( t10007ya ): http://web.sfc.keio.ac.jp/~t10007ya/hp/sample.html
吉野 祐治( s09975yy ) : http://web.sfc.keio.ac.jp/~s09975yy/mediatech2011/index.html
