Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (20)
Similar a はじめてのモバイルウェブアプリ 1
Similar a はじめてのモバイルウェブアプリ 1 (20)
Más de Taisuke Fukuno
Más de Taisuke Fukuno (20)
はじめてのモバイルウェブアプリ 1
- 3. 地域の宝探し
- 10. HTMLとは？ gif/jpg → 画像ソフト mpg/avi → 動画ソフト xls → Excel html → ブラウザ
- 11. HTML例 <!DOCTYPE html> <html> <head> <title>地域の宝</title> </head> <body> 鯖江：サバエドッグ </body> </html>
- 12. タグ HTMLはタグによって Markupする言語です タグ＝ “<“ と “>” で囲ま れたもの
- 19. HTML例 <!DOCTYPE html> <html> <head> <title>地域の宝</title> </head> <body> 鯖江：サバエドッグ </body> </html>
- 23. <br> 改行するタグ
- 31. どんどんつなぐ
- 32. どんどんつなぐ
- 33. どんどんつなぐ
- 36. 完
- 38. Offline Application ローカルにキャッシュするものを設定 test.manifest （mime-type = text/cache-manifest） CACHE MANIFEST hello.js FALLBACK # ヒットしないときに表示 ./ fallback.html NETWORK # キャッシュしないもの ./api/ <html manifest=“test.manifest"> 使われる時に、test.manifest の更新をチェック
- 41. 自由に描画できるCanvas var canvas = document.getElementById('canvas').getContext('2d'); canvas.strokeStyle = "rgb(255, 0, 0)"; canvas.beginPath(); canvas.moveTo(10, 10); canvas.lineTo(100, 100); canvas.closePath(); canvas.stroke(); http://fukuno.jig.jp/canvas-test.html canvas.fillStyle = "rgb(0, 0, 255)"; canvas.fillRect(50, 10, 50, 50); canvas.strokeStyle = "rgb(0, 255, 0)"; canvas.beginPath(); canvas.arc(40, 80, 20, 0, 2 * Math.PI, true); canvas.stroke();
- 42. Canvas 落書きサンプル field.onmousedown = function() { // マウスボタン押された }; field.onmousemove = function() { // マウス動いた }; field.onmouseup = function() { // マウスボタン離された } http://fukuno.jig.jp/canvas-draw.html
- 43. モバイルで外で遊ぶ • 残念ながらHT-03Aとか、XperiaはAndroid1.x iPhone Android 1.x Android 2.x Canvas O O O Offline Application O X O Local Storage O X O Audio/Video O X O Geo Location O X O