Introduction

Presenter Notes

自己紹介

  • Name : azu
  • Twitter : @azu_re
  • Website: Web Scratch, JSer.info, MemeTodo, prog*sig

Presenter Notes

出現ポイント

  • JavaScriptタグがついた場所

Presenter Notes

WebStorm

  • Jetbrains製のIDE
    • Intelli J,PHPStorm, RubyMine, AppCode などの姉妹品
  • シェアウェアだが使う価値がある

Presenter Notes

コード解析

  • JavaScriptのコードを静的解析して構造化
    • ファイル間を超えてコードが構造化
    • 特定のメソッドが利用されている場所を抽出
  • 宣言した関数、変数へのジャンプ
    • コードリーディングに最適
  • 解析したデータを元に補完候補を表示する

Presenter Notes

補完機能

  • 現時点でほぼ最強
  • (書き途中で)シンタックスが壊れてるコードからも補完候補を出す

e.g.) container.obj.publicMethod()の補完

1 var container = {
2   init: function() {},
3 };
4 container.obj = (function(){
5   var namager = {
6     publicMethod: function(){ },
7   };
8   return namager;
9 })();

Presenter Notes

ステートメント補完

  • Complete Current Statement
    • Ctrl(Command) + Shift + Enter
  • 現在いるステートメントを補完して終了する

以下なら、セミコロンを補完

var hoge = fuga || ''

以下なら、{}を補完

var f = function ()

=> after

var f = function () {
    // |カーソル
};

Presenter Notes

おわり

Presenter Notes