Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

WebStormでできること

12,411 views

Published on

第二回 JetBrainsユーザーグループ in 大阪

Published in: Education
  • 書いた
    「第二回 JetBrainsユーザーグループ in 大阪」 で WebStormについて発表してきました
    http://nantokaworks.com/?p=804
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

WebStormでできること

  1. 1. WebStormでできること 第二回 JetBrainsユーザーグループ in 大阪 2013.01.30 
  2. 2. 自己紹介• かみやん (Twitter@kamiyam) http://nantokaworks.com• システム開発会社のいちプログラマ• 仕事:Java 趣味:Node.js• Webサービスつくってます• 大阪Node学園 運営スタッフ
  3. 3. WebStormThe smartest JavaScript IDE
  4. 4. WebStorm5.0の特徴• Live HTML, JS, CSS editing• Closure Compiler JSDoc Annotations Support• Jade Templates
  5. 5. OS support• Windows 8/7/Vista/2003/XP• Mac OS X 10.5 or higher, including 10.8 (Mountain Lion)• Linux
  6. 6. PricingPersonal License $49Commercial License $99 ※2013/1現在
  7. 7. What can you use WebStorm
  8. 8. HTML, JS, CSS エディッターとして LiveEdit コード修正の即時反映 Support • Jade Templates • Stylesheets: CSS/Sass/LESS • CoffeScript
  9. 9. Sass compile setting
  10. 10. CoffeeScript compile setting
  11. 11. JavaScript IDEとして Code Intelligence JavaScript(動的型付)に対しての コード補完が優秀 JavaScript Debugging・・・
  12. 12. JavaScript?• Client-Side JavaScript• Node.js (Server Side)
  13. 13. Node.js Debugging
  14. 14. 補足• 「JetBRAINS」 WebStorm 5.0.0 Web Help• 「Katapad Design」 FlashでいうパブリッシュのないHTML開発で、死な ないためにやっといたらいいんじゃない的なこと。 ∼Ctrl+Enter Again∼• 「バシャログ」 [PhpStorm/WebStorm]jQueryの非効率な使い方を すると警告してくれるようになった
  15. 15. まとめ• 手頃な値段で導入が可能• JavaScriptに特化したIDE• コード補完が秀逸
  16. 16. ご静聴ありがとうございました

×