Download as PDF, PPTX
![manifest.webapp
# 最低限 name, description があればいい
{
"version": "1.0",
"name": "SampleApp",
"description": "サンプルアプリ",
"icons": { "48": "/img/icon-48.png" },
"developer": {
"name": "dynamis",
"url": "http://dynamis.jp/"
},
"installs_allowed_from": [
"https://appstore.mozillalabs.com"
]
}
Content-Type は application/x-web-app-manifest+json で送信](https://image.slidesharecdn.com/appsforwebplatform-120706025104-phpapp02/85/Apps-for-Web-Platform-30-320.jpg)
![manifest.webapp
{
"version": "1.0",
"name": "SampleApp",
"description": "サンプルアプリ",
"icons": { "48": "/img/icon-48.png" },
"widget": {
"path": "/widget.html",
"width": 100, "height": 200
},
"developer": {
"name": "dynamis",
"url": "http://dynamis.jp/"
},
"installs_allowed_from": ["https://appstore.mozillalabs.com"]
}
https://developer.mozilla.org/en/Apps/Manifest](https://image.slidesharecdn.com/appsforwebplatform-120706025104-phpapp02/85/Apps-for-Web-Platform-31-320.jpg)
Apps for Web Platform
- 1. Apps for Web ~DevelopingOpen Web Apps~ Slides @ DevCon in Osaka on 2012/06/30 by Tomoya Asai (dynamis) Last Update: 2012/06/30
- 2.
- 3. about:dynamis Mozilla Japan http://dynamis.jp @dynamitter facebook.com/ dynamis レッサーパンダが好き。 mailto: Tomoya ASAI <dynamis@mozilla-japan.org>
- 4. about:slides 下線なしリンクも使います コードは要点だけの簡略版 特に注意が必要なとき以外は -moz- 以外の接頭辞など割愛 画像からも時々 右下には補足や リンクしてます 一次情報源 URL mailto: Tomoya ASAI <dynamis@mozilla-japan.org>
- 5.
- 6. Mozilla Marketplace Device, OS 横断マーケット Web Platform のためのストア Firefox 限定とかじゃない 今年中に正式リリース予定 現在コミュニティメンバー限定、 Firefox 開発版ユーザ向け http://marketplace.mozilla.org/
- 7. オープンなアプリストア 全てを Web 技術で実装 安定・平等な環境を提供 ベンダー非依存 アプリストア、認証、課金 ... ブラウザ非依存 後方互換ダッシュボード https://persona.org/
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14. Marketplace のアプリ Web アプリ、そのまま。 レスポンシブデザイン オフラインキャッシュ localStorage & IndexedDB Canvas, WebGL Same Origin Policy チュートリアル: https://developer.mozilla.org/en/Apps/Tutorials/General
- 15. Marketplace アプリの違い ドメインに 1 つのアプリ 一部の API の使用権限 レビューでセキュリティ確保 BrowserID の自動ログイン ブラウザや他のアプリでログイン 済みならパスワード入力不要 https://developer.mozilla.org/en/Apps/Getting_Started
- 16. 既存の Web サイトや Webアプリそのまま 変更なしで OK！
- 17.
- 18. ３ステップインストール 1. アプリマニフェストを用意 https://developer.mozilla.org/en/Apps/Getting_Started
- 19. ３ステップインストール 1. アプリマニフェストを用意 2. navigator.mozApps.install() https://developer.mozilla.org/en/Apps/Getting_Started
- 20. ３ステップインストール 1. アプリマニフェストを用意 2. navigator.mozApps.install() 3. 以上。2 ステップだけ。 https://developer.mozilla.org/en/Apps/Getting_Started
- 21. manifest.webapp # 最低限 name, description があればいい { "name": "SampleApp", "description": "サンプルアプリ", "icons": { "48": "/img/icon-48.png" }, "developer": { "name": "dynamis", "url": "http://dynamis.jp/" } } https://developer.mozilla.org/en/Apps/Getting_Started
- 22. navigator.mozApps.install var request = navigator.mozApps .install("http://dynamis.jp/manifest.webapp"); request.onsuccess = function() { // ユーザがインストールを許可した場合 // インストール完了時の処理を実行 } request.onerror = function() { // ユーザがキャンセルした場合 // 詳細は this.error.name で得られます } https://developer.mozilla.org/en/Apps/Getting_Started
- 23. インストールすると... 通常のアプリ同様 デスクトップにショートカット スタートメニューに追加 アンインストールはコンパネで 独立ウィンドウで起動 ブラウザとはプロセスも独立 インストール先: C:UsersdynamisAppDataRoaminghttps;dynamis.jp
- 27.
- 28.
- 29. アプリの登録 マニフェストを登録 Content-Type: application/x-web- app-manifest+json スクリーンショットを用意 説明など書いて登録 https://developer.mozilla.org/en/Apps/Submitting_an_app
- 30. manifest.webapp # 最低限 name, description があればいい { "version": "1.0", "name": "SampleApp", "description": "サンプルアプリ", "icons": { "48": "/img/icon-48.png" }, "developer": { "name": "dynamis", "url": "http://dynamis.jp/" }, "installs_allowed_from": [ "https://appstore.mozillalabs.com" ] } Content-Type は application/x-web-app-manifest+json で送信
- 31. manifest.webapp { "version": "1.0", "name": "SampleApp", "description": "サンプルアプリ", "icons": { "48": "/img/icon-48.png" }, "widget": { "path": "/widget.html", "width": 100, "height": 200 }, "developer": { "name": "dynamis", "url": "http://dynamis.jp/" }, "installs_allowed_from": ["https://appstore.mozillalabs.com"] } https://developer.mozilla.org/en/Apps/Manifest
- 32.
- 33.
- 34.
- 35.
- 36. レビューシステム 公開前のレビューあり Mozilla スタッフによるレビュー 将来は AMO のように？ コミュニティボランティアによる レビューへの移行なども検討中 https://developer.mozilla.org/en/Apps/Marketplace_Review
- 38.
- 39.
- 40.
- 41. Android 向けには現在開発中 まもなく Nightly 実装予定 現在はコンセプトプロトタイプ
- 42. Java アプリ同様インストール ホームスクリーンに追加 ブラウザと独立して起動 プロトタイプ
- 43.
- 44. 課金システム 販売 (プレミアムアプリ) 80, 160, 240円, ... 3860円 アプリ内課金 API Google In-Apps と似た感じ キャリア課金 キャリアと個別調整・対応
- 45.
- 46. Marketplace for WebApps Web = Native デスクトップも Web で スマホアプリも Web で
- 47. Marketplace により Web がNative に。
- 48.