24
LoopBackを使った 極初歩的なWEB-APISwiftで作るオシャレアプリ() 2015.4.12 Sun. Isamu Suzuki RAKUS Co, Ltd.

Loop backを使った極初歩的なapiとswiftで作るオシャレアプリ()

Embed Size (px)

Citation preview

Page 1: Loop backを使った極初歩的なapiとswiftで作るオシャレアプリ()

LoopBackを使った 極初歩的なWEB-APIと Swiftで作るオシャレアプリ()2015.4.12 Sun. Isamu Suzuki RAKUS Co, Ltd.

Page 2: Loop backを使った極初歩的なapiとswiftで作るオシャレアプリ()

鈴木 勇

• 株式会社ラクス

• 請求書発行サービスを開発してます

• 仕事ではJava+JavaScript少し

• プライベートはJavaScriptに全力投資中

Page 3: Loop backを使った極初歩的なapiとswiftで作るオシャレアプリ()

東京Node学園祭2014で

Page 4: Loop backを使った極初歩的なapiとswiftで作るオシャレアプリ()

StrongLoopの Isaac Roth氏が

LoopBackを紹介

Page 5: Loop backを使った極初歩的なapiとswiftで作るオシャレアプリ()

なんか簡単なもの 作ろう

Page 6: Loop backを使った極初歩的なapiとswiftで作るオシャレアプリ()

CandleShare

Page 7: Loop backを使った極初歩的なapiとswiftで作るオシャレアプリ()

https://vimeo.com/124735694

Page 8: Loop backを使った極初歩的なapiとswiftで作るオシャレアプリ()

1本のろうそくを みんなでふーふーする

WEBサービス

Page 9: Loop backを使った極初歩的なapiとswiftで作るオシャレアプリ()

注:キス顔撮ったりしません注:キス顔撮ったりしません

Page 10: Loop backを使った極初歩的なapiとswiftで作るオシャレアプリ()

こんな感じで作りました サーバでピンクノイズ(1/fゆらぎ)を生成して配信

Page 11: Loop backを使った極初歩的なapiとswiftで作るオシャレアプリ()

こんな感じで作りました サーバでピンクノイズ(1/fゆらぎ)を生成して配信

Page 12: Loop backを使った極初歩的なapiとswiftで作るオシャレアプリ()

こんな感じで作りました サーバでピンクノイズ(1/fゆらぎ)を生成して配信

Page 13: Loop backを使った極初歩的なapiとswiftで作るオシャレアプリ()

こんな感じで作りました サーバでピンクノイズ(1/fゆらぎ)を生成して配信

Page 14: Loop backを使った極初歩的なapiとswiftで作るオシャレアプリ()
Page 15: Loop backを使った極初歩的なapiとswiftで作るオシャレアプリ()

RemoteMethodしか 使ってない

Page 16: Loop backを使った極初歩的なapiとswiftで作るオシャレアプリ()

参考になりそうなのは Socket.IOの

組み込みくらい?

Page 17: Loop backを使った極初歩的なapiとswiftで作るオシャレアプリ()

LoopBackでの Socket.IO利用

Page 18: Loop backを使った極初歩的なapiとswiftで作るオシャレアプリ()

LoopBackのディレクトリ構成

app-root /client ここにフロントエンド用のhtmlとか置く /common /models ここにmodel定義が置かれる /sever /boot ここに置かれたファイルが起動時に読み込まれるっぽいので sio.jsとか適当なファイルを作る

※LoopBackのGoogleグループを参考に

Page 19: Loop backを使った極初歩的なapiとswiftで作るオシャレアプリ()

/server/boot/sio.js

module.exports = function(app) {//server.jsでapp.emit(‘started’)してるapp.on('started', function() {

//app.serverはapp.listen()の返り値入れておくapp.io = require(‘socket.io').listen(app.server)

//適当なディレクトリのindex.jsにapp,app.ioを渡す//よく見たらappだけでいいんじゃ……orzrequire('../sio/')(app, app.io);

});}

Page 20: Loop backを使った極初歩的なapiとswiftで作るオシャレアプリ()

/server/sio/index.js

module.exports = function(app, io) {io.on('connection', function(socket) {

console.log('connect...');socket.on('disconnect', function() {

console.log('disconnect...');});

});

//100msec.間隔でemit()したいときはこんな感じsetInterval(function(){

io.emit(‘hogehoge’);}, 100);

}

Page 21: Loop backを使った極初歩的なapiとswiftで作るオシャレアプリ()

あとはiOSアプリから Socket.IOでゆらぎ取得して マイク入力あったら

/blow API呼ぶ

Page 22: Loop backを使った極初歩的なapiとswiftで作るオシャレアプリ()

LoopBackで辛かったこと

• npm install -g strongloopが時間かかる

• よってherokuへのデプロイが時間かかる

→buildpack使ってないせいかも?

• 参考資料がまだ少ない

→Googleグループでの議論は助かりました

Page 23: Loop backを使った極初歩的なapiとswiftで作るオシャレアプリ()

最後に 宣伝させてください

Page 24: Loop backを使った極初歩的なapiとswiftで作るオシャレアプリ()

株式会社   は エンジニアを募集しています