Slide 1

Slide 1 text

ぬまじおを支える技術 ~DentooLT3でラジオをやった~

Slide 2

Slide 2 text

ラジオに必要なものと言えば?

Slide 3

Slide 3 text

それは、リスナーからのお便り

Slide 4

Slide 4 text

こだわったのは • パーソナリティーとリスナーのリアルタイムコミュニケーション • 読まれるかどうかのドキドキ感!! • 簡単で、何回も使いたくなるUI

Slide 5

Slide 5 text

ブラウザから投稿 鍵付きアカウントでつぶやく スマホで閲覧 システム大枠

Slide 6

Slide 6 text

ブラウザから投稿 • お手軽なUI • Ajaxで、ページ遷移を防ぐ • 何度も投稿できる!!

Slide 7

Slide 7 text

Twitterの利用 • リアルタイムなコミュニケーション • 鍵をつければ投稿者も見れない • ドキドキ感の再現につながる

Slide 8

Slide 8 text

システム構成 • HttpServer:nginx • ApplicationServer: Play! Framework(scala)

Slide 9

Slide 9 text

XMLHttpRequest 静的ページ アプリケーション サーバ Twitter Scala+Twitter4j

Slide 10

Slide 10 text

開発環境 SublimeText2 最近の定番エディタ感。Scalaもちゃんと色をつけてくれる。 Vimもいいけど、ね!! ねこび~ん(NetBeans) 他者の追従を一切許さない、圧倒的緩さと可愛さ。 HTML5プロジェクトの補完機能が強く,jQueryや TwitterBootStrapのお供として。