Firefox OSアプリ開発ハンズオン(Hello World編)
•
3 j'aime•1,599 vues
https://gunmaweb.doorkeeper.jp/events/21025 で使用したハンズオン資料。 Firefox OSのアプリのHello Worldから始まって、スマホに搭載されているセンサーをJavaScriptから使ってみるところまでをカバーしています。
Recommandé
Contenu connexe
En vedette
En vedette (12)
Similaire à Firefox OSアプリ開発ハンズオン(Hello World編)
Similaire à Firefox OSアプリ開発ハンズオン(Hello World編) (20)
Plus de Noritada Shimizu
Plus de Noritada Shimizu (18)
Dernier
Dernier (20)
Firefox OSアプリ開発ハンズオン(Hello World編)
- 38. <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,user- scalable=no,initial-scale=1"> <title>Hello World</title> <link rel="stylesheet" href="app.css"> <script src="app.js" defer></script> </head>
- 42. body{ font-size: 18px; overflow: hidden; background-color: #00539F; } h1{ font-size: 640%; line-height: .8; color: white; }
- 47. var indicator; var displayBrightness = function(element, value){ element.textContent = value; }; var handleDeviceLightEvent = function(event){ var lux = event.value; if(indicator != null){ displayBrightness(indicator, lux); } }; window.addEventListener("devicelight", handleDeviceLightEvent);
- 48. var initApp = function(){ indicator = document.querySelector("h1"); }; window.addEventListener("load", initApp);
- 49. var indicator; var displayBrightness = function(element, value){ element.textContent = value; }; var handleDeviceLightEvent = function(event){ var lux = event.value; if(indicator != null){ displayBrightness(indicator, lux); } }; window.addEventListener("devicelight", handleDeviceLightEvent);