Download as PDF, PPTX
Uploaded byMasayuki KaToH
俺とAngular JS 2
source code is here -> http://qiita.com/PharaohKJ/private/e0e81296b53514f41db2
More Related Content
俺とAngular JS 2
- 1.
- 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
- 3.
- 4.
- 5. AngularJSとは何か • Googleとコミュニティで開発が進められている JavaScript フレームワーク •クライアントサイドで動く • 後述する特徴があってユーザがデータを入力、選択し て、ページを遷移しないで結果、プレビューがでるよ うな画面を作るのが得意 • AngularJS 2との関係は・・・ちょっとむずかしい。
- 6. AngularJSとは何か - 特徴 AngularJSTIPS AngularJSを利用するには？ より http://www.buildinsider.net/web/angularjstips/0001 AngularJS 2では 双方向データバインディングは廃止
- 7.
- 8. AngularJSとは何か - 学習方法 •2はまだハードルが高い・・・。1について。 • AngularJS Hub が 神 • http://www.angularjshub.com • 例) 双方向バインディング • http://www.angularjshub.com/examples/basics/ twowaydatabinding/
- 9.
- 10.
- 11.
- 12. altJSとは • altJS =Alternative JavaScript • JavaScriptを置き換えるために作られた言語 • といっても、まずは altJS で書き、ユーザーに送信す る前に、 JavaScript変換する • たくさん種類があって、選択フローチャートなんかも 作ってる人がいる
- 13.
- 14. TypeScriptとは TypeScript はマイクロソフトによって開発された フリーでオープンソースのプログラミング言語である。 TypeScript はJavaScript に使用するかどうかが 任意の静的型付けとクラスベースオブジェクト指向を 加えたスーパーセットとなっている。 Wikipedia - TypeScript より
- 15.
- 16.
- 17. お題 足し算 ミスって数値 +文字列 = ?
- 18. お題 足し算 静的型付けして、ミスさせない function( arg:Type) : Type {}
- 19.
- 20.
- 21.
- 22.
- 23.
- 24. 多人数で開発、難しいロジックなどを書く時に 型 = Typeをキッチリ定義する ことで、 実行前にわかるバグを防ぐ、 開発環境がより便利になり、 開発・共同作業速度をあげることできます。
- 25.
- 26.
- 27.
- 28.
- 29. まとめ • AngularJSのサンプルを動かしてみた • AngularJS2で採用されるTypeScriptとJavaScriptを比較し 以下について説明した • 実行前にわかるエラー • コード作成するMicrosoft社のエディタへ型を示すことの 優位性 • Angular2はECMAScript6を取り込んでいき、標準で進んで いるが、まだまだアルファ版。
- 30.