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

1. WebStormでできること
第二回 JetBrainsユーザーグループ in 大阪
2013.01.30

2. 自己紹介
• かみやん (Twitter@kamiyam)
http://nantokaworks.com
• システム開発会社のいちプログラマ
• 仕事:Java 趣味:Node.js
• Webサービスつくってます
• 大阪Node学園 運営スタッフ

3. WebStorm
The smartest JavaScript IDE

4. WebStorm5.0の特徴
• Live HTML, JS, CSS editing
• Closure Compiler JSDoc
Annotations Support
• Jade Templates

5. OS support
• Windows 8/7/Vista/2003/XP
• Mac OS X 10.5 or higher,
including 10.8 (Mountain Lion)
• Linux

6. Pricing
Personal License $49
Commercial License $99
※2013/1現在

7. What can you use WebStorm

8. HTML, JS, CSS エディッターとして
LiveEdit
コード修正の即時反映
Support
• Jade Templates
• Stylesheets: CSS/Sass/LESS
• CoffeScript

9. Sass compile setting

10. CoffeeScript compile setting

11. JavaScript IDEとして
Code Intelligence
JavaScript(動的型付)に対しての
コード補完が優秀
JavaScript Debugging・・・

12. JavaScript?
• Client-Side JavaScript
• Node.js (Server Side)

13. Node.js Debugging

14. 補足
• ｢JetBRAINS｣
WebStorm 5.0.0 Web Help
• ｢Katapad Design｣
FlashでいうパブリッシュのないHTML開発で、死な
ないためにやっといたらいいんじゃない的なこと。
∼Ctrl+Enter Again∼
• ｢バシャログ｣
[PhpStorm/WebStorm]jQueryの非効率な使い方を
すると警告してくれるようになった

15. まとめ
• 手頃な値段で導入が可能
• JavaScriptに特化したIDE
• コード補完が秀逸

16. ご静聴ありがとうございました