Download to read offline
はじめてのモバイルウェブアプリ 1
- 1.
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10. HTMLとは？ gif/jpg → 画像ソフト mpg/avi→ 動画ソフト xls → Excel html → ブラウザ
- 11.
- 12. タグ HTMLはタグによって Markupする言語です タグ＝ “<“ と“>” で囲ま れたもの
- 13.
- 14.
- 15.
- 16.
- 17.
- 18.
- 19.
- 20.
- 22.
- 23.
- 25.
- 26.
- 28.
- 29.
- 31.
- 32.
- 33.
- 34.
- 35.
- 36.
- 37.
- 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 の更新をチェック
- 39.
- 40.
- 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 Android1.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