Download to read offline
Firefox osで変わるアプリケーションの開発ライフサイクル
- 1. FirefoxOSで何が変わる？ アプリケーション開発 #fxosFireFoxOSコードリーティング
- 2. About:me 酒巻 瑞穂 Enterprise Engineer html5jエンタープライズ部 （スタッフ） html5jWebプラットフォーム部 （スタッフ） FirefoxOSコードリーディング (にぎやかし担当) AngularJS Japan User Group （スタッフ） #fxos FireFoxOSコードリーティング
- 3.
- 4. Q：普段のお仕事は どちらかと言うとNative寄り どちらかと言うとWeb寄り 実はネットワーク技術者でして・・・ 俺がフルスタックだ #fxos FireFoxOSコードリーティング
- 5. Q：普段のお仕事は どちらかと言うとNative寄り どちらかと言うとWeb寄り 実はネットワーク技術者でして・・・ 俺がフルスタックだ #fxos FireFoxOSコードリーティング
- 6. Q：普段のお仕事は どちらかと言うとNative寄り どちらかと言うとWeb寄り 実はネットワーク技術者でして・・・ 俺がフルスタックだ #fxos FireFoxOSコードリーティング
- 7. Q：普段のお仕事は どちらかと言うとNative寄り どちらかと言うとWeb寄り 実はネットワーク技術者でして・・・ 俺がフルスタックだ #fxos FireFoxOSコードリーティング
- 8. Q：普段のお仕事は どちらかと言うとNative寄り どちらかと言うとWeb寄り 実はネットワーク技術者でして・・・ 俺がフルスタックだ #fxos FireFoxOSコードリーティング
- 9. Q：普段のお仕事は どちらかと言うとNative寄り どちらかと言うとWeb寄り 実はネットワーク技術者でして・・・ 俺がフルスタックだ #fxos FireFoxOSコードリーティング
- 10. FirefoxOSアプリ= Webアプリ #fxosFireFoxOSコードリーティング
- 11. 今回は、FirefoxOSアプリ開発基礎 つまるとこ、Webアプリ開発の きほんのき #fxos FireFoxOSコードリーティング
- 12. 知らない技術を触るとき （FxOSアプリってどうやって作るの編） 環境雛型学習公開 #fxosFireFoxOSコードリーティング
- 13. Setting 環境雛型学習公開 FirefoxブラウザーおすきなエディタチームNode #fxosFireFoxOSコードリーティング
- 14.
- 15. Sutdy 環境雛型学習公開 GithubのREADME.md SourceCode Reading アプリマネージャと エミュレータ #fxos FireFoxOSコードリーティング
- 16. Publish 環境雛型学習公開 静的サイトでもOK #fxosFireFoxOSコードリーティング
- 17.
- 18. FirefoxOS(Webアプリ)開発 ことはじめ(デモ) #fxosFireFoxOSコードリーティング
- 19.
- 20. 今回の環境 環境雛型学習公開 FirefoxブラウザSublimeText3 (プラグイン皆無) yeomanおじさんと 愉快な仲間たち #fxos FireFoxOSコードリーティング
- 21. 開発の土台を用意 1/2 環境境雛型型学学習公公開 yeomanのテンプレートを使う(これがナウい) Generator-firefoxos-app https://www.npmjs.org/package/generator-firefoxos-app テンプレートエンジンインストール # npm I generator-firefoxos-app フォルダ移動して展開 # yo firefox-os-app 試しに実行 # grunt server #fxos FireFoxOSコードリーティング
- 22. 開発の土台を用意 2/2 環境境雛型型学学習公公開 yeomanのテンプレートを使う Generator-element https://github.com/webcomponents/generator-element テンプレートエンジンインストール # npm I generator-element フォルダ移動して展開(こちらはサブジェネレータ) # yo element:repo 試しに実行 # grunt server #fxos FireFoxOSコードリーティング
- 23. 開発の土台を用意 3/2 環境境雛型型学学習公公開 ここは勝手にreading.fxos.orgへCROSS可能なテンプレートサイトを追加 http://reading.fxos.org:8088/ghc/bower_components/github-card/demo.html X-pokemon component Link http://reading.fxos.org:8088/bower_components/x-pokemon/x-pokemon.html 当コミュニティではGMOインターネット様よりコミュニティ支援として ConoHa VPSの提供を受けてます。 ConoHaについてはこちら→http://www.conoha.jp/community #fxos FireFoxOSコードリーティング
- 24.
- 25. 公開の準備 環境境雛型型学学習公公開 今回はGithubを使って公開 そのために、gruntタスクのgh-pagesを使う (WebComponentには標準実装されてる) #fxos FireFoxOSコードリーティング
- 26. 公開の準備 環境境雛型型学学習公公開 githubにリポジトリを作ります。（２つ） Generator-firefoxos-appは、Grunt-gh-pagesを組み込んで、ビルド▶︎ 展開 # grunt build # grunt gh-pages Generator-elementはgh-pagesが組み込まれてるので一発デプロイ # grunt deploy
- 27. インストールページ設定 環境境雛型型学学習公公開 FirefoxOS用Webアプリの作成ページに やり方は乗ってます https://developer.mozilla.org/ja/Firefox_OS/Apps/Writing_a_web_app_for_Firefox_OS ここも同じ要領でgithubpagesを追加し、 インストールボタンを追加します。 github（用意済み） https://github.com/MSakamaki/fxosinstall #fxos FireFoxOSコードリーティング
- 28. インストールしてみよう 環境境雛型型学学習公公開 エミュレータにインストールしてみる #fxosFireFoxOSコードリーティング
- 29. アプリ公開までが こんなに素早く #fxosFireFoxOSコードリーティング
- 30. どんどん充実するWeb技術 Web標準が充実 （じゃぁそれ標準にあればよくない？） 出来ることが増える 開発が大変になる 楽がしたいので 良いツール、 ライブラリが増える #fxos FireFoxOSコードリーティング
- 31. Web標準と共に進化していく Webプラットフォーム #fxosFireFoxOSコードリーティング
- 32. おまけ AngularJSとWebComponentを使った シンプルなWebアプリケーション http://msakamaki.github.io/myfxosapp/
- 33.
- 34.