最速インターフェース研究会 :: 萌ディタで保存と同時にSafariをリロードするデモ

Jul 29, 2006

萌ディタで保存と同時にSafariをリロードするデモ

萌ディタ側

function XMLHttpRequest(){
    return new ActiveXObject("Microsoft.XMLHTTP");
}
function reload_safari(){
    var req = new XMLHttpRequest;
    req.open("GET", "http://MacのIPアドレス:3811/?"+(new Date-0), true);
    req.send(null);
}
// reload_safari()をf.onSaveに追加。

Mac側

#!/usr/bin/ruby
require 'webrick'
config = {
    :BindAddress => '0.0.0.0',
    :Port => 3811,
#   :Logger => WEBrick::Log.new("log",0),
#   :AccessLog =>  WEBrick::Log.new("log",0),
}
s = WEBrick::HTTPServer.new(config)
Signal.trap('INT') do
    s.shutdown
end
reload_safari = Proc.new{
    io = open '|osascript', "w"
    p io
io.puts <<END;
    tell application "Safari"
    do JavaScript "location.reload(true)" in document 1
    end tell
END
    io.close
}
s.mount_proc("/", reload_safari)
s.start

あとはFirefoxとOperaなんだけど、何かいい方法あるだろうか。

Posted at 19:47 | WriteBacks (4) | Edit

Edit this entry...

wikieditish message: Ready to edit this entry.

Title:

Body:

<a href="http://la.ma.la/blog/diary_200607172004.htm">リアルタイムCSS編集</a>の第二弾。やってることあまり変わらないけど。

VNCでSleipnirと同時に表示してキャプチャしてみた。
http://la.ma.la/misc/demo/realtime_cssedit2.htm

Apple scriptを使ってSafariをリロードすることができるのでWEBrickでSafariをリロードするだけのhttpサーバーを立てておいて、ファイル保存時に萌ディタから叩くようにしてみた。前回はSleipnirを使っていたけど、これでSafariでも同時に確認できるようになった。Safariリロードするためだけにサーバー立てるのはどうなのかとかdRubyとか使うのがいいのかも知れませんが、よく知らないので。httpだったら他のエディタからでもやりやすいんじゃないかと。

* 萌ディタ側
<pre class="code">
function XMLHttpRequest(){
	return new ActiveXObject(&quot;Microsoft.XMLHTTP&quot;);
}
function reload_safari(){
	var req = new XMLHttpRequest;
	req.open(&quot;GET&quot;, "http://MacのIPアドレス:3811/?"+(new Date-0), true);
	req.send(null);
}
// reload_safari()をf.onSaveに追加。
</pre>

* Mac側
<pre class="code">
#!/usr/bin/ruby
require 'webrick'
config = {
    :BindAddress =&gt; '0.0.0.0',
    :Port =&gt; 3811,
#   :Logger =&gt; WEBrick::Log.new(&quot;log&quot;,0),
#   :AccessLog =&gt;  WEBrick::Log.new(&quot;log&quot;,0),
}
s = WEBrick::HTTPServer.new(config)
Signal.trap('INT') do
    s.shutdown
end
reload_safari = Proc.new{
    io = open '|osascript', &quot;w&quot;
    p io
io.puts &lt;&lt;END;
    tell application &quot;Safari&quot;
    do JavaScript &quot;location.reload(true)&quot; in document 1
    end tell
END
    io.close
}
s.mount_proc(&quot;/&quot;, reload_safari)
s.start
</pre>

あとはFirefoxとOperaなんだけど、何かいい方法あるだろうか。

Excerpt:

リアルタイムCSS編集の第二弾。やってることあまり変わらないけど。VNCでSleipnirと同時に表示してキャプチャしてみた。http://la.ma.la/misc/demo/realtime_cssedit2.htmApple scriptを使ってSafariをリロードすることができるのでWEBrickでSafariをリロードするだけのhttpサーバーを立てておいて、ファイル保存時に萌ディタから叩くようにしてみた。前回はSleipnirを使っていたけど、これでSafariでも同時に確認できるようになった。Safariリロードするためだけにサーバー立てるのはどうなのかとかdRubyとか使うのがいいのかも知れませんが、よく知らないので。httpだったら他のエディタからでもやりやすいんじゃないかと。 萌ディタ側function XMLHttpRequest(){    return new ActiveXObject("Microsoft.XMLHTTP");}function reload_safari(){    var req = new XMLHttpRequest;    req.open("GET", "http://MacのIPアドレス:3811/?"+(new Date-0), true);    req.send(null);}// reload_safari()をf.onSaveに追加。 Mac側#!/usr/bin/rubyrequire 'webrick'config = {    :BindAddress => '0.0.0.0',    :Port => 3811,#   :Logger => WEBrick::Log.new("log",0),#   :AccessLog =>  WEBrick::Log.new("log",0),}s = WEBrick::HTTPServer.new(config)Signal.trap('INT') do    s.shutdownendreload_safari = Proc.new{    io = open '|osascript', "w"    p ioio.puts <<END;    tell application "Safari"    do JavaScript "location.reload(true)" in document 1    end tellEND    io.close}s.mount_proc("/", reload_safari)s.startあとはFirefoxとOperaなんだけど、何かいい方法あるだろうか。

Ping URLs:

Password:

A quick preview will be rendered here when you click "Preview" button.