JavaScript初心者がFirefox OSの時計アプリを読んでみた

Transcript

1. +BWB4DSJQUॳ৺ऀ͕
 'JSFGPY
   04ͷ
   ࣌ܭΞϓϦΛಡΜͰΈͨ @staybuzz @benevolent0505 @jade_halcyon 
 'Y04ίʔυϦʔσΟϯάϛʔτΞοϓ
   
2. ࣗݾ঺հ
   dstaybuzzd @staybuzz • ిؾ௨৴େֶ
   ೥
   • ࠷ۙόΠτ࢝Ίͨ
   o Ϋϥ΢υʂ
   • ͋·Γϓϩάϥϛϯά͠ͳ͍
   • චശͷ৭͸'JSFGPYΦϨϯδ
3. ࣗݾ঺հ
   dbenevolent0505d !benevolent0505 Έ͖͓
   • ిؾ௨৴େֶ
   ೥ੜ
   ! • ϓϩάϥϛϯά͸ॳ৺ऀؾຯʁ
   ! • ϚοΫϒοΫΦϨ
4. ࣗݾ঺հ
   djade_halcyond !jade_halcyon ͋͗͞Μ
   w ిؾ௨৴େֶ̏೥
   w ϓϩάϥϛϯάॳ৺ऀ
   w +BWB4DSJQU͸z)FMMP
   XPSMEz͢Βॻ͚ͳ͍͘ Β͍ʹΘ͔Βͳ͔ͬͨ
   w ΋ʹΐ΋ʹΐ
5. ൃදͷഎܠ  ౔ ʹߦΘΕͨ04$ʹͯ
   !NBTBXBEBʮ࠙਌ձ͋Δ͠ߦ͖·͠ΐ͏ʂʯ
   ๻ୡʮֶੜԁͳΒߦͬͯΈΑ͏͔ͳʜʯ ͥͻߦ͖·͠ΐ͏ʂ
6. ൃදͷഎܠ 04$࠙਌ձʹͯ!BPJ@OBHBUTVLJ͞Μʹ
   BPJʮ܅ͨͪɺ'Y04ڵຯ͋ΔΑͶʁ͆ʯ
   ˣ
   BPJʮίʔυಡΜͰΈͳ͍ʁ͆ʯ
   ˣ
   BPJʮ࿮ۭ͍ͯΔΜ͚ͩͲɺग़ΔΑͶʁ͆ʯ
   ˣ
   ๻ୡʮ͋͸͸͸ʙ͆ʯ
   ʊਓਓਓਓਓਓʊ
   ʼɹొஃܾఆɹʻ
   ʉ:?:?:?:?:ʉ
