Created for CSS Nite in Aomori 2009

1. Ruby on JavaScript
∼ Rubyしませんか？ ∼
カームテック 代表 古川 勝也

2. 最近の
JavaScript事情

3. jQuery

4. 感想

5. イイね

6. $(function() {
$(“#header .nav li”).each(function() {
$(this).hover(
function() {$(this).css(“border-bottom”, “solid 1px #fff”)},
function() {$(this).css(“border-bottom”, “none”)}
);
});
});

7. $(function() {
$(“#header .nav li”).each(function() {
$(this).hover(
function() {$(this).css(“border-bottom”, “solid 1px #fff”)},
function() {$(this).css(“border-bottom”, “none”)}
);
});
HTMLをロードし終わったら {
});
id: header内のclass: nav内のli要素それぞれで {
マウスカーソルを合わせた時 {
のせたらborder-bottomのスタイルをsolid 1px #fffに,
はずしたらborder-bottomのスタイルをnoneにする
}
}
}

8. CSSが書ける人だと
もっと分かりやすい

9. そんな最中

10. JSRuby

11. <script type="text/ruby">
def link_to(text, path, options)
if path
link_tag = ‘<a href=”’ + path + ‘“ ‘
options.each do |option|
link_tag += ‘ ’ option[0] + ‘=”’
link_tag += option[1] + ‘“‘
end
end
end
</script>
<script type="text/javascript">
var jsr = new RubyEngine.Interpreter();
jsr.exec(RubyEngine.Util.getRubyScript());
var link = jsr.link_to(...)
</script>

12. <script type=”text/ruby”
type="text/ruby">
def link_to(text, path, options)
if path
link_tag = ‘<a href=”’ + path + ‘“ ‘
options.each do |option|
link_tag += ‘ ’ option[0] + ‘=”’
link_tag += option[1] + ‘“‘
end
end
end
</script>
<script type="text/javascript">
var jsr = new RubyEngine.Interpreter();
jsr.exec(RubyEngine.Util.getRubyScript());
var link = jsr.link_to(...)
</script>

13. ver 0.1.1 は
jQueryも動かせる

14. 実際に使ってみた

15. 結果

16. 残念ながら
実用はムリ

17. フィードバック重要
サンプルは後日配布

18. わざわざ
なんで？

19. 楽しい

20. 以上

21. 最初のきっかけが
なんでも別にいい

22. 本題

23. プログラマー
デザイナーの
境界が希薄化

24. CMS利用あたりまえ
動的コンテンツ普通
分散、共同開発必須

25. 個人の限界

26. 交流が必要

27. 続きは勉強会で

28. Ruby勉強会＠青森
毎月第４土曜日開催

29. http://www.calmtech.net/

30. Thank you!
http://www.calmtech.net/