グーグルがChrome DevToolsの学習ビデオを公開。DOM操作からプロファイリング、メモリリークの発見まで詳しく学べる

2013年3月29日

グーグルは、WebブラウザのChromeに搭載されているデベロッパーツールの詳しい使い方をオンラインで学習できるサイト「Discover DevTools」の公開をブログで明らかにしました

fig

学習内容は全部で以下の7つのレベルに分かれており、17本のビデオと、レベルごとに用意された、実際に自分で操作して解いてみる75以上の例題から構成されています。レベルをクリアするとバッジがもらえるようになっています。

Level 1: Getting Started & Basic DOM and Styles
Level 2: Advanced DOM and Styles
Level 3: Working With the Console
Level 4: Debugging JavaScript
Level 5: Improving Network Performance
Level 6: Improving Performance
Level 7: Memory Profiling

DOM操作からメモリリークの発見まで

紹介ビデオからいくつかポイントを抜き出してみました。DOM操作などは多くの人が使っている機能だと思います。

fig

コンソール画面の使い方は、JavaScriptプログラマなら便利に使えると思うので、ぜひ学んでおきたいところ。

fig

JavaScript用デバッガ。ブレークポイントやステップ実行や変数のウォッチなども、使いこなせると開発効率が大きく向上しそうです。

fig

プロファイリングによってボトルネックを発見し、性能を向上させる方法の解説。大きな規模のWebアプリケーションではツールがないと難しいですね。

fig

メモリリークを発見し修正する方法など。この画面は実行ごとに使用メモリが増えている様子。これもツールがなければ相当困難になるので、ぜひ学んでおきたいものです。

fig

ただし、中身はすべて英語ですので、英語の勉強も兼ねて試してみてはいかがでしょうか。

このエントリーをはてなブックマークに追加
follow us in feedly

タグ : Chrome , Google , JavaScript , 開発ツール



≫次の記事
ラックごとに物理的にコンピュータリソースを最適化するFacebookの技術「Disaggregated Rack」とは何か?
≪前の記事
NTTコミュニケーションズのCloudnが複数のアベイラビリティゾーンに対応。Cloud FoundryのPaaSが個人でもクレジットカードでサインオン可能に

Loading...

Blogger in Chief

photo of jniino Junichi Niino(jniino)
IT系の雑誌編集者、オンラインメディア発行人を経て独立。新しいオンラインメディアの可能性を追求しています。
詳しいプロフィール


Publickeyの新着情報をチェックしませんか?
Twitterで : @Publickey
Facebookで : Publickeyのページ
RSSリーダーで : Feed



Publickey 最新記事 10本

Publickey Topics 最新記事 10本


PR - Books


fig

fig

fig

fig



blog comments powered by Disqus