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

howdylikes

Google Developersってわかりづらいよね

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

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