エラーで学ぶJavaScript

Transcript

1. ΤϥʔͰֶͿJavaScript JavaScript Debug Practice
2. Τϥʔͷղফͬͯ
 େมͰ͢ΑͶ…
3. • ίʔυ • Τϥʔ ͋Δ͋ΔΤϥʔᶃ
4. ͋Δ͋ΔΤϥʔᶄ • ίʔυ • Τϥʔ
5. ͓࿩͢͠Δ͜ͱ • σόοάͰ࠳ંͨ͠࿩ • 256timesͰͷֶͼ • ΤϥʔͰֶͿJavaScript • ࣗݾ঺հ
6. ͓࿩͢͠Δ͜ͱ • σόοάͰ࠳ંͨ͠࿩ • 256timesͰͷֶͼ • ΤϥʔͰֶͿJavaScript • ࣗݾ঺հ
7. աڈͷࣗ෼͕΍Ζ͏ͱͨ͜͠ͱ • JavaScriptͷจ๏͚֮ͩ͑ɺྲྀߦͷٕज़ͰϞόΠϧΞϓϦ։ൃ
8. աڈͷࣗ෼ʹى͖ͨ͜ͱ • ίʔυͷίϐϖΛ૊Έ߹ΘͤͯͲ͔͕͜͏·͍͔͘ͳ͍ • ΤϥʔϝοηʔδΛݕࡧͯ͠ώοτ͠ͳ͍ͱ͓ख্͛ • ݕࡧͯ͠ղܾͯ͠΋͙͢๨Εͯ·ͨ٧·Δ →࠳ં
10. ͓࿩͢͠Δ͜ͱ • σόοάͰ࠳ંͨ͠࿩ • 256timesͰͷֶͼ • ΤϥʔͰֶͿJavaScript • ࣗݾ঺հ
11. ׬੒·ͰʹνΣοΫϙΠϯτΛ࡞Δ • ίʔυΛҰؾʹॻ͍ͯͲ͔͕͜͏·͘ಈ͔ͳ͍ →׬੒·ͰͷόʔδϣϯΛܾΊͯҰͭҰͭಈ࡞Λ֬ೝ͍ͯ͘͠ Ver0.3ɹɹɹɹɹʮจࣈྻʯΛදࣔ ɹɹVer0.6ɹɹɹʮจࣈྻʯΛʮ഑ྻʯ͔Βදࣔ ɹɹɹɹVer1.0ɹʮจࣈྻʯΛʮ഑ྻʯ͔ΒʮϥϯμϜʯʹදࣔ
12. ϚχϡΞϧΛಡΜͰΈΔ • ΤϥʔϝοηʔδΛݕࡧͯ͠ղܾ͠ͳ͍ͱ٧Ή → ެࣜυΩϡϝϯτ΍ ϚχϡΞϧ΋ಡΜͰΈͯɺಈ࡞Λཧղ͢ Δ
13. ׳Εͷେࣄ͞ • ݕࡧͯ͠ղܾͯ͠΋͙͢๨Εͯ·ͨ٧·Δ →ʮͰ͖ΔʯʹʮԿ΋ݟͳ͍Ͱॻ͚ΔʯΛ໨ࢦ͢ ɹʢͰ͖Δ·ͰʹΤϥʔΛܦݧͯ͠࢓༷ΛཧղͰ͖Δʣ
14. ͓࿩͢͠Δ͜ͱ • σόοάͰ࠳ંͨ͠࿩ • 256timesͰͷֶͼ • ΤϥʔͰֶͿJavaScript • ࣗݾ঺հ
15. ͳͥΤϥʔΛֶͿͷ͔? • ౓ॏͳΔΤϥʔͰ࣌ؒΛऔΒΕɺ΍Δؾ͕཭Ε͍͖͕ͯͪ • HTML΍CSSʹൺ΂ͯɺJavaScript͸Τϥʔ͕͋Δͱը໘͕ඳը ͞Εͳ͍͜ͱ͕͋Δ
16. खΛಈ͔ͯ͠ΤϥʔΛֶͿػձ͸গͳ͍ • JavaScriptͷΤϥʔֶ͕΂Δίϯςϯπ • JavaScriptΤϥʔϦϑΝϨϯεɿɹΤϥʔҰཡͱɺαϯϓϧίʔυ • Debugging quizɿɹ໰୊ʹରͯ͠બ୒ࢶͰղ౴ • JavaScript Web Quizɿɹ໰୊ʹରͯ͠બ୒ࢶͰղ౴
17. JavaScript Debug Practice
18. JavaScript Debug Practice • URL͸ίνϥ • JavaScriptͷΤϥʔ໰୊ू • ίʔυΛमਖ਼ͯ͠σόοάΛମݧͰ͖Δ • ώϯτͱͯ͠Α͋͘ΔΤϥʔͱݪҼ·ͱΊΛ༻ҙ
19. ʢσϞʣ
20. ͜ͷࢿྉΛॻ͍ͨਓ • @zawa_zawa0210 • SIerͰΠϯϑϥͱ։ൃࢧԉΛ୲౰ɻ • JavaScriptྺ͸ޒϲ݄͘Β͍ɻ • Ұॹʹ࡞ۀʢ΋͘΋͘ձʣͯ͘͠ΕΔํΛืू͍ͯ͠·͢ʂ