7. ࣗ෼͕ͨͪͨ͜͠ͱdऔΓ૊Έͷํ਑d ! w·ͣ͸֤͕ࣗࣗ༝ʹಡΈਐΊ͍ͯ͘
   wண໨఺ͷચ͍ग़͠
   w(PPHMFεϓϨουγʔτʹΘ͔ͬͨ͜ͱΛ࣍ʑ ʹϝϞ͍ͯ͘͠
   w৘ใڞ༗
8. ࣗ෼͕ͨͪͨ͜͠ͱdऔΓ૊Έͷํ਑d w ೔ʹҰ౓΄ͲͷϖʔεͰ4LZQF͠ͳ͕Βಡ ΈਐΊΔ
   w Ϟνϕʔγϣϯͷҡ࣋ɺूத
9. ࣗ෼͕ͨͪͨ͜͠ͱd࣮ࡍͷྲྀΕd panels alarm stopwatch timer clock_view alarm_list post_message
 _proxy active_alarm alarm_edit child_window
 _manager ֤ϑΝΠϧɾσΟϨΫτϦ໊͔Β໾ׂΛਪଌ
10. ࣗ෼͕ͨͪͨ͜͠ͱd࣮ࡍͷྲྀΕd • σόοΨΛ࢖͍͸͡ΊΔ
    ◦ ͱ͸͍͑ɺίʔυΛಡΉ͚ͩ
    ◦ ϒϨʔΫϙΠϯτɾɾɾʁ
    • ϝιου໊ͰίʔυΛݕࡧ͠ݺͼग़͠ͷྲྀΕΛਪଌ
    ◦ ͋͘·Ͱʮਪଌʯ͔͍ͯ͠͠ͳ͔ͬͨ
11. ࣗ෼͕ͨͪͨ͜͠ͱd࣮ࡍͷྲྀΕd w ΞϥʔϜ͕໐Δॠؒʹண໨͢Δ͜ͱʹ
    w ΞϥʔϜͷ࠷ॏཁػೳ ʁ ͳʹ͕ΞϥʔϜΛ ໐Β͍ͯ͠Δͷɾɾɾʁ
12. ࣗ෼͕ͨͪͨ͜͠ͱd࣮ࡍͷྲྀΕd w ϒϨʔΫϙΠϯτͷଘࡏΛ஌Δʂʂʂ
    w ਪଌ͕֬৴ʹมΘΔॠؒ ϒϨʔΫϙΠϯτɺ
 ࢖ͬͯ·͔͢ʁ
13. Θ͔ͬͨ͜ͱ
14. Θ͔ͬͨ͜ͱdΞϥʔϜͷൃՐd Navigator.mozAlarm ! w ࢦఆ࣌ؒʹΠϕϯτΛൃՐ
    w 'Y04ݻ༗ͷ"1*
    w ར༻ʹ͸ಛݖΞϓϦͰ͋Δ͜ͱ͕ඞཁ
15. Θ͔ͬͨ͜ͱdΞϥʔϜͷൃՐd manifest.webappͷpermissions෦෼ https://github.com/mozilla-b2g/gaia/blob/master/apps/clock/manifest.webappΑΓ ͜͜
16. Θ͔ͬͨ͜ͱdΞϥʔϜͷൃՐd Alarm.scheduleϝιου navigator.mozAlarm.add() ͕ൃՐ࣌ؒΛࢦఆ ΞϥʔϜ࡞੒࣌
17. ` Θ͔ͬͨ͜ͱdΞϥʔϜͷൃՐd onAlarmFired or onTimerFired Viewͷ දࣔ indexedDB mozSetMessageHandler ͕ઃఆ onMozAlarm ΞϥʔϜൃՐ࣌ʂʂ อଘ͞ΕͨΞϥʔϜ ͷઃఆΛಡΈࠐΉ ϝΠϯετϦʔϜ
18. Θ͔ͬͨ͜ͱdεψʔζd  ൃՐͨ͠ΞϥʔϜͷ*%ͷ৘ใΛ%#ΑΓऔಘ active_alarm.js (v2.0)
19. Θ͔ͬͨ͜ͱdεψʔζd  ݱࡏ࣌ࠁ b4OPP[F`Λλοϓͨ࣌͠ࠁ ʹ༧Ίઃఆͨ͠ε ψʔζλΠϜΛ଍ͨ࣌͠ࠁΛ%#ʹॻ͖ࠐΈ alarm.js (v2.0)
20. Θ͔ͬͨ͜ͱd"1*ͱ͔d ! • Navigator.mozAlarm w ࠓճͷ࣌ܭΞϓϦͷ؊
    • Navigator.mozSetMessageHandler w γεςϜʹൃՐ࣌ͷىಈ͢ΔΠϕϯτΛઃఆ͢ΔͨΊ
    • Navigator.requestWakeLock w ݤʹͳ͍ͬͯͦ͏ͳΜ͚ͩͲಾɾɾɾ
21. Θ͔ͬͨ͜ͱd8FC
    "1*d 8FC
    "1*Λ࢖ͬͯΞϓϦΛ։ൃ͕Ͱ͖Δ
    ʢྫʣ
    • indexedDB API ◦ ΞϥʔϜͷઃఆͷอଘʹ࢖༻
    • vibration API ◦ ୺຤ͷόΠϒϨʔγϣϯ
22. ίʔυϦʔσΟϯάʹऔΓ૊ΜͰΈͨ݁Ռ
    dऔΓ૊Έํʹ͍ͭͯd • ࢝Ί͸֤͕ࣗࣗ༝ʹಡΜͰ͍͘
    • +4ͷجຊతͳ஌͔ࣝΒ
    • ͩΜͩΜ֤ࣗͷಡΉൣғʹऩଋ
    ! • (PPHMFεϓϨουγʔτʹ·ͱΊΔ
    • ଞਓͷϝϞ͕͔ͳΓ໾ʹཱͬͨ
    ! • 4LZQFͰձ࿩Λ͠ͳ͕ΒಡΉ
    • ΋͘΋͘ձ෩Ͱ͸͕͋ͬͨɾɾɾ
23. ίʔυϦʔσΟϯάʹऔΓ૊ΜͰΈͨ݁Ռ
    dܦݧʹ͍ͭͯd  .%/ͷهࣄ ӳޠ ͕໾ʹཱͬͨ
    w ॳΊʹ'Y04ͷ߲໨ʹͭͯಡΊ͹Α͔ͬͨײ
24. ίʔυϦʔσΟϯάʹऔΓ૊ΜͰΈͨ݁Ռ
    dܦݧʹ͍ͭͯd  γϛϡϨʔλͱ(JUIVCͷNBTUFSϒϥϯνͷ όʔδϣϯͷҧ͍ master v 2.0
25. ίʔυϦʔσΟϯάʹऔΓ૊ΜͰΈͨ݁Ռ
    dܦݧʹ͍ͭͯd  +BWB4DSJQU͸೉͍͠
    w UIJTͱ͔QSPUPUZQFͱ͔
    w ࣗ༝౓͕ߴ͍
    w ॳ৺ऀʹ͸ѻ͍ͮΒ͍
26. ίʔυϦʔσΟϯάʹऔΓ૊ΜͰΈͨ݁Ռ
    dܦݧʹ͍ͭͯd  σόοΨͷ࢖༻
    w ن໛ͷେ͖ͳ΋ͷʹ৮Δ͜ͱͰؾ͍ͮͨ༗༻ੑ
27. ײ૝
    dstaybuzzd • ॳσόοΨɺॳϒϨʔΫϙΠϯτʹײಈ
    ! • 'Y04ʹॳΊͯ৮ΕͯΈͯɺຊ౰ʹ)5.- ΍+4Ͱ࡞ΒΕ͍ͯΔͷ͔ʁͱٙͬͯ͠·ͬ ͨ
    ! • ͜ΕΛػʹ+4ͳͲΛษڧͯ͠ΞϓϦΛ࡞ͬ ͯΈ͍ͨ
28. ײ૝
    dbenevolent0505d w +BWB4DSJQU͕นͩͬͨ
    w ଞͷݴޠͱൺ΂Δͱ׳Εͳ͍ײ͡
    w 8FCͷٕज़ʹڵຯΛ΋ͬͨ
    w 8FCͷٕज़ͷڧྗ͞
    w ਓͰ΍Δ͜ͱͷྑ͞
    w ձ࿩͠ͳ͕Β΍ͬͨ΄͏͕ਐΜͩؾ͕͢Δ
29. ײ૝
    djade_halcyond Կ΋͔΋͕ॳΊͯͷܦݧͩͬͨ
    ɾΞϓϦέʔγϣϯʹ͍ͭͯ৮ΕΔ
    ! ɾ৮Εͨ͜ͱͷͳ͍ݴޠ
    ! ɾҰͭͷίʔυΛ̏ਓͰಡΉ
30. ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