Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

BCPVUNF http:// dynamis.jp @dynamitter facebook.com/ dynamis mailto: Tomoya ASAI @

Slide 3

Slide 3 text

'JSFCVH͸ʁ ࠓ೔͸ѻ͍·ͤΜɻ طʹ஌ͬͯ·͢ΑͶʁ ৘ใ΋͍ͬͺ͍͋ΔΑͶʁ ΈΜͳͰษڧͯ͠Ͷɻ

Slide 4

Slide 4 text

Page Source Inspector Style Editor Web Console Scratchpad Script Debugger ... Agenda

Slide 5

Slide 5 text

1BHF4PVSDF ιʔε͕ݟΒΕΔͷ͕8FC

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

ϖʔδͷιʔεΛදࣔ ͋Γ·͢ΑͶɺ౰વɻ γϣʔτΧοτ$USM6 'Y͔Βߦ൪߸දࣔʹରԠ બ୒ͨ͠෦෼ͷιʔεΛදࣔ ൣғબ୒ͯ͠ӈΫϦοΫ

Slide 8

Slide 8 text

*OTQFDUPS σβΠφʔͷࡾछͷਆثʂ

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

$ISPNF63- 'JSFGPYͷ6*෦෼ ΋

Slide 11

Slide 11 text

*OTQFDUPS ཁૉΛௐࠪ͢Δπʔϧ γϣʔτΧοτ$USM"MU* Ϛ΢εΦʔόʔͰཁૉΛબ୒ ਌ࢠͷཁૉ͸ύϯͣ͘Ϧετ· ͨ͸)5.-ϏϡʔͰબ୒͢Δ બ୒ )JHIMJHIUFS ࣌ͷӄ͕Ξχ ϝʔγϣϯͰҠಈͯ֨͠޷͍͍

Slide 12

Slide 12 text

*OTQFDUPS)5.-&EJUPS )5.-ϦΞϧλΠϜΤσΟλ ଐੑ͸μϒϧΫϦοΫͰฤूՄ ӈΫϦοΫ͔Βཁૉͷ࡟আɺ *OUFS)5.-0VUFS)5.-ίϐʔ ΑΓڧྗͳΤσΟλ 5SFF&EJUPS ΋ݱࡏ։ൃத point!

Slide 13

Slide 13 text

*OTQFDUPS4UZMF*OTQFDUPS $44ϦΞϧλΠϜΤσΟλ ελΠϧͷฤूɺΦϯΦϑ ܭࢉ஋ελΠϧͷ֬ೝ ϓϩύςΟϔϧϓ͸.%/ ελΠϧมߋ΋Ξχϝʔγϣϯ ͯ͠'PYZͳײ͡ɻ ɾɾ

Slide 14

Slide 14 text

No content

Slide 15

Slide 15 text

No content

Slide 16

Slide 16 text

%*OTQFDUPS 5JMU %0.ߏ଄Λ̏%ՄࢹԽ ςΫϊϩδʔͷແବݣ͍ ։ൃ࣌͸ແବػೳຬࡌͩͬͨ ը໘֎ཁૉͷબ୒΋؆୯ %දࣔˍબ୒πʔϧͰ͢ point!

Slide 17

Slide 17 text

4UZMF&EJUPS ελΠϧΨϯΨϯॻ͖׵͑ͯΈΑ͏

Slide 18

Slide 18 text

No content

Slide 19

Slide 19 text

4UZMF&EJUPS ϖʔδͷશ$44Ұׅฤू ฤूͨ͠$44͸อଘՄೳ ৽ن$44࡞੒΍ಡΈࠐΈ΋Մೳ ϑΝΠϧ୯ҐͷΦϯΦϑ΋ point!

Slide 20

Slide 20 text

8FC$POTPMF 'JSFGPY͔Βͷجຊπʔϧ

Slide 21

Slide 21 text

No content

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

8FCίϯιʔϧ جຊతͳίϯιʔϧ γϣʔτΧοτ$USM"MU, දࣔҐஔ্ɺԼɺผ΢Οϯυ΢ ϝοηʔδͷϑΟϧλ 'Y͔Β͸ίϯιʔϧ։͘લͷ ϩάϝοηʔδ΋ه࿥͞ΕΔ point!

Slide 24

Slide 24 text

؆қ+BWB4DSJQU࣮ߦ؀ڥ ؆қ+4࣮ߦ؀ڥ ίʔυͷࣗಈิ׬΋͋Γ ஫'Y͔ΒϩέʔγϣϯόʔͰͷ KBWBTDSJQU63-͸ϖʔδݖݶͳ͠ ιʔγϟϧΤϯδχΞϦϯάରԠ ࠔΔͳΒ*OIFSJU1SJODJQBMΞυΦϯ IUUQTBEEPOTNP[JMMBPSH pSFGPYBEEPOJOIFSJUQSJODJQBM point!

