この記事は半年以上前に書いたものです。情報の信憑性を疑ってください。また、コメントの受付は終了しました。

2007/01/19 10:56

skEdit + autoreload (下書きエントリー)

skEditでオートリロードをしたかったんだけど、保存と同時にスクリプトを動かす手段が。。。（；

と言うことで、UserScriptでCSS BulletsCSS Bullets - Autoreloading Browsers -を動かしてみました。ショートカットに、cmd+ctrl+sなんか割り当てちゃってみて。

Rubyに詳しい人なら表示しているファイルを保存というプログラムを書けてしまいそうだけど、書けません（；；；

で、まぁ、動作はしたんです。Safariだけ。。。（；；；

FirefoxはMozReplが必要みたいで、今はMozLabのパッケージみたいなのでMozLabを入れるも無反応。。

なんだかなー。skEditではないとこで引っかかっているよ。

skEdit 4.0でオートリロードがサポートされないかなぁ、ということで、今回はこれ以上つっこみませんでした。

skEdit + autoreload (Safari only)は、CSS Bulletsをダウンロード、アプリケーション本体を/Applicationsに、Reload.rbを~/Library/Application Support/skHTML/userscripts/に入れる。

Reload.rbの2行目にショートカットキー割り当ての1行を書く# %%%{PBXKeyEquivalent=@^s}%%%

skEdit再起動。cmd+ctrl+sでSafariがリロードします

・・・意味ないじゃん。

使えるようになるには

  • Rubyで保存できるようになること
  • Firefoxでの動作（サポートはしているんだけど・・・
  • Operaでの動作

かな。そもそも、Windows IEがないのがイタイ。Windows IEもリロードしないかなぁ。。なんて。

あ、メタタグにオートリロードの・・・（略

2007/1/20 13:50追記
後日、正式版となるエントリーをしっかりと書きます！Safari onlyとか上記にありますけど、嘘です。いや、間違えです。

  • cho452007/01/20 11:57

    すいません。まだドキュメントやらスクリプトやらを書いてない部分が多いです。

    > Rubyで保存できるようになること
    これの意味がちょっとわかりませんが、エディタの保存時に Reload.rb を起動するようにするだけです。普通はエディタ側のスクリプト (例えばvim ならば vim スクリプト) を書くことになります。(skEdit を使ったことがないのでできるかわかりません)

    > Firefox の動作
    MozLab のインストールが必要で、なおかつ StartRepl (Tools -> MozLab -> StartRepl) している必要があります。

    > Windows IE
    Windows 版に Opera, IE 用のスクリプトが同梱されています。OS X では動かないのでこの二つ (IE, Opera) は Windows PC で動かす必要があります (そして CSSBullets.exe を起動しておく)。

    同じネットワーク内であればコンピュータが違っていてもリロードできるはず、です。

  • きむらつよし2007/01/20 13:51

    CSS Bulletsのcho45さん、コメントありがとうございます。

    Firefox 2.0/Macでのオートリロードはうまくいきました！StartReplをやっていなかったのが原因でした。Windows XP上でInternetExplorer 6, Opera 9.1のオートリロードも無事に出来ました！！

    なんとなんと、こんなにいとも簡単にできてしまうなんてかなり感激です。

    >> Rubyで保存できるようになること
    ですが、skEditで編集していたドキュメントを保存した際にスクリプトを動作させるスキルが僕にはありません。なので、skEditではユーザースクリプトをサポートしているのでそこで動作させました。そのため、「ドキュメントの保存」と「スクリプトの動作」をさせる必要があります。なので、スクリプトを動作させる部分でドキュメントの保存も出来てしまえないだろうか、と思った次第です。

    CSS Bulletsはかなり素敵なツールだと思います。このエントリーでは適当にしか書きませんでしたが、しっかりとskEdit+autoreloadのドキュメントを書いてみたいと思います。便利すぎるので感動です。ただし、今は自宅の環境なので、Web制作のためだけにある会社の環境でいろいろと確認した後に、skEdit+autoreloadのドキュメントを書きたいと思います。

    本当に、コメントをありがとうございました。
    素敵なツールを使わないままWeb制作を進めてしまうところでした。

関連するエントリー
skEdit
前後のエントリー
Old: Internet Explorer 7 CSS攻略法 (MYCOM)
New: links for 2007-01-19