【Web開発者必見!】リアルタイムで開発ができる!?liveweaveとは?

WEB・アプリ・ソフト

閲覧ありがとうございます、ATKJPです。
今回はWeb開発者に嬉しいWebサービスの紹介です。

HTML・CSS・Jsは何のエディターで書く?

最近、今までコピペ等で補っていたCSSを自らの手で一から書いてみたい!と思い始めたのですが、1つ引っ掛かりがありました。

ATKJP
「CSSは目で見えるものだけど、開発途中に見るのは面倒じゃないかな…」

リアルタイムでやっぱりみたいと思ったんです。
僕みたいに初心者同前の人にとっては、「このコードであってるかな…」とかそんな不安ばかりだと思います。
大手のATOMやSublimeTextなんかももちろん、HTML,CSS,Javascriptに対応はしているのですが…。

そんな中に救世士!

前項にWeb開発におけるちょっとした愚痴をこぼしていましたが、そんな中に使えるエディターを先日発見しました!

Liveweaveです!

あ

初期では左上にHTML、右上にJavascript、左下にCSS、そして右下にはこれらの言語の適用後のプレビューが表示されます。
下のバーにて配置を変えることも可能です。

CSS3にも対応しているのでCSS3を使ったアニメーション効果をテストすることも可能です。
また、コードが間違えた際には赤い警告も表示されるので間違えている際の訂正もスピーディーに行うことができます。

ちなみに、アカウントを作成すれば書いたコードを保存することも可能なので持ち越して開発することもできるそうです。
共同開発も可能で、友達や仕事仲間と得意不得意なところを共有しながら一緒に開発もできます。

そんな感じで皆さんも是非使ってみてください!

WEB・アプリ・ソフト

Posted by ATKJP