• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Firefox OS アプリケーション チュートリアル
 

Firefox OS アプリケーション チュートリアル

on

  • 796 views

Firefox OS アプリケーションのチュートリアルです。

Firefox OS アプリケーションのチュートリアルです。

Statistics

Views

Total Views
796
Views on SlideShare
796
Embed Views
0

Actions

Likes
0
Downloads
1
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Firefox OS アプリケーション チュートリアル Firefox OS アプリケーション チュートリアル Presentation Transcript

    • Firefox OSサンプルアプリケーション チュートリアル
    • 目次Firefox OS シミュレータのインストールアプリケーション作成アプリケーションインストール・起動
    • Firefox OSシミュレータ インストール Firefoxをインストールする http://www.mozilla.jp/firefox/ Firefox OS Simulatorアドオンをインストール する https://addons.mozilla.org/ja/firefox/ addon/firefox-os-simulator/
    • アプリケーション作成以下の2つのファイルを作成する 画面(index.html) manifest(sample.webapp) アイコン(icon-128.png)
    • アプリケーション作成 画面(index.html)HTML5で画面を作成する。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset=UTF-8> <title>サンプルアプリケーション</title> </head> <body> <h1>サンプルアプリケーション</h1> </body> </html>
    • アプリケーション作成 manifest(sample.webapp) アプリケーションの情報を記載したmanifest ファイルを作成する。 { "name": "サンプルアプリケーション", "description": "Firefox OSのサンプルアプリケーション", "icons": { "128": "/icon-128.png" }, "developer": { "name": "Sample Developer", "url": "http://example.jp" }, "default_locale": "ja", "launch_path": "/index.html" }※ 詳細は以下のページを参照  https://developer.mozilla.org/en-US/docs/Apps/Manifest
    • アプリケーション作成アイコン(icon-128.png)128x128のサイズでpng形式の画像ファイルを作成する。
    • アプリケーションインストール・起動index.html、sample.webapp、icon-128.pngを同一フォルダに配置する。Firefoxを起動し、メニューから[ツール]→[Web開発]→[Firefox OS Simulator]を選択する
    • アプリケーションインストール・起動Firefoxで新しいタブが開きFirefox OSSimulator画面が表示されるので、「AddDirectory」ボタンを押下し、sample.webappを選択する。Firefox OS Simulatorが起動し、サンプルアプリケーションが表示されます。