Apps for Web Platform
•
8 likes•1,884 views
Firefox Developer Conference in Osaka 2012 で使用したスライド
Recommended
More Related Content
Viewers also liked
Similar to Apps for Web Platform
Similar to Apps for Web Platform (20)
More from dynamis
More from dynamis (20)
Recently uploaded
Recently uploaded (8)
Apps for Web Platform
- 1. Apps for Web ~Developing Open Web Apps~ Slides @ DevCon in Osaka on 2012/06/30 by Tomoya Asai (dynamis) Last Update: 2012/06/30
- 2. about:
- 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. Marketplace
- 6. Mozilla Marketplace Device, OS 横断マーケット Web Platform のためのストア Firefox 限定とかじゃない 今年中に正式リリース予定 現在コミュニティメンバー限定、 Firefox 開発版ユーザ向け http://marketplace.mozilla.org/
- 7. オープンなアプリストア 全てを Web 技術で実装 安定・平等な環境を提供 ベンダー非依存 アプリストア、認証、課金 ... ブラウザ非依存 後方互換ダッシュボード https://persona.org/
- 13. Create Apps
- 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. Install Apps
- 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
- 28. Submit Apps
- 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
- 36. レビューシステム 公開前のレビューあり Mozilla スタッフによるレビュー 将来は AMO のように？ コミュニティボランティアによる レビューへの移行なども検討中 https://developer.mozilla.org/en/Apps/Marketplace_Review
- 40. Android
- 41. Android 向けには現在開発中 まもなく Nightly 実装予定 現在はコンセプトプロトタイプ
- 42. Java アプリ同様インストール ホームスクリーンに追加 ブラウザと独立して起動 プロトタイプ
- 43. Payment
- 44. 課金システム 販売 (プレミアムアプリ) 80, 160, 240円, ... 3860円 アプリ内課金 API Google In-Apps と似た感じ キャリア課金 キャリアと個別調整・対応
- 45. Summary
- 46. Marketplace for WebApps Web = Native デスクトップも Web で スマホアプリも Web で
- 47. Marketplace により Web が Native に。
- 48. Thank you.