More Related Content
Similar to ヌーラボのサービス開発の裏側公開しちゃいます (20)
ヌーラボのサービス開発の裏側公開しちゃいます
- 21. Fabric
@task
@roles(‘app’)
def
all_release():
sudo(“service
tomcat
stop”)
put(“new.war”,”/tmp/new.war”)
run(“cp
–p
/tmp/new.war
/webapps/ROOT.war”)
sudo(“service
tomcat
start”)
$
fab
app.all_release
$
scp
new.war
app:/tmp/new.war
$
ssh
app
...
$
sudo
service
tomcat
stop
$
cp
–p
/tmp/new.war
/webapps/ROOT.war
$
sudo
service
tomcat
start
タスクの定義
タスクの実行
- 33. Knockout
<div
id="issuecard">
<span
class="summary"
data-‐bind="text:
summary"></span>
<span
class="description"></span>
</div>
var
vm
=
{
summary:
ko.observable('')
};
ko.applyBindings(vm);
vm.summary('newValue');
<div
id="issuecard">
<span
class="summary"></span>
<span
class="description"></span>
</div>
jQuery('#issuecard
.summary').text('newValue');
Knockout
JQuery
- 37. Jasmine / Haxe
•Jasmine : JavaScript のテストフレームワーク
•Haxe : 静的型付けのオブジェクト指向言語で、
JavaScriptへ変換可能
JavaScript のメンテがつらく
なってきた… <- イマココ
- 38. Compass ( Sass )
•Sass : CSS を生成するメタ言語で、変数の定義
やセレクタのネスト・継承ができる
•Compass:Sass を強化したフレームワークで、
ベンダープレフィックスなどを簡単に定義できる
- 41. Compass ( Sass )
//
Dashboard
color
//
===============
$sectionBorder:
#4E99F0;
$sectionTtlTop:
#4D9EFF;
$sectionTtlBtm:
#1392FF;
...
@charset
"utf-‐8";
//
Color
List
@import
"colors";
...
//
Dashboard
color
//
===============
$sectionBorder:
#923944;
$sectionTtlTop:
#333333;
$sectionTtlBtm:
#4411FF;
...
//
Dashboard
color
//
===============
$sectionBorder:
#7DA700;
$sectionTtlTop:
#93C400;
$sectionTtlBtm:
#7CA600;
...