エラーで学ぶJavaScript

by 256times

Slide 1

Slide 1 text

ΤϥʔͰֶͿJavaScript JavaScript Debug Practice

Slide 2

Slide 2 text

Τϥʔͷղফͬͯ  େมͰ͢ΑͶ…

Slide 3

Slide 3 text

• ίʔυ • Τϥʔ ͋Δ͋ΔΤϥʔᶃ

Slide 4

Slide 4 text

͋Δ͋ΔΤϥʔᶄ • ίʔυ • Τϥʔ

Slide 5

Slide 5 text

͓࿩͢͠Δ͜ͱ • σόοάͰ࠳ંͨ͠࿩ • 256timesͰͷֶͼ • ΤϥʔͰֶͿJavaScript • ࣗݾ঺հ

Slide 6

Slide 6 text

͓࿩͢͠Δ͜ͱ • σόοάͰ࠳ંͨ͠࿩ • 256timesͰͷֶͼ • ΤϥʔͰֶͿJavaScript • ࣗݾ঺հ

Slide 7

Slide 7 text

աڈͷࣗ෼͕΍Ζ͏ͱͨ͜͠ͱ • JavaScriptͷจ๏͚֮ͩ͑ɺྲྀߦͷٕज़ͰϞόΠϧΞϓϦ։ൃ

Slide 8

Slide 8 text

աڈͷࣗ෼ʹى͖ͨ͜ͱ • ίʔυͷίϐϖΛ૊Έ߹ΘͤͯͲ͔͕͜͏·͍͔͘ͳ͍ • ΤϥʔϝοηʔδΛݕࡧͯ͠ώοτ͠ͳ͍ͱ͓ख্͛ • ݕࡧͯ͠ղܾͯ͠΋͙͢๨Εͯ·ͨ٧·Δ →࠳ં

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

͓࿩͢͠Δ͜ͱ • σόοάͰ࠳ંͨ͠࿩ • 256timesͰͷֶͼ • ΤϥʔͰֶͿJavaScript • ࣗݾ঺հ

Slide 11

Slide 11 text

׬੒·ͰʹνΣοΫϙΠϯτΛ࡞Δ • ίʔυΛҰؾʹॻ͍ͯͲ͔͕͜͏·͘ಈ͔ͳ͍ →׬੒·ͰͷόʔδϣϯΛܾΊͯҰͭҰͭಈ࡞Λ֬ೝ͍ͯ͘͠ Ver0.3ɹɹɹɹɹʮจࣈྻʯΛදࣔ ɹɹVer0.6ɹɹɹʮจࣈྻʯΛʮ഑ྻʯ͔Βදࣔ ɹɹɹɹVer1.0ɹʮจࣈྻʯΛʮ഑ྻʯ͔ΒʮϥϯμϜʯʹදࣔ

Slide 12

Slide 12 text

ϚχϡΞϧΛಡΜͰΈΔ • ΤϥʔϝοηʔδΛݕࡧͯ͠ղܾ͠ͳ͍ͱ٧Ή → ެࣜυΩϡϝϯτ΍ ϚχϡΞϧ΋ಡΜͰΈͯɺಈ࡞Λཧղ͢ Δ

Slide 13

Slide 13 text

׳Εͷେࣄ͞ • ݕࡧͯ͠ղܾͯ͠΋͙͢๨Εͯ·ͨ٧·Δ →ʮͰ͖ΔʯʹʮԿ΋ݟͳ͍Ͱॻ͚ΔʯΛ໨ࢦ͢ ɹʢͰ͖Δ·ͰʹΤϥʔΛܦݧͯ͠࢓༷ΛཧղͰ͖Δʣ

Slide 14

Slide 14 text

͓࿩͢͠Δ͜ͱ • σόοάͰ࠳ંͨ͠࿩ • 256timesͰͷֶͼ • ΤϥʔͰֶͿJavaScript • ࣗݾ঺հ

Slide 15

Slide 15 text

ͳͥΤϥʔΛֶͿͷ͔? • ౓ॏͳΔΤϥʔͰ࣌ؒΛऔΒΕɺ΍Δؾ͕཭Ε͍͖͕ͯͪ • HTML΍CSSʹൺ΂ͯɺJavaScript͸Τϥʔ͕͋Δͱը໘͕ඳը ͞Εͳ͍͜ͱ͕͋Δ

Slide 16

Slide 16 text

खΛಈ͔ͯ͠ΤϥʔΛֶͿػձ͸গͳ͍ • JavaScriptͷΤϥʔֶ͕΂Δίϯςϯπ • JavaScriptΤϥʔϦϑΝϨϯεɿɹΤϥʔҰཡͱɺαϯϓϧίʔυ • Debugging quizɿɹ໰୊ʹରͯ͠બ୒ࢶͰղ౴ • JavaScript Web Quizɿɹ໰୊ʹରͯ͠બ୒ࢶͰղ౴

Slide 17

Slide 17 text

JavaScript Debug Practice

Slide 18

Slide 18 text

JavaScript Debug Practice • URL͸ίνϥ • JavaScriptͷΤϥʔ໰୊ू • ίʔυΛमਖ਼ͯ͠σόοάΛମݧͰ͖Δ • ώϯτͱͯ͠Α͋͘ΔΤϥʔͱݪҼ·ͱΊΛ༻ҙ

Slide 19

Slide 19 text

ʢσϞʣ

Slide 20

Slide 20 text

͜ͷࢿྉΛॻ͍ͨਓ • @zawa_zawa0210 • SIerͰΠϯϑϥͱ։ൃࢧԉΛ୲౰ɻ • JavaScriptྺ͸ޒϲ݄͘Β͍ɻ • Ұॹʹ࡞ۀʢ΋͘΋͘ձʣͯ͘͠ΕΔํΛืू͍ͯ͠·͢ʂ