Downloaded 15 times
Uploaded byMasahiro Wakame
Firefox OS勉強会 2nd TypeScript+AngularJS
Firefox OS勉強会 2nd http://atnd.org/events/40742 の発表資料。 TypeScriptとAngularJSを使ってFirefox OSアプリを作成する。
More Related Content
Firefox OS勉強会 2nd TypeScript+AngularJS
- 1. TypeScript+AngularJSで 作るFirefox OSアプリ @vvakame 関東Firefox OS勉強会2nd goo.gl/j0PJo
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17.
- 18.
- 19. ぽよい • アプリインストールボタン出したい • インストール済なら当然出さない •navigator.mozApps.checkInstalled(url) • navigator.mozApps.getSelf() • 両方挙動が安定しない… やりたいことは単純な はずなんだけどなぁ
- 20. 未インストール ブラウザ内 インストール済 ブラウザ内 インストール済 アプリ内 期待通りの動作をしない→× 期待通りの動作しなさすぎでしょ！ もっと素直に動いてください頼む！ ○ getSelf × checkInstalled ○getSelf ○ checkInstalled × getSelf × checkInstalled Desktop版はまた 別の結果に…
- 21.
- 22. 開発サーバのせい！ • python -mSimpleHTTPServer 8989 • →こいつが犯人だ！！！！ • npm install http-server && ./node_modules/http-server/bin/http-server • →こいつは大丈夫… 気がつくのに6時間 くらいかかった
- 23. pushStateェ… 誰か解決策知りませんか • appcacheと相性が悪い… • サーバの補助がないと404になりやすい •/book/2001 にアクセス→offline… • もちろん 404 そして復帰できない • アプリとしてはめちゃ辛い • hashbang復権の時！？
- 24. 戻る方法ないお… 標準Webとの互換性… • ブラウザだとBackは必ずある • FirefoxOSとかFirefoxアプリはない • 辛い…(´・!・`) • Androidのようにハードキー欲しい… • アプリがサポートしてない場合killって 立ち上げ直し… わかるかっヽ(`"´)ﾉ
- 25.
- 26.
- 27. JavaScriptなんてクソだ！ • JavaScriptは確かに良い言語だよ • しかし腐ってる部分もたいへん多い •packageとかnamespaceとかない • 綺麗なコード書ける＝上級者 • prototypeのOOP？？ナニソレ • 型( ﾟ#ﾟ)ｸﾚ 動的型付とかやだよ！ • なのにブラウザ上で動くのはJSだけ
- 28. TypeScriptは神 • 可読性の高いJavaScriptに変換して実行 • ECMAScript6を意識 •言語仕様的にはJSのSuperSet！ • moduleある！classもある！継承もある！ • 型もあるよ！ • 既存の資産も捨てなくて済むよ！
- 29.
- 30.
- 31. jQueryなんかいらない • JSのフレームワーク 重量級の選手 •MVCをキッチリ分けられる • 双方向データバインディング • 次世代を担うCOOLな仕様 • WebComponent (っぽい) • Object.observe (的な)
- 32.
- 33.
- 34.
- 35.
- 36. 感想 • 通常のAngularJSの開発手順と全く同じ • 独自のAPIとか全然ないわー •Building Block、Twitter Boostrap並に わかりやすい
- 37. 問題点 • offline対応 • Firefoxでhashbangで動作させるの どうやるの…(´・!・`) •正しくインストールボタン出したい… • 標準イディオム的なのがわからない… • 標準アプリのコード読むの辛い…
- 38.
- 39.
- 40.