すごいぞ!               Google Chrome!                 Creator’s village in EHIME                           Vol.312年12月17日月曜日
自己紹介               株式会社アイムービック               Webシステムの構築が主なお仕事               GDG(Google Developer Group)四国所属               ...
おはなしすること               Google Chrome とは?               拡張機能のススメ               開発ツールでスピードアップ               まとめ12年12月17日月曜日
Google Chromeとは?12年12月17日月曜日
の前に!               ブラウザ戦争を引き起こすつもりは               ありません。               他のブラウザをディスるつもりもない               です。               で...
ブラウザ遍歴12年12月17日月曜日
Google Chromeとは?               Googleが開発しているブラウザ               Chromiumをベースに開発               2008年に公開               カナリア、開...
いったいどれくらい                つかわれてるの?12年12月17日月曜日
ブラウザシェア               http://gs.statcounter.com/#browser-ww-monthly-201110-20121012年12月17日月曜日
ブラウザシェア(国内)               http://gs.statcounter.com/#browser-ww-monthly-201110-20121012年12月17日月曜日
世界で1番!               日本で2番!12年12月17日月曜日
使いたく               なりませんか?12年12月17日月曜日
使って               みませんか?12年12月17日月曜日
拡張機能のススメ12年12月17日月曜日
拡張機能とは?               ブラウザをカスタマイズできる               追加機能               Firefox、Safari、Operaにもあるよ               Chrome ウェブスト...
効率化のための                10の拡張機能12年12月17日月曜日
Fire Mobile Simulator12年12月17日月曜日
Google Quick Scroll12年12月17日月曜日
Image Properties Context12年12月17日月曜日
Mobile Barcoder12年12月17日月曜日
JavaScript Errors Notifier12年12月17日月曜日
PageSpeed Insights12年12月17日月曜日
JSON Formatter12年12月17日月曜日
XV - XML Viewer12年12月17日月曜日
ColorZilla12年12月17日月曜日
Cybozu Live Checker12年12月17日月曜日
この他にも               いっぱいあります。12年12月17日月曜日
Chrome ウェブストア12年12月17日月曜日
開発ツールで               スピードアップ12年12月17日月曜日
Developer Tool12年12月17日月曜日
実は、Webの開発に               めっちゃ使えます12年12月17日月曜日
Ver.22               になります12年12月17日月曜日
起動方法               Windows               「Ctrl」+「Shift」+ i               Mac               「Cmd」+「option」+ i              ...
画面の説明12年12月17日月曜日
メニューエリア12年12月17日月曜日
機能エリア12年12月17日月曜日
コンソールエリア12年12月17日月曜日
フッターエリア12年12月17日月曜日
なにができるのか?12年12月17日月曜日
8つの機能               Elements    Profiles               Resources   Audits               Network     Console               ...
Elements               DOMツリーの確認               要素の持つCSSスタイルの確認               Boxモデルの確認               DOMブレイクポイント12年12月17日月曜日
Resources               対象ページに読み込まれている               リソースを確認               HTML、画像、CSS、JavaScript               ローカルストレージ、...
Network               ネットワークを介してダウンロードさ               れたリソースを確認12年12月17日月曜日
Sources               JavaScriptのコードデバッグ12年12月17日月曜日
Timeline               ページの描画に費やされる時間の概要               を確認12年12月17日月曜日
Profiles               CPUの実行時間やメモリ使用量を確認12年12月17日月曜日
Audits               ページを解析し、読み込み時間を短縮               するための最適化を方法を確認12年12月17日月曜日
Console               ページと対話的にJavaScriptを使える12年12月17日月曜日
Console API               あわせて覚えて欲しい               もともとはFirebugが持っていた機能               便利すぎてChromeでも使えるように12年12月17日月曜日
console.log/debug/info               コンソール上にログを表示する               本来は動作が異なるが、Chrome上では               同じ12年12月17日月曜日
console.warn/error               console.logに比べて、コンソール上               での表示が強調される12年12月17日月曜日
console.time/timeEnd               コンソール上にtimeからtimeEndまでの               経過時間を表示することができる12年12月17日月曜日
詳細はこちら12年12月17日月曜日
もっと               詳しく知りたい12年12月17日月曜日
Google Developers12年12月17日月曜日
Google Developers12年12月17日月曜日
Google Developers12年12月17日月曜日
Google Developers12年12月17日月曜日
Google Developers12年12月17日月曜日
これでもいいです12年12月17日月曜日
まとめ12年12月17日月曜日
手に馴染んだ工具を作るように、一番               好きなブラウザを作ってください               一番好きなブラウザのあらゆる機能を               使って、作業効率を上げてみましょう12年12月17日月曜日
ありがとうございました。12年12月17日月曜日
Upcoming SlideShare
Loading in...5
×

すごいぞ!Google Chrome

1,210

Published on

Creator's village in EHIME の資料

0 Comments
5 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,210
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
7
Comments
0
Likes
5
Embeds 0
No embeds

No notes for slide

