目次
  1. ネット時代のインタラクションデザイン
  2. 本日の話題
  3. 講義資料
  4. コミュニケーション
  5. 従来のコミュニケーション
  6. 技術によるコミュニケーションサポート
  7. 旧世代ネットコミュニケーションツール
  8. 新しいネットコミュニケーションツール
  9. 最近のコミュニケーション
  10. メール
  11. 現在のメール
  12. ガラケーのメール
  13. メールの問題点
  14. メールの問題点
  15. メールの将来?
  16. メールの時代は終わりました?
  17. メーリングリスト
  18. QuickML
  19. Wikiとは
  20. Wikiの例 An Wiki example
  21. Wikipedia
  22. Wiki ≠ Wikipedia
  23. Wikiの利点
  24. Wikiの歴史
  25. Wiki Wiki Web@c2.com
  26. Ward Cunningham
  27. Wiki Wiki Web
  28. Wiki Wiki Web
  29. Wikiの問題点
  30. Wikiの問題点
  31. Wiki的システム
  32. 本棚.org
  33. デモ: 本棚.org
  34. Gyazz
  35. Gyazzの特徴
  36. デモ: Gyazz
  37. Web2.0のキーワード
  38. 人力作業の例
  39. Google
  40. 推薦システム
  41. Wikipedia
  42. 例: 10万語の辞書を作る?
  43. SKK辞書
  44. SocialIME
  45. 人力で計算
  46. Lang-8: 相互添削SNS
  47. 共有情報の活用
  48. 質の良い情報を集める方法
  49. ジマンパワー
  50. 趣味における自慢
  51. ネット上のジマンパワー
  52. オープンソース
  53. ブログ
  54. SNS
  55. 本棚.org
  56. ネット上の情報ナビゲーション
  57. ナビゲーションの分類
  58. 静的/動的
  59. 普通のWebナビゲーション
  60. 階層ナビゲーション
  61. Gear
  62. デモ: Gear
  63. KWICナビゲーション
  64. dshelf
  65. デモ: dshelf
  66. その他のナビゲーション
  67. 受動的なナビゲーション
  68. テレビとネットの違い
  69. ネット
  70. テレビ
  71. 計算機ユーザの能動度
  72. 回転寿司
  73. 自動的に情報提示されるナビゲーション
  74. 眺めるインタフェース
  75. Memorium
  76. デモ: Memorium
  77. デモ: GyaTV
  78. Wikipediaスクリーンセーバ
  79. デモ: Wikipediaセーバ
  80. 認証のインタラクションデザイン
  81. 認証の必要性
  82. 認証のいろいろ
  83. Webページの認証
  84. パスワード認証
  85. パスワードの問題点
  86. 認証ハードウェアの問題点
  87. 生体認証の問題点
  88. 理想の認証を考える
  89. 実現要件
  90. エピソード記憶の特徴
  91. 画像認証
  92. DéjàVu
  93. PassFace
  94. PassPoints
  95. VisKey
  96. Vidoop
  97. Recall-A-Story
  98. 西垣式
  99. Wiedenbeck式
  100. MARASIM
  101. なぞなぞ画像認証
  102. デモ: なぞなぞ画像認証
  103. なぞなぞ画像認証の利点
  104. なぞなぞ画像認証の問題点
  105. EpisoPass
  106. 論理的帰結?
  107. 解決法
  108. EpisoPass
  109. デモ: EpisoPass
  110. EpisoPassアルゴリズム
  111. EpisoPassの利点
  112. EpisoPassの問題点
  113. 脆弱な問題を作成可能
  114. 攻撃が簡単
  115. 問題作成が面倒
  116. 回答に時間がかかる
  117. 質問と答による認証と同じでは?
  118. ヒューマンクリプト by 今井
  119. 最近のWebとインタラクションデザイン
  120. Webの特徴
  121. 「Web2.0」
  122. Webブラウザの特徴
  123. Web以前のインタフェース開発
  124. ブラウザでできなかったこと
  125. ブラウザでできなかったこと
  126. もう少しでできること
  127. 実世界とWeb
  128. ところでドメイン持ってますか?
  129. 自前サーバ持ってますか?
  130. 何故持たない??
  131. 自前ドメイン/サーバの嬉しさ
  132. 問題?
  133. 費用
  134. Webサーバを持ちましょう!
  135. ブラウザのプログラミング
  136. 何故ブラウザでのプログラミングが必要か
  137. クライアントのプログラミングシステム
  138. なめらかなインタフェース
  139. 直接操作インタフェース
  140. Ben Shneiderman
  141. Shneiderman氏のUI教科書
  142. 直接操作の例
  143. 動的検索
  144. インクリメンタル検索
  145. Webとなめらかなインタフェース
  146. JavaScript
  147. Flash / ActionScript
  148. Javaとは...
  149. 最近のブラウザの機能
  150. ブラウザの新機能
  151. HTML5
  152. HTML5の機能
  153. HTML5の機能
  154. Video/Audio
  155. CanvasとSVG
  156. Canvasの例
  157. SVGの例
  158. レイアウトタグ
  159. 新しい入力要素
  160. 色選択
  161. 色選択
  162. File API
  163. ドラッグ&ドロップ
  164. マイクロデータ
  165. Web Worker
  166. pushState
  167. WebSocket
  168. App Cache
  169. Web Storage
  170. Indexed Database API
  171. Geolocation API
  172. Geolocation API
  173. XMLHttpRequest Level 2
  174. WOFF
  175. WebRTC
  176. WebGL
  177. Three.js
  178. GLとは?
  179. GLプログラム例
  180. OpenGL
  181. デモ: WING
  182. デモ: LensBar
  183. WebGL
  184. EnchantPro
  185. WebCL
  186. OpenCL
  187. CUDA
  188. GPGPU
  189. ブラウザで音を扱う
  190. Googleシンセサイザ
  191. audioタグ
  192. Audioオブジェクトでドラム
  193. 自力で音を出す
  194. FirefoxのAudio Data API
  195. Audio Data APIで音を鳴らす
  196. Firefoxでソフトシンセ
  197. シーケンサ
  198. リアルタイムに音生成
  199. Web Audio API
  200. WebSynth
  201. WebModular
  202. WebMidiLink
  203. timbre.js
  204. Timbreデモ
  205. jsfx
  206. jsfxによるドラムシーケンサ
  207. まとめ
  208. End