Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Google devtools活用術

  • Login to see the comments

  • Be the first to like this

Google devtools活用術

  1. 1. Google devtools活用術@tan_yuki13年5月25日土曜日
  2. 2. 自己紹介・田中佑樹・Chatwork・JavaScript / PHP/ Vim・twitter @tan_yuki13年5月25日土曜日
  3. 3. ブラウザ何使ってますか?突然ですが13年5月25日土曜日
  4. 4. 13年5月25日土曜日
  5. 5. Chromeちょろめたん         ∧_∧   ┌────────────       ⃝( ´∀` )⃝ < 僕は、ちょろめたん!        \    /  └────────────       _/ __ \_      (_/   \_)13年5月25日土曜日
  6. 6. why?13年5月25日土曜日
  7. 7. 13年5月25日土曜日
  8. 8. かくみる13年5月25日土曜日
  9. 9. 利点・直感的なUI・ソース追いやすい・充実したショートカットキー13年5月25日土曜日
  10. 10. 起動してみましょうCmd + Shift + I( Windows: Ctrl + Shift + I )13年5月25日土曜日
  11. 11. 13年5月25日土曜日
  12. 12. 13年5月25日土曜日
  13. 13. Elements13年5月25日土曜日
  14. 14. できること・現在のHTML構造の確認・CSSの確認・簡単なスタイルの微調整13年5月25日土曜日
  15. 15. 13年5月25日土曜日
  16. 16. ・Double Click→編集・Tab→次の要素へ移動13年5月25日土曜日
  17. 17. 右クリックメニュー13年5月25日土曜日
  18. 18. 便利機能たち13年5月25日土曜日
  19. 19. ブレークポイント13年5月25日土曜日
  20. 20. http://backbonejs.org/examples/todos/Test page13年5月25日土曜日
  21. 21. 右サイドバー13年5月25日土曜日
  22. 22. スタイル編集・Click→編集・Tab→次の要素へ移動スタイル追加13年5月25日土曜日
  23. 23. 色変更パレット13年5月25日土曜日
  24. 24. 数値の位置で編集モードの時↑:1px Up↓:1px DownShift + ↑:10px UpShift + ↓:10px Down13年5月25日土曜日
  25. 25. Sources13年5月25日土曜日
  26. 26. できること・JS、CSSの閲覧・JSブレークポイント・変数の値の参照・あといろいろ13年5月25日土曜日
  27. 27. これだけは覚えて・Cmd + Alt + F ( Windows: Ctrl + Shift + F )・Cmd + O( Windows: Ctrl + O )13年5月25日土曜日
  28. 28. 覚えておいて損はない・Cmd + L ( Windows: Ctrl + G )13年5月25日土曜日
  29. 29. 全てはこの中に13年5月25日土曜日
  30. 30. 13年5月25日土曜日
  31. 31. 注目!13年5月25日土曜日
  32. 32. 例外が投げられた時にその場所で止まってくれる13年5月25日土曜日
  33. 33. Test pagehttp://www.tan-yuki.info/practice/cmujp/chrome_devtools/13年5月25日土曜日
  34. 34. JavaScriptを整形してくれる13年5月25日土曜日
  35. 35. Test pagehttps://www.google.co.jp/13年5月25日土曜日
  36. 36. クリック!13年5月25日土曜日
  37. 37. パカッ!13年5月25日土曜日
  38. 38. ブレークポイントまでおける!13年5月25日土曜日
  39. 39. まとめ13年5月25日土曜日
  40. 40. これだけは覚えて・Cmd + Alt + F ( Windows: Ctrl + Shift + F )・Cmd + O( Windows: Ctrl + O )13年5月25日土曜日
  41. 41. ちょろめたんはできるこ13年5月25日土曜日
  42. 42. 最後にhttps://www.facebook.com/groups/443380692411788/13年5月25日土曜日
  43. 43. ご清聴ありがとうございました13年5月25日土曜日

×