HTML5 개발툴 끝판왕(?) - Liveweave

HTML5 작성을 하면서 아쉬운점이...

대부분의 툴들이 CANVAS와 같은 HTML5 최신 요소들을 제대로 지원해주지 않는다는 것이다.

코드 어시스트 기능에 익숙해진 나같은 개발자에게...

"객체."이후 관련 멤버값을 자동으로 표시해주지 않는 것은 엄청난 스트레스였다.

예전처럼 개발할때마다 객체의 프로퍼티나 메서드를 알아보기 위해....

일일히 MSDN같은 Document를 뒤지는 것은 피곤한 일이 아닐 수 없다.

그런데 이것을 보라!!!!

세상에 canvas객체에도 점하나 찍으니 관련 코드들이 어시스트 되고 있다!!!!!

Liveweave라는 녀석인데, 내 PC에 설치한 프로그램도 아니다.

그냥 웹이다. 주소는....

http://liveweave.com/

화면이 4구역으로 나뉘어져 있는데,

좌상단은 HTML5, 우상단은 Javascript,

좌하단은 CSS, 우하단은 브라우저 화면이다.

코딩을 하면 우하단의 브라우저화면에 즉각 반영이 되는 것은 물론!!

Tools하부 메뉴로 가면 1개의 파일로 저장 또는 3개의 파일을 zip으로 압축해서 저장하는 것도 가능하다.

(zip확장자 없이 다운로드 되는데, ".zip"을 붙여서 사용하면 된다)

인터넷에 접속만 할 수 있다면,

eclipse, coda, XDK, Dreamweaver, visual web developer 2010 express 뭐 이런 프로그램 다~~~ 필요없다.

PS. Internet Explorer 9에서 확인해보니 정상 작동하지 않는다.

인터넷 익스플로어 사용자는 HTML5를 본격지원하는 10버젼 이상을 사용해야할듯하다.