テックノート@ama-ch このページをアンテナに追加 RSSフィード

2011-11-03

作業効率が10倍アップする Chrome Developer Tools の使い方

というタイトルで社内勉強会を開きました。

その時の資料を公開します。

「作業効率が10倍アップする」かどうかは個人差があるのでご注意ください。

最近のChrome Developer Toolsは本当に高機能ですごいですね!僕も資料を作っていて新しい発見が沢山ありました。

追記: 説明不足ですいません。スライドは←→キーで移動します。表紙にも記載しておきました。

作業効率が10倍アップする Chrome Developer Tools の使い方

あとキャプチャをとるのに使ったSkitchが便利すぎて感動しました。

romerromer 2011/11/03 23:14 dev版とstableの差ってJSやらCSS等のインスタント編集ぐらいだと思います。
その他は以前からあった気がします。

コンソールでの改行方法はShift+Enter以外にCtrl+mでも改行できました。
後1点だけ、$やら$$は基本的なラッピングだけなのですが$xは配列にして返すという処理が入っているのですが、
エラー処理が微妙なので(try-catchでcatchしたらエラーを捨て空配列を返している)ここは注意が必要だと思います。

あと、?キーが何かわからず"?"を入力するShift+/を入力しても出ませんでしたが、これってF1キー等のヘルプが出るキーって事のようですね。

スパム対策のためのダミーです。もし見えても何も入力しないでください
ゲスト


画像認証