日々ちょっとずつ開発している JSRuby に以下の機能が追加されました。
$window.alert $window.prompt "hogehoge", 123
$document.getElementsByTagName("div").each {|x|
x.style.border = "2px solid red"
}
この実装のために、JavaScript のオブジェクトの判別とか、IE で window.alert.apply が呼び出せないのとか色々落とし穴があったんですが、都度 id:ZIGOROu さんに助けてもらっちゃいました。ZIGOROu++
(console)
def fz(n)
1.upto(n){|x|puts ["FizzBuzz",x,0,"Buzz",0,0,"Fizz"][x**8%15%7]}
end
fz 20
本ブックマークレットはコマンド入力欄も用意されているのでそのまま続けてスクリプトを逐次入力＆実行ができます。
1.upto(200){|i| puts i if double_complete_number?(i) }
alert( ruby.call("fib", [8]) )
これは上のフィボナッチ数列を計算するメソッドを呼び出す例です。実際、上のフィボナッチ数列のスクリプトをもう一度実行後、このページで FireBug のコンソールを開いてこの通り叩けば fib メソッドを呼び出せますので、試してもらえると楽しいかも。
<script type="text/ruby">
def fib(n)
if n<2 then n else fib(n-1)+fib(n-2) end
end
</script>
<script type="text/javascript">
// JSRuby インタプリタの取得
var ruby = new RubyEngine.Interpreter();
// type="text/ruby" を実行 ( fib メソッドの定義。 ruby.fib() が使えるように )
ruby.exec(RubyEngine.Util.getRubyScript());
alert( ruby.fib(10) ); // => 55
</script>
<script type="text/ruby">
def newinstance(f)
f.new 2
end
</script>
<script type="text/javascript">
var ruby = new RubyEngine.Interpreter();
ruby.exec(RubyEngine.Util.getRubyScript());
function Foo(n) = { this.bar = n * 2; }
Foo.prototype.getbar = function() { return this.bar; }
alert( ruby.newinstance(Foo).getbar() ); // => 4
</script>
<script type="text/ruby">
def callfunc(fnc)
fnc 2
end
</script>
<script type="text/javascript">
var ruby = new RubyEngine.Interpreter();
ruby.exec(RubyEngine.Util.getRubyScript());
alert( ruby.callfunc( function(x){return x*3;} ) ); // => 6
</script>
def callfunc(fnc)
callfunc2 fnc # × 関数そのものではなく、関数の実行結果を渡そうとする
end
def callfunc2(fnc)
fnc 2
end
<script type="text/ruby">
def getfooter
$jquery('div.footer')[0].innerHTML
end
</script>
<script type="text/javascript" src="jquery-*.*.*.js"></script>
<script type="text/javascript">
var ruby = new RubyEngine.Interpreter();
ruby.exec( RubyEngine.Util.getRubyScript() );
// jQuery の $ をグローバル変数 $jquery で利用できるように
ruby.put( "$jquery", $ )
alert( ruby.getfooter() ); // => (content of footer)
</script>
<div class="footer"> (content of footer) </div>
sleep はまだなさそうだけど、原理的には出来るはず