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

Webは今まさに面白い(オフライン編)

 Webは今まさに面白い(オフライン編)

自分がWebについてワクワクしていることを共有したく話したLT資料です。第5回 HTML5 minutes!
https://atnd.org/events/59057

Yohei Munesada

November 27, 2014
Tweet

More Decks by Yohei Munesada

Other Decks in Technology

Transcript

  1. Weakness of the Web ✓ Slow Speed
 දࣔ଎౓΍ը໘ͷ੾ସɺϓϩάϥϜͷ࣮ߦ଎౓ͳͲ ✓ JavaScript

    Poor Functions
 Map΍Setͱ͍ͬͨجຊతͳίϨΫγϣϯ΋αϙʔτ͍ͯ͠ͳ͍ ✓ Restricted functionality
 ి࿩΍Χϝϥ΍ϚΠΫͳͲ࢖͑ͳ͍ػೳ͕·ͩ·ͩଟ͍ ✓ etc
  2. Weakness of the Web ✓ Slow Speed
 දࣔ଎౓΍ը໘ͷ੾ସɺϓϩάϥϜͷ࣮ߦ଎౓ͳͲ ✓ JavaScript

    Poor Functions
 Map΍Setͱ͍ͬͨجຊతͳίϨΫγϣϯ΋αϙʔτ͍ͯ͠ͳ͍ ✓ Restricted functionality
 ి࿩΍Χϝϥ΍ϚΠΫͳͲ࢖͑ͳ͍ػೳ͕·ͩ·ͩଟ͍ ✓ etc
  3. Reason of slow web DNS Lookup 3-way handshake Content Download

    Execution ϑΝΠϧ࣮ߦ͢Δʹ΋ͳ͔ͳ͔େมʂʂ
  4. Available Offline Functionality ✓ HTML5 App Cacheʢ2008೥ʙʣ ✓ LocalStorage /

    SessionStorageʢ2009೥ʙʣ ✓ Navigator.onLine ✓ etc
  5. HTML5 App Cache ✓ ϚχϑΣετϑΝΠϧΛॻ͚͹࢖͑ͯ؆୯ CACHE MANIFEST # Time: Thu

    Oct 02 2014 20:10:16 GMT+0900 (JST) CACHE: js/all.js css/all.css NETWORK: * manifest.appcache
  6. Register - Service Worker navigator .serviceWorker.register('/sw.js', { scope: '/' }).then(function(sw)

    { console.log('ॲཧ੒ޭ'); }).catch(function(error) { console.log('ॲཧࣦഊ'); });
  7. Available Offline Functionality ✓ HTML5 App Cacheʢ2008೥ʙʣ ✓ LocalStorage /

    SessionStorageʢ2009೥ʙʣ ✓ Navigation.onLine ✓ Service Workerʢ2014೥ʙʣ
  8. Weakness of the Web ✓ Slow Speed
 දࣔ଎౓΍ը໘ͷ੾ସɺϓϩάϥϜͷ࣮ߦ଎౓ͳͲ ✓ JavaScript

    Poor Functions
 Map΍Setͱ͍ͬͨجຊతͳίϨΫγϣϯ΋αϙʔτ͍ͯ͠ͳ͍ ✓ Restricted functionality
 ి࿩΍Χϝϥ΍ϚΠΫͳͲ࢖͑ͳ͍ػೳ͕·ͩ·ͩଟ͍ ✓ etc ΦϑϥΠϯ +BWB4DSJQUΤϯ δϯͷੑೳ61 8FC(- &$."4DSJQU 8FC $PNQPOFOUT $P⒎FF4DSJQU "VEJP7JEFP .FEJB$BQUVSF 8FC4QFFDI "1*
  9. Weakness of the Web ✓ Slow Speed
 දࣔ଎౓΍ը໘ͷ੾ସɺϓϩάϥϜͷ࣮ߦ଎౓ͳͲ ✓ JavaScript

    Poor Functions
 Map΍Setͱ͍ͬͨجຊతͳίϨΫγϣϯ΋αϙʔτ͍ͯ͠ͳ͍ ✓ Restricted functionality
 ి࿩΍Χϝϥ΍ϚΠΫͳͲ࢖͑ͳ͍ػೳ͕·ͩ·ͩଟ͍ ✓ etc ΦϑϥΠϯ +BWB4DSJQUΤϯ δϯͷੑೳ61 8FC(- &$."4DSJQU 8FC $PNQPOFOUT $P⒎FF4DSJQU "VEJP7JEFP .FEJB$BQUVSF 8FC4QFFDI "1* 8FC͸ࠓ·͞ʹਐԽ͍ͯͯ͠໘ന͍ʂ
  10. ະདྷ͸࡞Δ͜ͱ͕Ͱ͖Δ ✓ Join to Github / Publish your code
 Polymer,

    jQuery, Angular, … ✓ Join to Mailing List
 Service Worker, … ✓ Join to User Group
 HTML5j, Angular, ….
  11. ະདྷ͸࡞Δ͜ͱ͕Ͱ͖Δ ✓ Join to Github / Publish your code
 Polymer,

    jQuery, Angular, … ✓ Join to Mailing List
 Service Worker, … ✓ Join to User Group
 HTML5j, Angular, …. ೔ຊ͔Βٕज़Λਐา͍ͤͨ͞