だから_今_JavaScriptをさわろう|Ionic2 / should use JavaScript now

「フロントエンド×モバイルアプリ勉強会」（http://kfug.connpass.com/event/28159/）でのプレゼン資料です。

Transcript

1. ͔ͩΒɺࠓɺ+BWB4DSJQUΛ͞ΘΖ͏ 
   .BTBIJLP
   4BLBLJCBSB
   !TBLBLJ ϑϩϯτΤϯυºϞόΠϧΞϓϦษڧձ
2. w SEMBCPJOD୅දཧࣄɻBSFBJBJOD
   $50ɻ
   w ࢓ࣄ͸ɺ·ͪͮ͘ΓɻϦϊϕʔγϣϯࣄۀߏங ͱ͔ɺ౷ܭௐࠪͱ͔ɺϚʔέοτࣄۀ্ཱͪ͛ ͱ͔ɻͦͷҰ؀ͰɺΞϓϦ։ൃ΋ͯ͠·͢ɻ
   w ຊ౰Ͱ͢ɻ
   w ࠷ۙɺΞϓϦ։ൃͷXFJHIU͕ʹۙ͘ ͳ͍ͬͯ·͕͢ɺ·ͪͮ͘Γ͕࢓ࣄͰͬͯ͢͹ʂ $
   
   Ұൠࣾஂ๏ਓϦϨʔγϣϯσβΠϯݚڀॴ 1SPpMF Ḇݪণ඙
3. $
   
   Ұൠࣾஂ๏ਓϦϨʔγϣϯσβΠϯݚڀॴ ΞϓϦέʔγϣϯͬͯʁ
4. w ʮίϯϐϡʔλͰɺ࢖༻ऀͷۀ຿ʹԠͯ͡࡞੒ͨ͠ϓϩά ϥϜɻʯ
   w )5.-$44Ͱͭͬͨ͘੩త8FCαΠτ͸ΞϓϦέʔγϣϯͬ ͍ͯΘͳ͍ΑͶ
   w ΈΜͳେ޷͖8PSE1SFTT͸ΞϓϦέʔγϣϯʁʁ $
   
   Ұൠࣾஂ๏ਓϦϨʔγϣϯσβΠϯݚڀॴ ΞϓϦέʔγϣϯͬͯʁ
5. w ͳ͔ͥɺϒϥ΢βͰίϯςϯπӾཡΛͨ͠Βɺ8FCϖʔδ ͱͯ͠ೝࣝ͢Δͷʹɺ"QQMF
   4UPSF͔Βམͱͨ͠ΒΞϓϦͱ ͯ͠ೝࣝ͢Δಾɻ $
   
   Ұൠࣾஂ๏ਓϦϨʔγϣϯσβΠϯݚڀॴ ΞϓϦέʔγϣϯͬͯʁ
6. w )5.- $44Ͱॻͥͬ͘ʂ $
   
   Ұൠࣾஂ๏ਓϦϨʔγϣϯσβΠϯݚڀॴ XFCαΠτ 8FCΞϓϦ w 1)1ͳͲΛ࢖ͬͯಈతʹϖʔδ ੜ੒͢Δͥͬʂ
   ΞϓϦέʔγϣϯͬͯʁ εϚϗΞϓϦ σεΫτοϓΞϓϦ w "QQMF༷͸0CKFDU$Ͱॻ͚ͱ ͍͏͠ɺ(PPHMF༷͸+BWB͕ ͓޷͖Α͏ɻ w $ Ͱॻ͘ͱɺෳ਺ϓϥοτ ϑΥʔϜͰ͍͚ΔΑʂ
7. $
   
   Ұൠࣾஂ๏ਓϦϨʔγϣϯσβΠϯݚڀॴ ΞϓϦέʔγϣϯͬͯʁ ڥքઢΛഁյ͢Δ+BWB4DSJQUʂ
