九州大学 芸術工学部 芸術情報設計学科 講義「Webコンテンツデザイン'14」最終課題用プレゼン資料。

1. Endless Doors
WCD Final Project
九州大学 芸術工学部 芸術情報設計学科 3年
1DS12202W 森内 建太
http://slidesha.re/18IM5XY

2. 目的
• ユーザーに新しい体験をしてもらいたい
• Web の発展の過程として提示

3. 早速テストプレイ
• http://app.kimamass.com
にアクセスしてみてください
• 先着20人限定

4. 実装方法

5. 実装方法

6. 実装方法

7. リアルタイム通信
• https://mlkcca.com/
手軽に JavaScript を読み込むだけでバックエンド提供
チュートリアル 5分！ 普通に便利なのでおすすめ！
• 九大ベンチャー企業 Technical Rockstars が開発中
http://www.technicalrockstars.co.jp/
• CTO が音響 3年生！

8. サーバーについて
• WCD のサーバーでは Node.js が使えない
• 好きな言語の好きなバージョンが使える（無料も可！）
Node.js / Ruby / PHP/ Java / Python / Clojure / Scala など

9. バージョン管理
• https://github.com/petamoriken/kimamass-nodetest
• Heroku と連携して、サーバーが自動で Deploy してくれる
FTP 通信でわざわざ送る必要がない！

10. ファイル構造
• app.js
メインスクリプト
HTTPリクエストやデータベース(milkcocoa)の監視
• /public
フロントエンドのソースコード全般が入っている

11. 今後の展望
• 1週間で作ったのでコードがスパゲッティ
• Canvas API をそのまま使っているので、
tmlib.js あたりで書き直す
• ステージが 2つだけなのでもっと増やす