目次

---

1. Webとインタラクションデザイン
2. 講義資料
3. レポート
4. 例
5. 例
6. Webサービスの良いところ
7. Webサービスの良いところ
8. ブラウザでできなかったこと
9. ブラウザでできなかったこと
10. もう少しでできること
11. Webとインタフェース開発
12. Webサービスの大変なところ
13. Webサービスの良いところ
14. 事例: Gyazo
15. Gyazo (2010/7)
16. Gyazo (2012/1)
17. Gyazo (2014/1)
18. Gyazo (2015/1)
19. Alexaデータ (2013/11/14)
20. Alexaデータ (2014/1/15)
21. Alexaデータ (2014/10/27)
22. Alexaデータ (2014/11/14)
23. Alexaデータ (2015/1/26)
24. 資金ゲット!
25. Alexaデータ (2015/7/15)
26. IvySearch
27. IvySearch
28. デモ: IvySearch
29. Gyazo
30. ところでドメイン持ってますか?
31. 自前サーバ持ってますか?
32. 絶対持つべき
33. 自前ドメイン/サーバの嬉しさ
34. 自前ドメイン/サーバの嬉しさ
35. 問題?
36. 料金
37. Webサーバを持ちましょう!
38. Webとは
39. ハイパーテキスト
40. インターネット
41. W3C
42. Webの原理とプログラミング
43. Webのプログラミング
44. Webを支える技術
45. Webアクセスの基本
46. ブラウザの基本動作
47. Demo: サーバにtelnet
48. 基本動作の場合
49. CGIプログラムの利用
50. CGIページ例 (get)
51. サーバに送られる文字列
52. Webの通信
53. CGIページ例 (post)
54. サーバに送られる文字列
55. CGIプログラムへ渡される情報
56. Webの通信
57. CGIプログラム
58. Webサーバが返す形式の例
59. Webの通信
60. Webサーバがやること
61. CGIプログラムがやるべきこと
62. CGIプログラムの作り方
63. 自力で全部作る場合
64. ライブラリを使う場合
65. フレームワーク
66. Webサーバプログラミングの面倒なところ
67. WebObjectsの歴史
68. フレームワークがやってくれること
69. その他
70. Railsサイトの例
71. Sinatraを使ったサイト構築
72. Sinatra+Passengerによる運用
73. Sinatraサイトの例
74. フレームワークの問題点?
75. 楽々サイト作り
76. ブラウザのプログラミング
77. 何故ブラウザでのプログラミングが必要か
78. クライアントのプログラミングシステム
79. なめらかなインタフェース
80. 直接操作インタフェース
81. Ben Shneiderman
82. Shneiderman氏のUI教科書
83. 直接操作の例
84. 動的検索
85. インクリメンタル検索
86. Webとなめらかなインタフェース
87. JavaScript
88. JavaScriptのフレームワーク
89. JavaScriptのフレームワーク
90. Flash / ActionScript
91. Java
92. 最近のブラウザの機能
93. サーバとブラウザの役割分担
94. サーバとクライアントの分担例
95. 例1: かな漢字変換
96. サーバでの実装?
97. クライアントでの実装?
98. サーバ + クライアント
99. 例2: ズーミング検索
100. サーバ側の処理
101. クライアント側の処理
102. 例3: ローカルなズーミング検索
103. Webプログラミングの難しいところ
104. Webプログラミングの現状
105. ブラウザの新機能
106. HTML5
107. HTML5の機能
108. HTML5の機能
109. Video/Audio
110. Canvas
111. SVG
112. レイアウトタグ
113. 新しい入力要素
114. 色選択
115. 色選択
116. File API
117. ドラッグ&ドロップ
118. マイクロデータ
119. Web Worker
120. pushState
121. WebSocket
122. App Cache
123. Web Storage
124. Indexed Database API
125. Geolocation API
126. Geolocation API
127. XMLHttpRequest Level 2
128. WOFF
129. WebRTC
130. WebGL
131. Three.js
132. GLとは?
133. GLプログラム例
134. OpenGL
135. デモ: WING
136. デモ: LensBar
137. WebGL
138. EnchantPro
139. WebCL
140. OpenCL
141. CUDA
142. GPGPU
143. ブラウザで音を扱う
144. Googleシンセサイザ
145. audioタグ
146. Audioオブジェクトでドラム
147. Web MIDI API
148. 自力で音を出す
149. FirefoxのAudio Data API
150. Audio Data APIで音を鳴らす
151. Firefoxでソフトシンセ
152. シーケンサ
153. リアルタイムに音生成
154. Web Audio API
155. WebSynth
156. WebModular
157. WebMidiLink
158. timbre.js
159. Timbreデモ
160. jsfx
161. jsfxによるドラムシーケンサ
162. まとめ
163. End