JavascriptをVisual Web Developer 2010で書いてみる

Javascriptを書くのにテキストエディタを使っていたのですが(漢ならメモ帳?)、さすがにコード補完機能がないと辛いと思い始めました。そこで、MicrosoftのVisual Web Developer 2010 ExpressがjQueryを補完していると言うので使ってみました。

Visual Web Developer 2010 Expressは、雑誌の付録についてVisual Studio 2010 ExpressからVisual Web Developer 2010 Expressのみインストールしました。

新しいプロジェクトを作るときに"ASP.NET Web アプリケーション"を選択することで、jquery-1.4.1-vsdoc.jsを参照しているため、コード補完時に日本語の説明もつけてくれます。

いたせりつくせりですが、ASP.NET Web アプリケーションは必要ないものを作ります。私は、せいぜいHTML、CSS、Javascriptのみで良いので他の不要です。また、コード補完の説明がある方が良いのですが補完さえしてくれれば十分ですし、jQuery以外のライブラリであるjQuery UIも同じレベルに説明をつけてくれるわけではありません。

このため、ファイル→新しいファイル→HTMLページで新規にHTMLページを開いてコードを書くことにします。HTMLページを保存したところに、jQuery UIからダウンロードしてきたjQuery/jQuery UI/CSSを配置して、scriptとlinkで読み込めばjQuery UIもコード補完してくれます。

jQuery UIにはvsdoc版がないためコードの説明はありませんが、これ十分です。だいぶ楽になるのではないかと思います。

また、作成しているページをブラウザで表示(Ctrl+Shift+W)はすぐにできるのでテキストエディタ&ブラウザにドラッグアンドドロッ(もしくはF5)よりは簡単です。

私にとってはVisual Web Developer 2010の機能で十分なので、しばらく使ってJavascriptを書く生産性がどの程度上がるか試してみます。

【Javascript関連】
・素数をWeb Workersを作って計算してみた(Javascriptサンプル)
・File APIを使ってブラウザバージョンシェアの加工してみた(Javascriptサンプル)
・Web Wrokersを使ってマルチコアを使い尽くしてみた(Javascriptサンプル)