Contenu connexe
Similaire à すごいぞ!Google Chrome (20)
Plus de Eigoro Yamamura (8)
すごいぞ!Google Chrome
- 1. すごいぞ!
Google Chrome!
Creator’s village in EHIME
Vol.3
12年12月17日月曜日
- 2. 自己紹介
株式会社アイムービック
Webシステムの構築が主なお仕事
GDG(Google Developer Group)四国所属
2008年に愛媛へ移住
12年12月17日月曜日
- 3. おはなしすること
Google Chrome とは?
拡張機能のススメ
開発ツールでスピードアップ
まとめ
12年12月17日月曜日
- 5. の前に!
ブラウザ戦争を引き起こすつもりは
ありません。
他のブラウザをディスるつもりもない
です。
できるだけ心おだやかに
12年12月17日月曜日
- 7. Google Chromeとは?
Googleが開発しているブラウザ
Chromiumをベースに開発
2008年に公開
カナリア、開発版、ベータ版、安定版
安定版の最新バージョンは、「22」
12年12月17日月曜日
- 9. ブラウザシェア
http://gs.statcounter.com/#browser-ww-monthly-201110-201210
12年12月17日月曜日
- 10. ブラウザシェア(国内)
http://gs.statcounter.com/#browser-ww-monthly-201110-201210
12年12月17日月曜日
- 11. 世界で1番!
日本で2番!
12年12月17日月曜日
- 12. 使いたく
なりませんか?
12年12月17日月曜日
- 13. 使って
みませんか?
12年12月17日月曜日
- 15. 拡張機能とは?
ブラウザをカスタマイズできる
追加機能
Firefox、Safari、Operaにもあるよ
Chrome ウェブストアからダウンロード
HTML、CSS、JavaScriptで作れます
12年12月17日月曜日
- 27. この他にも
いっぱいあります。
12年12月17日月曜日
- 29. 開発ツールで
スピードアップ
12年12月17日月曜日
- 33. 起動方法
Windows
「Ctrl」+「Shift」+ i
Mac
「Cmd」+「option」+ i
もしくは、メニューから
12年12月17日月曜日
- 40. 8つの機能
Elements Profiles
Resources Audits
Network Console
Sources
Timeline
12年12月17日月曜日
- 41. Elements
DOMツリーの確認
要素の持つCSSスタイルの確認
Boxモデルの確認
DOMブレイクポイント
12年12月17日月曜日
- 42. Resources
対象ページに読み込まれている
リソースを確認
HTML、画像、CSS、JavaScript
ローカルストレージ、Cookie etc...
12年12月17日月曜日
- 43. Network
ネットワークを介してダウンロードさ
れたリソースを確認
12年12月17日月曜日
- 44. Sources
JavaScriptのコードデバッグ
12年12月17日月曜日
- 45. Timeline
ページの描画に費やされる時間の概要
を確認
12年12月17日月曜日
- 46. Profiles
CPUの実行時間やメモリ使用量を確認
12年12月17日月曜日
- 47. Audits
ページを解析し、読み込み時間を短縮
するための最適化を方法を確認
12年12月17日月曜日
- 48. Console
ページと対話的にJavaScriptを使える
12年12月17日月曜日
- 49. Console API
あわせて覚えて欲しい
もともとはFirebugが持っていた機能
便利すぎてChromeでも使えるように
12年12月17日月曜日
- 54. もっと
詳しく知りたい
12年12月17日月曜日
- 62. 手に馴染んだ工具を作るように、一番
好きなブラウザを作ってください
一番好きなブラウザのあらゆる機能を
使って、作業効率を上げてみましょう
12年12月17日月曜日