Tweet
Tweet

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

ϖʔδͷιʔεΛදࣔ  ͋Γ·͢ΑͶɺ౰વɻ  γϣʔτΧοτ$USM 6  '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 "MU 4  ݱࡏ/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 ?