JSとParseで作った 音楽アプリをみんなで直接 Cloud9ライブコーディングJ Sオジサン # 3

2014年9月13日

ラフノート株式会社

代表　西小倉（ニシコクラ） 宏信

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

【任意】Cloud9にログインお願いします

http://245cloud.com/c9

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

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

24分 音楽が流れるので 作業に集中する

↓↑ 5分

達成した人同士で 交換日記ができる

!

ポモドーロ・テクニックアジャイル： １～数週間を１単位 （「イテレーション」と呼ぶ）にして見積・振り返り !ポモドーロ・テクニック： 上記の１単位が25分

http://blog.j-­‐caw.co.jp/147

利用者の声１

利用者の声２

DEMO

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

Facebookログインなどは Parseがやってくれるのでサーバサイド実装不要

→本当はJSDeferredとか使うんですよね。。。

権限管理（ACL）もParseがサポート全てのレコードは「ACL」とうカラムを持つ。  

例えば  

{“ユーザID”:{"read":true,"write":true},"*":{"read":true}}  

とあればそのユーザのみはそのレコードを読み書きでき  他の人は参照できても変更・削除はできない

非エンジニア向け文書管理ツール 「ラフノート」で文言修正したら Webアプリに反映されるように

【宣伝】文言変更でgit commitを増やさない

https://ruffnote.com

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

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

過去のruffnote.coffee

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

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

ラフノート側が JSONPに対応

現在のruffnote.coffee

サーバサイド（sinatra.rb）10行

もはやcoffeeを コンパイルするためにしか使っていないw

index.html 28行

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

ラフノート株式会社 代表　西小倉宏信

ご協力ありがとうございました！

http://245cloud.com