すごいぞ!Google Chrome

  1. 1. すごいぞ! Google Chrome! Creator’s village in EHIME Vol.312年12月17日月曜日
  2. 2. 自己紹介 株式会社アイムービック Webシステムの構築が主なお仕事 GDG(Google Developer Group)四国所属 2008年に愛媛へ移住12年12月17日月曜日
  3. 3. おはなしすること Google Chrome とは? 拡張機能のススメ 開発ツールでスピードアップ まとめ12年12月17日月曜日
  4. 4. Google Chromeとは?12年12月17日月曜日
  5. 5. の前に! ブラウザ戦争を引き起こすつもりは ありません。 他のブラウザをディスるつもりもない です。 できるだけ心おだやかに12年12月17日月曜日
  6. 6. ブラウザ遍歴12年12月17日月曜日
  7. 7. Google Chromeとは? Googleが開発しているブラウザ Chromiumをベースに開発 2008年に公開 カナリア、開発版、ベータ版、安定版 安定版の最新バージョンは、「22」12年12月17日月曜日
  8. 8. いったいどれくらい つかわれてるの?12年12月17日月曜日
  9. 9. ブラウザシェア http://gs.statcounter.com/#browser-ww-monthly-201110-20121012年12月17日月曜日
  10. 10. ブラウザシェア(国内) http://gs.statcounter.com/#browser-ww-monthly-201110-20121012年12月17日月曜日
  11. 11. 世界で1番! 日本で2番!12年12月17日月曜日
  12. 12. 使いたく なりませんか?12年12月17日月曜日
  13. 13. 使って みませんか?12年12月17日月曜日
  14. 14. 拡張機能のススメ12年12月17日月曜日
  15. 15. 拡張機能とは? ブラウザをカスタマイズできる 追加機能 Firefox、Safari、Operaにもあるよ Chrome ウェブストアからダウンロード HTML、CSS、JavaScriptで作れます12年12月17日月曜日
  16. 16. 効率化のための 10の拡張機能12年12月17日月曜日
  17. 17. Fire Mobile Simulator12年12月17日月曜日
  18. 18. Google Quick Scroll12年12月17日月曜日
  19. 19. Image Properties Context12年12月17日月曜日
  20. 20. Mobile Barcoder12年12月17日月曜日
  21. 21. JavaScript Errors Notifier12年12月17日月曜日
  22. 22. PageSpeed Insights12年12月17日月曜日
  23. 23. JSON Formatter12年12月17日月曜日
  24. 24. XV - XML Viewer12年12月17日月曜日
  25. 25. ColorZilla12年12月17日月曜日
  26. 26. Cybozu Live Checker12年12月17日月曜日
  27. 27. この他にも いっぱいあります。12年12月17日月曜日
  28. 28. Chrome ウェブストア12年12月17日月曜日
  29. 29. 開発ツールで スピードアップ12年12月17日月曜日
  30. 30. Developer Tool12年12月17日月曜日
  31. 31. 実は、Webの開発に めっちゃ使えます12年12月17日月曜日
  32. 32. Ver.22 になります12年12月17日月曜日
  33. 33. 起動方法 Windows 「Ctrl」+「Shift」+ i Mac 「Cmd」+「option」+ i もしくは、メニューから12年12月17日月曜日
  34. 34. 画面の説明12年12月17日月曜日
  35. 35. メニューエリア12年12月17日月曜日
  36. 36. 機能エリア12年12月17日月曜日
  37. 37. コンソールエリア12年12月17日月曜日
  38. 38. フッターエリア12年12月17日月曜日
  39. 39. なにができるのか?12年12月17日月曜日
  40. 40. 8つの機能 Elements Profiles Resources Audits Network Console Sources Timeline12年12月17日月曜日
  41. 41. Elements DOMツリーの確認 要素の持つCSSスタイルの確認 Boxモデルの確認 DOMブレイクポイント12年12月17日月曜日
  42. 42. Resources 対象ページに読み込まれている リソースを確認 HTML、画像、CSS、JavaScript ローカルストレージ、Cookie etc...12年12月17日月曜日
  43. 43. Network ネットワークを介してダウンロードさ れたリソースを確認12年12月17日月曜日
  44. 44. Sources JavaScriptのコードデバッグ12年12月17日月曜日
  45. 45. Timeline ページの描画に費やされる時間の概要 を確認12年12月17日月曜日
  46. 46. Profiles CPUの実行時間やメモリ使用量を確認12年12月17日月曜日
  47. 47. Audits ページを解析し、読み込み時間を短縮 するための最適化を方法を確認12年12月17日月曜日
  48. 48. Console ページと対話的にJavaScriptを使える12年12月17日月曜日
  49. 49. Console API あわせて覚えて欲しい もともとはFirebugが持っていた機能 便利すぎてChromeでも使えるように12年12月17日月曜日
  50. 50. console.log/debug/info コンソール上にログを表示する 本来は動作が異なるが、Chrome上では 同じ12年12月17日月曜日
  51. 51. console.warn/error console.logに比べて、コンソール上 での表示が強調される12年12月17日月曜日
  52. 52. console.time/timeEnd コンソール上にtimeからtimeEndまでの 経過時間を表示することができる12年12月17日月曜日
  53. 53. 詳細はこちら12年12月17日月曜日
  54. 54. もっと 詳しく知りたい12年12月17日月曜日
  55. 55. Google Developers12年12月17日月曜日
  56. 56. Google Developers12年12月17日月曜日
  57. 57. Google Developers12年12月17日月曜日
  58. 58. Google Developers12年12月17日月曜日
  59. 59. Google Developers12年12月17日月曜日
  60. 60. これでもいいです12年12月17日月曜日
  61. 61. まとめ12年12月17日月曜日
  62. 62. 手に馴染んだ工具を作るように、一番 好きなブラウザを作ってください 一番好きなブラウザのあらゆる機能を 使って、作業効率を上げてみましょう12年12月17日月曜日
  63. 63. ありがとうございました。12年12月17日月曜日
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×