Media Tech Web 2011(Public)

この授業では、(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