Upgrade to Pro — share decks privately, control downloads, hide ads and more …

JavaScript 再入門 (其の1)

Taxift
July 29, 2018

JavaScript 再入門 (其の1)

JavaScript をちゃんと書きたい人向けに、超基本的なことだけを5分間のプレゼン用にまとめました。
講義でレッスンプランを作って一部スライドにしたものに補足したものです。
なお、其の1ってなってますが、続きはこれを見た人の反応次第です(つまり何もできてない)。

Taxift

July 29, 2018
Tweet

More Decks by Taxift

Other Decks in Programming

Transcript

  1. ͳͥ͜ͷεϥΠυΛ͔ͭͬͨ͘ • #$ JavaScript    •  

     %  • #   "!  +BWB4DSJQU࠶ೖ໳!ΠϯετϥΫγϣφϧσβΠϯ 
  2. ͜ͷεϥΠυͷ໨త • JavaScript '& (#  !"$%  • JavaScript

     " $  +BWB4DSJQU࠶ೖ໳!ΠϯετϥΫγϣφϧσβΠϯ 
  3. ໨࣍ • JavaScript  •  –  – 

    –    +BWB4DSJQU࠶ೖ໳!ΠϯετϥΫγϣφϧσβΠϯ 
  4. ໨࣍ • JavaScript  •  –  – 

    –    +BWB4DSJQU࠶ೖ໳!ΠϯετϥΫγϣφϧσβΠϯ 
  5. +BWB4DSJQU ͱ͸ • , – Web " # • ,.+

     HTML + CSS + JavaScript – Node.js • '( / – &%)* 1/ • -20 $!)*  +BWB4DSJQU࠶ೖ໳!ΠϯετϥΫγϣφϧσβΠϯ 
  6. ໨࣍ • JavaScript •  –  –  –

        +BWB4DSJQU࠶ೖ໳!ΠϯετϥΫγϣφϧσβΠϯ 
  7. ݫ֨Ϟʔυͷ࢖༻ ( •  .3'5   • +1%2- 

     • #$6 .3.   • !*4/ )&",0  +BWB4DSJQU࠶ೖ໳!ΠϯετϥΫγϣφϧσβΠϯ 
  8. ݫ֨Ϟʔυͷ༗ޮԽ • "use strict"; ,/* • 8 – 4+ a

    -& )$"1.2 %#3'6(  0 !1 57 *  +BWB4DSJQU࠶ೖ໳!ΠϯετϥΫγϣφϧσβΠϯ a = 1; // %#  var a = 1; 
  9. ໨࣍ • JavaScript •  –  –  –

        +BWB4DSJQU࠶ೖ໳!ΠϯετϥΫγϣφϧσβΠϯ 
  10. ม਺એݴͷछྨ • var, const, let 3) • const let 

    3% " – const #! – let (! – { } $ { }  '&  •    +BWB4DSJQU࠶ೖ໳!ΠϯετϥΫγϣφϧσβΠϯ 
  11. ม਺એݴͷछྨ • var (.0 3.2 , – if  for

    0/+ 3.&  • (.! • # "3.$)* – Web  -'%1)*  +BWB4DSJQU࠶ೖ໳!ΠϯετϥΫγϣφϧσβΠϯ 
  12. ม਺એݴͷछྨ • var (.0 3.2 , – if  for

    0/+ 3.&  • (.! • # "3.$)* – Web  -'%1)*  +BWB4DSJQU࠶ೖ໳!ΠϯετϥΫγϣφϧσβΠϯ  var ܯ࡯ʹั·Γ·͢ɻ
  13. WBSͱ DPOTUɾMFU • { }   • { }

      +BWB4DSJQU࠶ೖ໳!ΠϯετϥΫγϣφϧσβΠϯ if( true ) { var a = "hello"; } const b = a; //   if( true ) { const a = “hello”; } const b = a; //    
  14. ϕετɾϓϥΫςΟε •   const  –   let

     – var    +BWB4DSJQU࠶ೖ໳!ΠϯετϥΫγϣφϧσβΠϯ 
  15. ໨࣍ • JavaScript •  –  –  –

        +BWB4DSJQU࠶ೖ໳!ΠϯετϥΫγϣφϧσβΠϯ 
  16. ൺֱԋࢉࢠ • ==  ===   – '>= 

    >== ! 12$% &# • 1)==>=  "*  • 2)===>==  ( • +   +BWB4DSJQU࠶ೖ໳!ΠϯετϥΫγϣφϧσβΠϯ  const a = 1; const b = "1"; a == b //  true a === b //  false
  17. ൺֱԋࢉࢠ •  undefined  null   ? ?

    ? ? ? • ===  false    +BWB4DSJQU࠶ೖ໳!ΠϯετϥΫγϣφϧσβΠϯ  null == undefined //  true false == 0 //  true false == "" //  true
  18. ϕετɾϓϥΫςΟε • JavaScript      === !==

    >== <==  +BWB4DSJQU࠶ೖ໳!ΠϯετϥΫγϣφϧσβΠϯ 
  19. ໨࣍ • JavaScript •  –  –  –

        +BWB4DSJQU࠶ೖ໳!ΠϯετϥΫγϣφϧσβΠϯ  ׬