http://schoo.jp/class/1190/room の登壇資料です〜

1. JSとParseで作った
音楽アプリをみんなで直接
Cloud9ライブコーディング
J S オジサン # 3
2014年9月13日
ラフノート株式会社
代表 西小倉（ニシコクラ） 宏信

2. 目次
・【任意】Cloud9にログインお願いします
・【紹介】本日のアプリについて
・【共有】Parse.comがだいぶやってくれる
・【宣伝】ラフノートで文言変更
・【確認】レビューして欲しい部分
・【実践】ちょっとした機能改修からデプロイまでのデモ
・【対話】フィードバック

3. 【任意】Cloud9にログインお願いします
http://245cloud.com/c9

4. ■Cloud9のメリット
・GoogleDriveのようなリアルタイム共同編集
・プロジェクトごとに個別のubuntu環境
・シェルが使えるのでherokuデプロイとかもできる
・特定の人だけアクセスできるテスト環境
・テストURLもエディタ内でペイン表示可能
・複数OS、ブラウザでの確認環境を用意？（未確認）

5. 本日のWebアプリ
「245cloud」
ニシコクラウド

6. 24分
音楽が流れるので
作業に集中する
↓↑
5分
達成した人同士で
交換日記ができる
!

7. ポモドーロ・テクニック
アジャイル：
１～数週間を１単位
（「イテレーション」と呼ぶ）
にして見積・振り返り
!
ポモドーロ・テクニック：
上記の１単位が25分
http://blog.j-­‐caw.co.jp/147

8. 利用者の声１

9. 利用者の声２

10. DEMO

11. parse.comがだいぶ色々やってくれる

12. Facebookログインなどは
Parseがやってくれるのでサーバサイド実装不要
→本当はJSDeferredとか使うんですよね。。。

13. 権限管理（ACL）もParseがサポート
全てのレコードは「ACL」とうカラムを持つ。
例えば
{“ユーザID”:{"read":true,"write":true},"*":{"read":true}}
とあればそのユーザのみはそのレコードを読み書きでき
他の人は参照できても変更・削除はできない

14. 【宣伝】文言変更でgit commitを増やさない
非エンジニア向け文書管理ツール
「ラフノート」で文言修正したら
Webアプリに反映されるように
https://ruffnote.com

15. https://www.youtube.com/watch?v=TEg2PHtItGg

16. クライアントJS（main.coffee内）

17. 過去のruffnote.coffee
localStorageにruffnote_#{id名} というkeyがあれば
それをそのままdomにつっこむ。
その後プロキシ経由でruffnote.comからデータ取得して
domの再更新とlocalStorageの更新を行う

18. 過去のサーバサイド（sinatra.rb）22行

19. ラフノート側が
JSONPに対応

20. 現在のruffnote.coffee

21. サーバサイド（sinatra.rb）10行
もはやcoffeeを
コンパイルするためにしか使っていないw

22. index.html 28行

23. 今からちょっとした改修
（コメント入力欄にplaceholderを入れる）から
デプロイまでやっちゃいます！
!
【レビューして欲しい部分】
・デプロイに至るまでのプロセスに改善点は見られる？
・前述のコールバック地獄は今もJSDeferredが最適解？
それとも他にトレンドある？
・そもそもJSオジサン達から見てParseってどうよ？
・「エラーハンドリングが足りない」系は保留でお願いします

24. ご協力ありがとうございました！
http://245cloud.com
ラフノート株式会社
代表 西小倉宏信