Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Firefox DevTools
Search
dynamis
March 31, 2012
Technology
2
730
Firefox DevTools
Firefox 標準の Developer Tools の紹介
Kanazawa.js 1.7 で利用
dynamis
March 31, 2012
Tweet
Share
More Decks by dynamis
See All by dynamis
Mozilla/Firefox L10n History
dynamis
0
150
Web Runtime
dynamis
6
6.6k
Post COVID-19 Network Analysis
dynamis
0
96
Web Ecosystem for Embedded Linux.pdf
dynamis
0
360
Video Streaming Analysis
dynamis
0
210
React License Violation
dynamis
6
4k
VideoMark Analysis
dynamis
1
150
Pi Zero IoT Workshop @ High School
dynamis
0
150
Open VideoMark Data
dynamis
1
410
Other Decks in Technology
See All in Technology
CursorによるPMO業務の代替 / Automating PMO Tasks with Cursor
motoyoshi_kakaku
1
460
SpringBoot x TestContainerで実現するポータブル自動結合テスト
demaecan
0
110
Amazon ECS & AWS Fargate 運用アーキテクチャ2025 / Amazon ECS and AWS Fargate Ops Architecture 2025
iselegant
17
5.8k
Kotlin Coroutine Mechanisms: A Surprisingly Deep Rabbithole
amanda_hinchman
2
100
JEDAI Databricks Free Editionもくもく会
taka_aki
1
110
Witchcraft for Memory
pocke
1
580
Geminiとv0による高速プロトタイピング
shinya337
0
110
rubygem開発で鍛える設計力
joker1007
2
220
マーケットプレイス版Oracle WebCenter Content For OCI
oracle4engineer
PRO
3
920
標準技術と独自システムで作る「つらくない」SaaS アカウント管理 / Effortless SaaS Account Management with Standard Technologies & Custom Systems
yuyatakeyama
3
1.3k
生成AI活用の組織格差を解消する 〜ビジネス職のCursor導入が開発効率に与えた好循環〜 / Closing the Organizational Gap in AI Adoption
upamune
5
4.2k
Snowflake Summit 2025全体振り返り / Snowflake Summit 2025 Overall Review
mtpooh
2
420
Featured
See All Featured
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.9k
Thoughts on Productivity
jonyablonski
69
4.7k
Balancing Empowerment & Direction
lara
1
380
Testing 201, or: Great Expectations
jmmastey
42
7.5k
The Pragmatic Product Professional
lauravandoore
35
6.7k
Documentation Writing (for coders)
carmenintech
72
4.9k
Automating Front-end Workflow
addyosmani
1370
200k
How STYLIGHT went responsive
nonsquared
100
5.6k
A Modern Web Designer's Workflow
chriscoyier
694
190k
Building Applications with DynamoDB
mza
95
6.5k
KATA
mclloyd
30
14k
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.4k
Transcript
Firefox DevTools Slides @ Kanazawa.js 1.7 with Mozilla by Tomoya
ASAI (dynamis) last update on 2012.03.30 see also: http://dynamis.jp/r
BCPVUNF http:// dynamis.jp @dynamitter facebook.com/ dynamis mailto: Tomoya ASAI <dynamis
mozilla-japan.org> @
'JSFCVHʁ ࠓѻ͍·ͤΜɻ طʹͬͯ·͢ΑͶʁ ใ͍ͬͺ͍͋ΔΑͶʁ ΈΜͳͰษڧͯ͠Ͷɻ
Page Source Inspector Style Editor Web Console Scratchpad Script Debugger
... Agenda
1BHF4PVSDF ιʔε͕ݟΒΕΔͷ͕8FC
None
ϖʔδͷιʔεΛදࣔ ͋Γ·͢ΑͶɺવɻ γϣʔτΧοτ$USM 6 'Y͔Βߦ൪߸දࣔʹରԠ બͨ͠෦ͷιʔεΛදࣔ
ൣғબͯ͠ӈΫϦοΫ
*OTQFDUPS σβΠφʔͷࡾछͷਆثʂ
None
$ISPNF63- 'JSFGPYͷ6*෦
*OTQFDUPS ཁૉΛௐࠪ͢Δπʔϧ γϣʔτΧοτ$USM "MU * ϚεΦʔόʔͰཁૉΛબ
ࢠͷཁૉύϯͣ͘Ϧετ· ͨ)5.-ϏϡʔͰબ͢Δ બ )JHIMJHIUFS ࣌ͷӄ͕Ξχ ϝʔγϣϯͰҠಈ͍͍ͯ֨͠
*OTQFDUPS)5.-&EJUPS )5.-ϦΞϧλΠϜΤσΟλ ଐੑμϒϧΫϦοΫͰฤूՄ ӈΫϦοΫ͔Βཁૉͷআɺ *OUFS)5.-0VUFS)5.-ίϐʔ ΑΓڧྗͳΤσΟλ
5SFF&EJUPS ݱࡏ։ൃத point!
*OTQFDUPS4UZMF*OTQFDUPS $44ϦΞϧλΠϜΤσΟλ ελΠϧͷฤूɺΦϯΦϑ ܭࢉελΠϧͷ֬ೝ ϓϩύςΟϔϧϓ.%/
ελΠϧมߋΞχϝʔγϣϯ ͯ͠'PYZͳײ͡ɻ ɾɾ
None
None
%*OTQFDUPS 5JMU %0.ߏΛ̏%ՄࢹԽ ςΫϊϩδʔͷແବݣ͍ ։ൃ࣌ແବػೳຬࡌͩͬͨ ը໘֎ཁૉͷબ؆୯
%දࣔˍબπʔϧͰ͢ point!
4UZMF&EJUPS ελΠϧΨϯΨϯॻ͖͑ͯΈΑ͏
None
4UZMF&EJUPS ϖʔδͷશ$44Ұׅฤू ฤूͨ͠$44อଘՄೳ ৽ن$44࡞ಡΈࠐΈՄೳ ϑΝΠϧ୯ҐͷΦϯΦϑ point!
8FC$POTPMF 'JSFGPY͔Βͷجຊπʔϧ
None
None
8FCίϯιʔϧ جຊతͳίϯιʔϧ γϣʔτΧοτ$USM "MU , දࣔҐஔ্ɺԼɺผΟϯυ
ϝοηʔδͷϑΟϧλ 'Y͔Βίϯιʔϧ։͘લͷ ϩάϝοηʔδه͞ΕΔ point!
؆қ+BWB4DSJQU࣮ߦڥ ؆қ+4࣮ߦڥ ίʔυͷࣗಈิ͋Γ 'Y͔ΒϩέʔγϣϯόʔͰͷ KBWBTDSJQU63-ϖʔδݖݶͳ͠ ιʔγϟϧΤϯδχΞϦϯάରԠ
ࠔΔͳΒ*OIFSJU1SJODJQBMΞυΦϯ IUUQTBEEPOTNP[JMMBPSH pSFGPYBEEPOJOIFSJUQSJODJQBM point!
ίϯιʔϧར༻࣌ͷҙ ίϯιʔϧ4BOECPYڥ 8FCϖʔδͷཁૉʹXJOEPX ܦ༝ͰΞΫηε͢Δඞཁ͋Γ ྫ͑ɺϖʔδίϯςΩετʹ άϩʔόϧมΛఆٛ͢Δʹ XJOEPXGPPWBMVF
*OTQFDUPSͰબ͍ͯ͠Δཁૉ ʹมͰΞΫηεՄೳ point! point!
/FUXPSL3FRVFTU*OTQFDUPS )551ϔομͷ֬ೝ ίϯιʔϧͷ63-ΛΫϦοΫ 3FRVFTU3FTQPOTFϔομ ௨৴࣌ؒ$PPLJFͷ֬ೝ
)551#0%:هՄೳ ӈΫϦοΫϝχϡʔ͔Βʮཁٻ ϘσΟͱԠϘσΟΛهʯ point!
4DSBUDIQBE &DMJQTF0SJPOଂͷ+4࣮ߦڥ
None
4DSBUDIQBE &DMJQTF0SJPOΤσΟλΛଂ γϣʔτΧοτ4IJGU ' ίʔυΛ࣮ߦɺௐࠪɺදࣔ ௐࠪΠϯεϖΫλը໘Λදࣔ
ද࣮ࣔߦ݁ՌΛίϝϯτͰૠೖ બൣғ͚ͩΛ࣮ߦՄೳʂ point!
4DSBUDIQBEར༻࣌ͷҙ 4DSBUDIQBE4BOECPYڥ 8FCϖʔδͷཁૉʹXJOEPX ܦ༝ͰΞΫηε͢Δඞཁ͋Γ ྫ͑ɺϖʔδίϯςΩετʹ άϩʔόϧมΛఆٛ͢Δʹ XJOEPXGPPWBMVF point!
4DSBUDIQBEGPS$ISPNF $POUFOU͚ͩͰͳ͘$ISPNF ڥͰར༻Մೳ BCPVUDPOpHͰ࣍ͷઃఆΛ EFWUPPMTDISPNFFOBCMFEUSVF ʮ࣮ߦڥʯϝχϡʔ͕Ճ ֦ுػೳ'JSFGPYຊମΛ։ൃ͢
Δ࣌ʹศརͰ͢ point!
4DSJQU%FCVHHFS ࠷Ͱ'JSFGPYඪʹ։ൃத
None
4DSJQU%FCVHHFS +BWB4DSJQUσόοΨͰ͢ γϣʔτΧοτ$USM "MU 4 ݱࡏ/JHIUMZͰσϑΥϧτΦϑ EFWUPPMTEFCVHHFSFOBCMFEUSVF
ϒϨʔΫϙΠϯτɺεςοϓ࣮ ߦɺίʔϧελοΫɺείʔϓม ͳͲطʹ࣮ࡁΈ
BOENPSF %FWFMPQFS5PPMCBS 4UZMF&EJUPSͷڧԽ ٙࣅΫϥεͷϩοΫɺࣗಈิɺૢ࡞ੑ্ *OTQFDUPSͷڧԽ ϨΠΞτใͷදࣔɺෳಉ࣌)JHIMJHIU RVFSZ4FMFDUPSݕࡧϘοΫε 4PVSDF.BQ ͳͲͳͲ
͓·͚ɻ
.BSJPOFUUF ͋ͳͨͷ'JSFGPYૢΓਓܗ
ϚϦΦωοτ ϦϞʔτςετυϥΠό 4FMFOJVNతͳͷͰ͢ #(։ൃͷͨΊ༏ઌ࣮͞Εͨ +40/Ͱ໋ྩΛϙʔτʹྲྀ͢ 1ZUIPOΫϥΠΞϯτ͋Γ
'JSFGPYඪ४ʹೖͬͯͳ͍ ಠࣗϏϧυͷ࡞͕ඞཁ
None
Any Question ?