俺とAngular JS 2
3 likes2,026 views
source code is here -> http://qiita.com/PharaohKJ/private/e0e81296b53514f41db2
俺とAngular JS 2
- 2. Profile Name ふぁらお加藤 / @PharaohKJ Hobby Camera / subculture Job & Works PhalanXware (Freelancer) OCR system com / .net ISDB-T MFC / Linux C++ Social Game PHP / Java ERP+CRM AngularJS / Cordova Information App AngularJS / CakePHP
- 5. AngularJSとは何か • Googleとコミュニティで開発が進められている JavaScript フレームワーク • クライアントサイドで動く • 後述する特徴があってユーザがデータを入力、選択し て、ページを遷移しないで結果、プレビューがでるよ うな画面を作るのが得意 • AngularJS 2との関係は・・・ちょっとむずかしい。
- 6. AngularJSとは何か - 特徴 AngularJS TIPS AngularJSを利用するには？ より http://www.buildinsider.net/web/angularjstips/0001 AngularJS 2では 双方向データバインディングは廃止
- 8. AngularJSとは何か - 学習方法 • 2はまだハードルが高い・・・。1について。 • AngularJS Hub が 神 • http://www.angularjshub.com • 例) 双方向バインディング • http://www.angularjshub.com/examples/basics/ twowaydatabinding/
- 11. そこででてくる altJS
- 12. altJSとは • altJS = Alternative JavaScript • JavaScriptを置き換えるために作られた言語 • といっても、まずは altJS で書き、ユーザーに送信す る前に、 JavaScript変換する • たくさん種類があって、選択フローチャートなんかも 作ってる人がいる
- 14. TypeScriptとは TypeScript はマイクロソフトによって開発された フリーでオープンソースのプログラミング言語である。 TypeScript は JavaScript に使用するかどうかが 任意の静的型付けとクラスベースオブジェクト指向を 加えたスーパーセットとなっている。 Wikipedia - TypeScript より
- 17. お題 足し算 ミスって数値 + 文字列 = ?
- 18. お題 足し算 静的型付けして、ミスさせない function( arg: Type) : Type {}
- 24. 多人数で開発、難しいロジックなどを書く時に 型 = Type をキッチリ定義する ことで、 実行前にわかるバグを防ぐ、 開発環境がより便利になり、 開発・共同作業速度をあげることできます。
- 29. まとめ • AngularJSのサンプルを動かしてみた • AngularJS 2で採用されるTypeScriptとJavaScriptを比較し 以下について説明した • 実行前にわかるエラー • コード作成するMicrosoft社のエディタへ型を示すことの 優位性 • Angular2はECMAScript6を取り込んでいき、標準で進んで いるが、まだまだアルファ版。