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
Fabric + Databricks 2025.6 の最新情報ピックアップ
ryomaru0825
1
150
AIとともに進化するエンジニアリング / Engineering-Evolving-with-AI_final.pdf
lycorptech_jp
PRO
0
120
米国国防総省のDevSecOpsライフサイクルをAWSのセキュリティサービスとOSSで実現
syoshie
2
1.2k
CI/CD/IaC 久々に0から環境を作ったらこうなりました
kaz29
1
190
無意味な開発生産性の議論から抜け出すための予兆検知とお金とAI
i35_267
0
160
rubygem開発で鍛える設計力
joker1007
2
220
2025-06-26_Lightning_Talk_for_Lightning_Talks
_hashimo2
2
100
AIの最新技術&テーマをつまんで紹介&フリートークするシリーズ #1 量子機械学習の入門
tkhresk
0
140
"サービスチーム" での技術選定 / Making Technology Decisions for the Service Team
kaminashi
1
190
Amazon ECS & AWS Fargate 運用アーキテクチャ2025 / Amazon ECS and AWS Fargate Ops Architecture 2025
iselegant
17
5.8k
KubeCon + CloudNativeCon Japan 2025 Recap by CA
ponkio_o
PRO
0
210
asken AI勉強会(Android)
tadashi_sato
0
110
Featured
See All Featured
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
A designer walks into a library…
pauljervisheath
207
24k
Six Lessons from altMBA
skipperchong
28
3.9k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.8k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
KATA
mclloyd
30
14k
How to train your dragon (web standard)
notwaldorf
94
6.1k
How to Think Like a Performance Engineer
csswizardry
24
1.7k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
20k
Side Projects
sachag
455
42k
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 ?