Firefox OSアプリ開発ハンズオン(Hello World編)
•
3 likes•1,599 views
https://gunmaweb.doorkeeper.jp/events/21025 で使用したハンズオン資料。 Firefox OSのアプリのHello Worldから始まって、スマホに搭載されているセンサーをJavaScriptから使ってみるところまでをカバーしています。
Recommended
More Related Content
Viewers also liked
Viewers also liked (12)
Similar to Firefox OSアプリ開発ハンズオン(Hello World編)
Similar to Firefox OSアプリ開発ハンズオン(Hello World編) (20)
More from Noritada Shimizu
More from Noritada Shimizu (18)
Recently uploaded
Recently uploaded (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);