Slide 25

Slide 25 text

ίϯιʔϧར༻࣌ͷ஫ҙ ίϯιʔϧ͸4BOECPY؀ڥ 8FCϖʔδͷཁૉʹ͸XJOEPX ܦ༝ͰΞΫηε͢Δඞཁ͋Γ ྫ͑͹ɺϖʔδίϯςΩετʹ άϩʔόϧม਺Λఆٛ͢Δʹ͸ XJOEPXGPPWBMVF *OTQFDUPSͰબ୒͍ͯ͠Δཁૉ ʹ͸ม਺ͰΞΫηεՄೳ point! point!

Slide 26

Slide 26 text

/FUXPSL3FRVFTU*OTQFDUPS )551ϔομͷ֬ೝ ίϯιʔϧͷ63-ΛΫϦοΫ 3FRVFTU3FTQPOTFϔομ ௨৴࣌ؒ΍$PPLJFͷ֬ೝ )551#0%:΋ه࿥Մೳ ӈΫϦοΫϝχϡʔ͔Βʮཁٻ ϘσΟͱԠ౴ϘσΟΛه࿥ʯ point!

Slide 27

Slide 27 text

4DSBUDIQBE &DMJQTF0SJPO಺ଂͷ+4࣮ߦ؀ڥ

Slide 28

Slide 28 text

No content

Slide 29

Slide 29 text

4DSBUDIQBE &DMJQTF0SJPOΤσΟλΛ಺ଂ γϣʔτΧοτ4IJGU' ίʔυΛ࣮ߦɺௐࠪɺදࣔ ௐࠪΠϯεϖΫλը໘Λදࣔ ද࣮ࣔߦ݁ՌΛίϝϯτͰૠೖ બ୒ൣғ͚ͩΛ࣮ߦՄೳʂ point!

Slide 30

Slide 30 text

4DSBUDIQBEར༻࣌ͷ஫ҙ 4DSBUDIQBE΋4BOECPY؀ڥ 8FCϖʔδͷཁૉʹ͸XJOEPX ܦ༝ͰΞΫηε͢Δඞཁ͋Γ ྫ͑͹ɺϖʔδίϯςΩετʹ άϩʔόϧม਺Λఆٛ͢Δʹ͸ XJOEPXGPPWBMVF point!

Slide 31

Slide 31 text

4DSBUDIQBEGPS$ISPNF $POUFOU͚ͩͰͳ͘$ISPNF؀ ڥͰ΋ར༻Մೳ BCPVUDPOpHͰ࣍ͷઃఆΛ EFWUPPMTDISPNFFOBCMFEUSVF ʮ࣮ߦ؀ڥʯϝχϡʔ͕௥Ճ ֦ுػೳ΍'JSFGPYຊମΛ։ൃ͢ Δ࣌ʹศརͰ͢ point!

Slide 32

Slide 32 text

4DSJQU%FCVHHFS ࠷୹Ͱ'JSFGPY໨ඪʹ։ൃத

Slide 33

Slide 33 text

No content

Slide 34

Slide 34 text

4DSJQU%FCVHHFS +BWB4DSJQUσόοΨͰ͢ γϣʔτΧοτ$USM"MU4 ݱࡏ/JHIUMZͰσϑΥϧτΦϑ EFWUPPMTEFCVHHFSFOBCMFEUSVF ϒϨʔΫϙΠϯτɺεςοϓ࣮ ߦɺίʔϧελοΫɺείʔϓม ਺ͳͲ͸طʹ࣮૷ࡁΈ

Slide 35

Slide 35 text

BOENPSF %FWFMPQFS5PPMCBS 4UZMF&EJUPSͷڧԽ ٙࣅΫϥεͷϩοΫɺࣗಈิ׬ɺૢ࡞ੑ޲্ *OTQFDUPSͷڧԽ ϨΠΞ΢τ৘ใͷදࣔɺෳ਺ಉ࣌)JHIMJHIU RVFSZ4FMFDUPSݕࡧϘοΫε 4PVSDF.BQ ͳͲͳͲ

Slide 36

Slide 36 text

͓·͚ɻ

Slide 37

Slide 37 text

.BSJPOFUUF ͋ͳͨͷ'JSFGPY΋ૢΓਓܗ

Slide 38

Slide 38 text

ϚϦΦωοτ ϦϞʔτςετυϥΠό 4FMFOJVNతͳ΋ͷͰ͢ #(։ൃͷͨΊ༏ઌ࣮૷͞Εͨ +40/Ͱ໋ྩΛϙʔτʹྲྀ͢ 1ZUIPOΫϥΠΞϯτ͋Γ 'JSFGPYඪ४ʹ͸ೖͬͯͳ͍ ಠࣗϏϧυͷ࡞੒͕ඞཁ

Slide 39

Slide 39 text

No content

Slide 40

Slide 40 text

Any Question ?