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
740
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
160
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
160
Pi Zero IoT Workshop @ High School
dynamis
0
150
Open VideoMark Data
dynamis
1
410
Other Decks in Technology
See All in Technology
【CEDEC2025】ブランド力アップのためのコンテンツマーケティング~ゲーム会社における情報資産の活かし方~
cygames
PRO
0
150
経理出身PdMがAIプロダクト開発を_ハンズオンで学んだ話.pdf
shunsukenarita
1
260
私とAWSとの関わりの歩み~意志あるところに道は開けるかも?~
nagisa53
1
140
From Live Coding to Vibe Coding with Firebase Studio
firebasethailand
1
330
バクラクによるコーポレート業務の自動運転 #BetAIDay
layerx
PRO
0
220
Bet "Bet AI" - Accelerating Our AI Journey #BetAIDay
layerx
PRO
1
320
会社もクラウドも違うけど 通じたコスト削減テクニック/Cost optimization strategies effective regardless of company or cloud provider
aeonpeople
2
410
FAST導入1年間のふりかえり〜現実を直視し、さらなる進化を求めて〜 / Review of the first year of FAST implementation
wooootack
1
220
増え続ける脆弱性に立ち向かう: 事前対策と優先度づけによる 持続可能な脆弱性管理 / Confronting the Rise of Vulnerabilities: Sustainable Management Through Proactive Measures and Prioritization
nttcom
1
230
ecspressoの設計思想に至る道 / sekkeinight2025
fujiwara3
12
2.2k
TypeScript 上達の道
ysknsid25
23
5k
手動からの解放!!Strands Agents で実現する総合テスト自動化
ideaws
3
420
Featured
See All Featured
Designing Experiences People Love
moore
142
24k
The Cult of Friendly URLs
andyhume
79
6.5k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
GitHub's CSS Performance
jonrohan
1031
460k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Writing Fast Ruby
sferik
628
62k
A better future with KSS
kneath
238
17k
GraphQLとの向き合い方2022年版
quramy
49
14k
The Cost Of JavaScript in 2023
addyosmani
51
8.7k
KATA
mclloyd
31
14k
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 ?