土日で艦これイベント海域E-4をなんとか突破したぽちです,おはようございます.
今日は島風轟沈の日らしいですね.
ktty1220 さんのBackbone.jsで全イベントをconsoleに出力するデバッグ用スクリプト
が便利だったので使ってたのですが,
毎回backbone.debug.js
をプロジェクトにコピーして回るのが大変だったので
bowerでサクッとインストール出来るようにしてみました.
使い方
1
|
|
でインストールされます.
あとは
1 2 |
|
みたいに読みこめば,ガンガンログが出ます.
オリジナルとの違い
オリジナルと変更した部分としては
Backbone[<ModelとかRouterとか>]::initialize
で自動的にログ出力を有効化- デフォルトで
@constructor.name
をログに出すようにした - coffee化
- 名前を
.debug
から.event-logger
へ(デバッグっていうよりロガーだなと思ったので) - AMD/RequireJSでも読み込めるようにしてみた(けど試してない)
こんな感じで出ます
1
|
|
ContentModel
って書いてる部分が@constructor.name
で出してるところ.
イマイチなところ
オリジナルにあったスタイルの変更等はbower install
した後に
bower_components
内を変更しないといけなくて,悩んでいるところ.
(自動適用にしたので外部から設定する口を用意してもイマイチかなと)
ところでbower install
した時ってbackbone-event-logger.min.js
やbackbone-event-logger.js
以外のファイルは配置されるべきなんだろうか?ルールがわからない.
(backbone.jsのbowerも配置されてた)
まとめ
- 便利なBackbone.jsで全イベントをconsoleに出力するデバッグ用スクリプト をモジュール化した
- 自動読み込みや名前の表示などオリジナル版をちょっとカスタムしてる
- PR/forkどうぞ backbone-event-logger