This document provides an agenda for Developer Tools slides presented by Tomoya Asai at a Mozilla Workshop in Tokyo on October 6th, 2011. The agenda includes introductions to the Web Console, Inspector (Highlighter), Style Editor, CSS Doctor, Scratchpad, GCLI (Graphical CLI), and Source Map developer tools. Links are provided for further information and video demonstrations of some of the tools. The presentation aims to demonstrate various developer tools and allow time for questions.

1. Developer Tools
Slides @ Mozilla Workshop @ Tokyo 6th
by Tomoya ASAI (dynamis)
last update on 2011.10.01
see also: http://dynamis.jp/r

4. Tomoya ASAI (dynamis)
Mozilla Japan - Technical mktg.
http://dynamis.jp/
http://facebook.com/dynamis
http://twitter.com/dynamitter
dynamis@mozilla-japan.org
dynamis ( dunamis)

5. Agenda
Introduction
Web Console
Inspector (Highlighter)
Style Editor
CSS Doctor
Scratchpad
GCLI (Graphical CLI)
Source Map
...

6. Facebook Twitter

25. http://dynamis.jp/video/devtools/Style%20Inspector.webm

29. https://github.com/neonux/StyleEditor

32. https://github.com/joewalker/csstools

37. http://dynamis.jp/video/devtools/Graphical%20Command%20Line.webm

38. https://github.com/mozilla/gcli

40. http://dynamis.jp/video/devtools/Graphical%20Command%20Line.webm

42. https://wiki.mozilla.org/DevTools/Features/SourceMap

50. https://github.com/victorporof/Tilt/

52. Any Question ?