Your SlideShare is downloading. ×
すごいぞ!Google Chrome
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

すごいぞ!Google Chrome

1,174
views

Published on

Creator's village in EHIME の資料

Creator's village in EHIME の資料


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

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

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

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