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
650
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
68
Web Runtime
dynamis
6
6.2k
Post COVID-19 Network Analysis
dynamis
0
85
Web Ecosystem for Embedded Linux.pdf
dynamis
0
200
Video Streaming Analysis
dynamis
0
140
React License Violation
dynamis
6
3.6k
VideoMark Analysis
dynamis
1
120
Pi Zero IoT Workshop @ High School
dynamis
0
120
Open VideoMark Data
dynamis
1
280
Other Decks in Technology
See All in Technology
10分でわかるfreeeのQA
freee
0
220
AMLD 2024 - Build Your Own GPT
donlelef
1
260
長文から長文を生成するLLMツールをオープンソースで作ってみた。
tomohisa
2
140
「XX試験の環境作ってよ」と言われた時によく使うAWSのソリューションについて
bun913
0
120
ハイパフォーマンスな組織をつくるための開発生産性の考え方 / developer-productivity-high-performer-link-and-motivation
lmi
3
230
技術広報経験0のEMがエンジニアブランディングをはじめてみた
coconala_engineer
1
130
検証からプロダクトへ: シームレスなLLM開発の ためのしくみ作り
nunukim
1
110
サービスメッシュ環境における OpenTelemetry 活用 / OpenTelemetry in Service Mesh
k6s4i53rx
2
810
ビジネスロジックを「型」で表現するOOPのための関数型DDD / Functional And Type-Safe DDD for OOP
yuitosato
29
11k
継続的テストモデルを実現するためにスリーアミーゴスを用いた10Xでのシフトレフトの事例
nihonbuson
3
130
沒想過的前端錯誤處理可能比你有做的還多
line_developers_tw
PRO
0
1.8k
AWS アーキテクチャクイズ
yuu26
2
700
Featured
See All Featured
GraphQLとの向き合い方2022年版
quramy
28
12k
Become a Pro
speakerdeck
PRO
8
4.4k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
242
20k
jQuery: Nuts, Bolts and Bling
dougneiner
57
7.1k
For a Future-Friendly Web
brad_frost
170
8.9k
Designing for humans not robots
tammielis
247
25k
Clear Off the Table
cherdarchuk
82
310k
Documentation Writing (for coders)
carmenintech
59
3.8k
The Invisible Customer
myddelton
114
12k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
8
8.2k
We Have a Design System, Now What?
morganepeng
42
6.7k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
18
6.8k
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 ?