8. w +BWB4DSJQUϑϨʔϜϫʔΫΛ࢖ͬ ͯɺ41"ͱ͔Α͘ͳ͍ʁ
   w ௨஌͕͔ͨͬͨ͠Βɺ8FC
   /PUJpDBUJPOTΛ+4Ͱॻ͚͹ʁ $
   
   Ұൠࣾஂ๏ਓϦϨʔγϣϯσβΠϯݚڀॴ XFCαΠτ 8FCΞϓϦ w #BB4΍.POHP%#࢖ͬͨΒɺ +BWB4DSJQU͚ͩͰܝࣔ൘΋࡞ ΕΔΑ͏ʹʂ ΞϓϦέʔγϣϯͬͯʁ εϚϗΞϓϦ σεΫτοϓΞϓϦ w "QBDIF
   $PSEPWB࢖ͬͨΒɺ +BWB4DSJQUͰJ04ΞϓϦ΋ "OESPJEΞϓϦ΋ॻ͚ΔΑɻ w &MFDUSPO࢖ͬͨΒɺ΍ͬͺΓ +BWB4DSJQUͰσεΫτοϓΞ ϓϦ΋ॻ͚ΔΑʁ
9. $
   
   Ұൠࣾஂ๏ਓϦϨʔγϣϯσβΠϯݚڀॴ ΞϓϦέʔγϣϯͬͯʁ શ෦ɺ+BWB4DSJQUͰॻ͚ͪΌ͏ʂ
10. $
    
    Ұൠࣾஂ๏ਓϦϨʔγϣϯσβΠϯݚڀॴ +BWB4DSJQUࣁ෬ͷ࣌୅
11. w ྲྀΕΔจࣈɺඞཁͷͳ͍BMFSU ͰʮएҪͷϗʔϜϖʔδ΁Α ͏ͦͬ͜ʂʯ
    w ย෇͚΋ͳ͍͠ɺ$MBTT΋ͳ ͍͠ɺॻ͖ʹ͍͘ΑͶɻ $
    
    Ұൠࣾஂ๏ਓϦϨʔγϣϯσβΠϯݚڀॴ +BWB4DSJQUࣁ෬ͷ࣌୅ K2VFSZొ৔લ K2VFSZొ৔ w ͋Εɺ+4ͬͯॻ͍ͨΒϦονͳ Ϣʔβମݧ͕࣮ݱͰ͖͍͍ͯΜ ͡Όͳ͍ʁ
    w ϖʔδભҠ·Ͱ+4Ͱॻ͚ͪΌ͏ ͡ΌΜʂ
    w ྔ࢈͞ΕΔεύήοςΟίʔυɻ ൿ఻ͷλϨɻ
12. w "OHVMBS+4͛͢ʔʂK2VFSZͰ ͸εύήοςΟʹͳͬͯͨίʔ υ͕੔ཧͰ͖Δʂ
    w Α͠ɺมߋݕ஌ͰXBUDI͢ Δͧʂ
    w ίϯϙʔωϯτࢦ޲Ͱ࡞ΕΔ Μ͡ΌͶʁ
    w ܹ஗ɻ $
    
    Ұൠࣾஂ๏ਓϦϨʔγϣϯσβΠϯݚڀॴ +BWB4DSJQUࣁ෬ͷ࣌୅ +4ϑϨʔϜϫʔΫొ৔ 'BDFCPPLͷࣦഊ w 'BDFCPPLʮ͜Ε͕ͦ͜ɺ࣍ ੈ୅ͷϞόΠϧͷ͋ΓํͰ ͸ʂʯ
    w ૣ͗ͨͨ͢ΊʹɺεϖοΫ͕ ௥͍͔ͭͣେࣦഊ
    w ٸᬎɺωΠςΟϒΞϓϦʹॻ ͖׵͑Δ
13. w )5.-ͷن֨Խ͕ਐΈɺϒϥ΢β΋ਖ਼ࣜରԠɾνϡʔχϯ ά͞ΕͨΑͶ
    w σόΠεࣗମͷॲཧ଎౓͕͕͋ͬͨΑͶ
    w +4ϑϨʔϜϫʔΫ΋ཚཱ͍ͯ͠Ζ͍Ζͳ΋ͷ͕ੜ·Εͯɺ ચྱ͞Εͨ͠
    w "MU+4ͷ஀ੜʹΑͬͯɺ+BWB4DSJQUࣗମॻ͖΍͘͢ͳͬͨʂ $
    
    Ұൠࣾஂ๏ਓϦϨʔγϣϯσβΠϯݚڀॴ ͚Ͳɺ+BWB4DSJQUͷ࣌୅͕
