最速インターフェース研究会 :: 萌ディタとSleipnirとWEBrickを使って人のサイトのCSSをリアルタイム編集するデモ

Shiubya.js #1で話したネタですが、Winkでデモを作ってみました。 http://la.ma.la/misc/demo/realtime_cssedit.htm エディタとブラウザが並んでて窮屈ですが、実際はこれを20インチワイド液晶縦置きデュアルでやります。 仕組みは、WEBrickでローカルプロキシを立てて、同名のファイルがローカルにある場合は内容を置き換えて表示する、というもので、CSSやJavaScriptを編集するのに向いています。 プロキシサーバーはPerlで書かれた同等のものがここにあります。 http://www.ornithopter.jp/archives/2006/05/perl_perl.html 自分が使ってるのは必要に応じて行き当たりばったりに拡張していったりするのですが、現時点でのソースを置いておきます。 http://la.ma.la/misc/

[efcl]

置換用のプロキシを挟んで動いてるサイトのファイルを書き換える

[webmarksjp]

debug

[nitoyon]

ローカルプロキシをWEBrickで立てる。サーバー側を改変せずにJSやCSSのテストができる。

[griffin-stewie]

開発用のローカルプロキシ立てるのはオススメです。

[makou]

なんだか以前見た覚えのある背景が…。

[mxg]

ローカルプロキシ

[ll_koba_ll]

CSSをリアルタイム編集

[tkmc]

cssリアルタイム編集、デモあり

[denken]

ぅゎぉ

[sinzysinzy]

リアルタイムCSSエディットができる

[secondlife]

youpy.css

[tateru]

[Programming] [Sleipnir] [WEBrick]

[convexstyle]

I see

[hate23nanane]

すごすぎ。だが、Perl？？開発用のローカルプロキシ立てる？？？？？

[takatoshiono]

やべぇ。すげえ。

[ichan]

うぉ、すげ。ローカルプロキシを使う。Mac でもやりたい。

[nitsuji]

やべぇ。すげえ。

[ch1248]

馬ネタ

[hiro_y]

ローカルプロキシ、同名ファイルがローカルにある場合はそちらを表示。

[yuiseki]

bbbbbbbbbbbbbbbbbbb

[ogijun]

すばらし