読者です 読者をやめる 読者になる 読者になる

Webデザイン初心者向けのあれこれ

Webデザイン初心者向けのあれこれを書いていきます。

リアルタイムプレビュー搭載!ブラウザ上で動作するHTMLエディタ「Liveweave」

f:id:webarekore:20121102215612p:plain

どうもこんにちは、僕です。

今日は、ブラウザ上で動作するHTML・CSSJavaScriptエディタ「Liveweave」を簡単に紹介したいと思います。

 

僕は基本的にコーディングの際は、Dreamweaver秀丸エディタを使用しているのですが、

 編集⇒保存⇒プレビュー⇒ミスを修正⇒プレビュー…

編集作業が長引くと、この一連の動作も段々億劫になってきます。

(お前だけだろ!というツッコミはなしの方向で…)

 

「Liveweave」は、リアルタイムでプレビュー表示が行われるので、僕のような面倒くさがり人間には最適です!

ちょっとしたコードの動作テストにも役立つかも?

 

f:id:webarekore:20121102221030p:plain

 

また、上部メニューの「JavaScript」ボタンから、jQuery等のライブラリも簡単に挿入することができます。

これでライブラリを探す手間も省けますね!

 

f:id:webarekore:20121102221633p:plain

 

作業が終わったら、上部メニューの「Save」ボタンを押すことでhtmlファイルを保存することができます。

 

編集と同時にプレビューで確認ができ、更にライブラリの挿入や保存までできてしまう「Liveweave」

コーディングの作業効率アップが期待できそうですね!