14. $
    
    Ұൠࣾஂ๏ਓϦϨʔγϣϯσβΠϯݚڀॴ +BWB4DSJQUͷ࣌୅͕͖͔ͨ΋ʂ
15. $
    
    Ұൠࣾஂ๏ਓϦϨʔγϣϯσβΠϯݚڀॴ +BWB4DSJQUͷ࣌୅͕͖͔ͨ΋ʂ )FMMP
    8PSME
16. $
    
    Ұൠࣾஂ๏ਓϦϨʔγϣϯσβΠϯݚڀॴ +BWB4DSJQUͷ࣌୅͕͖͔ͨ΋ʂ ͜Μʹͪ͸ɺ
    ʢϞόΠϧΞϓϦΛϑϩϯτΤϯυͷٕज़Ͱͭ͘Δʣ
    ੈքʂ
17. $
    
    Ұൠࣾஂ๏ਓϦϨʔγϣϯσβΠϯݚڀॴ ·ͩ஻͍͍ͬͯʁ
18. $
    
    Ұൠࣾஂ๏ਓϦϨʔγϣϯσβΠϯݚڀॴ ·ͩ஻͍͍ͬͯʁ
19. $
    
    Ұൠࣾஂ๏ਓϦϨʔγϣϯσβΠϯݚڀॴ "OHVMBS͖·ͨ͠Ͷ
20. $
    
    Ұൠࣾஂ๏ਓϦϨʔγϣϯσβΠϯݚڀॴ "OHVMBS͖·ͨ͠Ͷ w ॲཧ଎౓͸େ෯ʹվળʢʙഒʣ
    w αʔόʔαΠυϨϯμϦϯά͕Մೳ ͳz"OHVMBS
    6OJWFSTBMzΛੵΜͩΓ
    w "MU+4લఏͷ%PDVNFOUͩͬͨΓ
    w ࣍ੈ୅+4ϓϥοτϑΥʔϜͱͯ͠ɺ Ќ൛ͷݱࡏ΋େ͖ͳ஫໨Λཋͼͯ· ͢ɻ ৄ͘͠͸ɺ͜ͷํʹ
21. $
    
    Ұൠࣾஂ๏ਓϦϨʔγϣϯσβΠϯݚڀॴ *POJD΋ɺ͍͢͝εϐʔυͰ։ൃத w "OHVMBSͷ6*ϑϨʔϜϫʔΫͰɺ؆ ୯ʹ։ൃ͢ΔͨΊͷ޻෉͕ͨ͘͞Μ
    w ؀ڥߏங͕೉͍͠ͱ͍ΘΕΔ "OHVMBS͚ͩͲɺ*POJDͳΒҰൃʂ
    w ߦͷίʔυͰɺεϚϗΞϓϦ΋CVJME Մೳʂ
    w 8JOEPXT1IPOF΋ରԠͨ͠Αʂ
22. $
    
    Ұൠࣾஂ๏ਓϦϨʔγϣϯσβΠϯݚڀॴ *POJD΋ɺ͍͢͝εϐʔυͰ։ൃத w TMBDLͰ೔ຊޠίϛϡχςΟ΋͋ΔΑ
 IUUQTJPOJDKBIFSPLVBQQDPN
    w "OHVMBS
    
    XFCQBDL
    
    HVMQ
    
    TDTT
    
    
    UZQFTDSJQU
    
    DPSEPWB
    w *POJDͻͱͭͰɺ࠷ۙͷϑϩϯτΤ ϯυ։ൃΛҰ௨Γ࢖͑Δ
    w Ϟμϯͳ։ൃΛͥͻମݧͯ͠Έͯ͘ ͍ͩ͞ʂ
23. Relation Design