Inside Quizar

Inside Quizar2014/04/28 KOKORO Sato

FLECT

about

http://www.quizar.info/

佐藤こころ Engineer@FLECT twitter @i556 FB　/satokokoro 【最近の感心事】人狼ゲーム

FLECT


Facebook https://www.facebook.com/flect.co.jp

twitter@flect_jp

www.flect.co.jp

https://www.facebook.com/flect.co.jp

http://www.flect.co.jp

Salesforce Mobile Hack

チャレンジHonorable Mention

Mension　いただきました！




demo

@twitter_id

２月中旬…


SalesforceのS1 ハッカソン出すことにしたから！

えー俺がつくるの ……

100万円で Mac Book Airがほしいです！

Salesforce1 ってなんですか？？

フレクトメンバーでアプリを出すことにしました


ルームモデルは小西さんがすでにPlay Frameworkで作成

Application

ROOM1

ROOM2

ROOM3

Room内でコミュニケーション

Roomには複数人が自由に入退出できる

ルームモデル＋

mobile +

ユースケース

＝ Quizarクイッツアー


読みはクイッツアー

Twitterでログインするしアプリっぽくて Good Naming

ユースケースって IT系の勉強会とかかな

あ….

え、動画私がやるんですか

…?

PCでもスマホでも使えるようにレスポンシブデザインやりました！



3月中旬…


アプリは完成！http://www.quizar.info/

!

リアルタイムにクイズが出せる結果をその場で集計（ランキング）できるチャット Twitterに投稿 etc…

What app?


Heroku HTML5 Web Socket Web Storage Push State CSS3 Animation

Technology

!

IT系の勉強会イベント余興

Use Case




Technology Details

アプリのhostは Heroku

frontendは HTML5

全ての通信は Web Socket

Ajax

ページ遷移

Push State

モーフィングは

CSS3 Animation テンプレート保存は

Web Storage

Limitation HTML5系の最新技術を使っているため !

以下の方、ゴメンナサイ !

・IE9以前・Android標準ブラウザ（4.3以前） !


About Web SocketHeroku × Web Socket

Herokuが2013年10月に Web Socketに対応

詳しくはFLECTのR&D ブログで↓ WebSocketアプリのモデルを考える http://blog.flect.co.jp/labo/2014/04/websocket-9f2e.html !

WebSocketクイズアプリを作りました http://blog.flect.co.jp/labo/2014/04/websocket-ba21.html

http://blog.flect.co.jp/labo/2014/04/websocket-9f2e.html

http://blog.flect.co.jp/labo/2014/04/websocket-ba21.html

Weakness

1人ではいまいち使い方が分からない… Salesforce1の成分が少なめ…


まとめHM

ほんとは　もっとすごいのできるでしょ


おまけhttps://www.youtube.com/watch?v=tWoEzYr3rps

https://www.youtube.com/watch?v=tWoEzYr3rps

エンジニア積極採用中

http://recruit.flect.co.jp/

Facebook Like募集中

