HTML5 開発ツール天下一武道会 (IDE+α編 : 初夏の陣)にWeb参加

Visual Studioを甘く見ていた。
想像をはるかに超えて便利そう・・・
ただ開発するのにVM使うのもなんか違うしなぁ。
次Windowsマシン買ったらVisual Studio使おうかなぁ。

感覚的にはこんな感じの印象
エンジニア向け < デザイナー向け
WebStorm << Visual Studio <<<<<<<< Dreamweaver

---

• @see http://atnd.org/events/51361
• 日時 2014/04/09 19:30 to 21:30
• 場所 日本マイクロソフト株式会社　セミナールームA （東京都港区港南 2-16-3 品川グランドセントラルタワー）

---

Visual Studio

• コード補完がすごい。
• コードをいじってブラウザが反映されるのはよくあるが、ブラウザで編集してコードに反映される。
• jqueryなどのライブラリも簡単に引っ張ってこれる
• imgタグの画像がポップ表示される
• スプライト画像も簡単にできる
• ドラッグ&ドロップでimgタグとかscriptタグとか作ってくれる
• Cordovaと連携もできるらしい

WebStorm

• Spy-jsと連携
• Sassをファイル保管せずに自動コンパイルしてくれる
• マルチ選択（コード補完もできる）
• TypeScriptにも対応（これも自動コンパイル）
• WebStorm上でブラウザのコンソールが表示できる
• ローカルで編集してFTPとかで自動的に上げてくれる機能もあるらしい
• JSもリアルタイムで更新される
• GitHubとの連携
• ターミナルも内蔵

Dreamweaver

• Dreamweaverを中心にWeb開発用のアプリがたくさんある
• WebKit内蔵でアプリ内で確認できる
• レスポンシブデザイン対応
• メディアクエリーを使用してGUIでスタイルを編集

Edge Reflow

• レスポンシブデザインを細かくGUIで設計できる
• 無料

Edge Inspect

• モバイルサイトのためのテストツール