Slidecast#m3dev HackathonTeam 6 ジバニャン

2014/10/24

イキナリですが...

今回、チーム全員で

すばらしいnode.jsコードを

書いたので、

まず、コード自慢から

発表させていただきます。

えっ

字がちっちゃくて読みづらいって？

この

く■プロジェクター

ならば...お手元のデバイスで

http://bit.ly/m3hack6 にアクセスしてください！

#m3hackathon で流しておきました

コード自慢

Again.

これが我々のhackathon作品です。

名付けて...

Slidecast

Slidecastとは

Slideshareを使った発表をより

● 見やすく● インタラクティブに● 楽しく

するツールです

機能

● スライドの同期● Viewer数表示● コメント

Make some noise, please.みなさん、

じゃんじゃん

コメントしてみてください！

Make some noise, please.話題のスタンプもどうぞ

pikachu ピカチュウ jibanyan ジバニャン

doraemon ドラえもん

rilakkuma リラックマ

Make some noise, please.本日のSpecial Guest

chris クリス

技術

● Node.js○ Express (webサーバ)

○ Socket.IO (WebSocket)

○ Q (コールバック地獄回避)

○ Request (HTTPクライアント)

● Redis● jQueryでゴリゴリ● Heroku

仕組み

Slidecast(Node.js)

PresenterViewer

ViewerViewerViewers

embed用のHTML

JSを注入

WebSocket

slideshare.net

チームワーク

githubでわいわい開発するのが

楽しかったです。

- issue管理、マージリクエスト

リポジトリ

https://github.com/m3hackathon6/slidecast

感想

● テストなしでJSをごりごり書くのって楽しいよね！（Chris）

● アイディアを共有して、一緒に楽しめるのが楽しい！とても勉強になりました。ありがとうございます☺(高野)

● node.jsで少ないコードでこんな機能が実現できたことに驚きました。後、サーバーが発表時の負荷に耐えられるか楽しみです。(王)