読者です 読者をやめる 読者になる 読者になる
一人もくもく会 α verでサービス開始しました。

AtomでjQueryイベントのアウトライン表示

Atomのパッケージにはsymbols-tree-viewというのがあり
様々な形式のファイル内のアウトライン表示を行ってくれ、
クリックで簡単に定義に飛ぶことができる。

ただ、Javascriptはどうも思った通りに解析されないので
上手くやる方法はないか調べてみると、
このパッケージはctagsというものを使っているらしい。
(vimとかで使われているものらしい)
その設定ファイルがlib/.ctagsにあるので
それを編集すれば設定が可能。

--regex-JavaScript=/(\$\([^)]+\)\.click)/\1/,event/
--regex-JavaScript=/(\$\([^)]+\)\.keydown)/\1/,event/
--regex-JavaScript=/(\$\([^)]+\)\.change)/\1/,event/
--regex-JavaScript=/(\$\([^)]+\)\.on\([^,]+,[ \t]*[^,f]+)/\1/,event/
--regex-JavaScript=/(\$\([^)]+\)\.on\([^,]+,[ \t]*)function/\1/,event/

こんな感じで設定するとjQueryのイベントとかに飛べるようになる。
適当なのでちょっと崩れるとダメかも。
だれか完璧なのをpull requestして下さい。


追記
this.やprototype.を含む行のメソッド追加をfunctionとして登録する場合。

--regex-JavaScript=/this\.([^ \t]+)[^=]*=[ \t]*function/\1/,function/
--regex-JavaScript=/prototype\.([^ \t]+)[^=]*=[ \t]*function/\1/,function/