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
680
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
88
Web Runtime
dynamis
6
6.3k
Post COVID-19 Network Analysis
dynamis
0
85
Web Ecosystem for Embedded Linux.pdf
dynamis
0
260
Video Streaming Analysis
dynamis
0
140
React License Violation
dynamis
6
3.8k
VideoMark Analysis
dynamis
1
120
Pi Zero IoT Workshop @ High School
dynamis
0
120
Open VideoMark Data
dynamis
1
330
Other Decks in Technology
See All in Technology
データベース研修 分析向けSQL入門【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
110
Flutter研修【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
160
さらに高品質・高速化を目指すAI時代のテスト設計支援と、めざす先 / AI Test Lab vol.1
shift_evolve
0
190
OSSコミットしてZennの課題を解決した話
dyoshikawa1993
0
150
Matterport を使ってクラスメソッド各拠点のバーチャルオフィスツアーを作成してみた
wakatsuki
0
160
[NIKKEI Tech Talk]Bias for Action!! 実践から学ぶための仕組とコミュニティ / Community for Practice and Learning
kanamasa
0
260
年間一億円削減した時系列データベースのアーキテクチャ改善~不確実性の高いプロジェクトへの挑戦~
lycorptech_jp
PRO
3
2.9k
フルリモートワークはエンジニアの夢を叶えたか? #cm_odyssey
mamohacy
2
600
エンジニアの生存戦略 〜クラウド潮流の経験から紐解く技術トレンドのメカニズムと乗りこなし方〜
shimy
9
1.9k
運用改善、不都合な真実 / 20240722-ssmjp-kaizen
opelab
17
8k
Azure OpenAI Service Dev Day / LLMでできる!使える!生成AIエージェント
masahiro_nishimi
3
740
ACRiルーム最新情報とAMD GPUサーバーのご紹介
anjn
0
150
Featured
See All Featured
KATA
mclloyd
20
13k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
18
1.2k
Large-scale JavaScript Application Architecture
addyosmani
506
110k
The Mythical Team-Month
searls
217
43k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
52k
Why Our Code Smells
bkeepers
PRO
332
56k
Navigating Team Friction
lara
181
13k
How to train your dragon (web standard)
notwaldorf
79
5.5k
Imperfection Machines: The Place of Print at Facebook
scottboms
262
13k
Happy Clients
brianwarren
94
6.5k
GitHub's CSS Performance
jonrohan
1026
450k
Testing 201, or: Great Expectations
jmmastey
33
6.9k
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 ?