Enviar búsqueda
Cargar
3分でわかるangular js
•
2 recomendaciones
•
2,233 vistas
Shin Adachi
Seguir
社内LTで自分の番だったので、チュートリアルしかやってないのにAngularJSの解説を書いた。
Leer menos
Leer más
Tecnología
Denunciar
Compartir
Denunciar
Compartir
1 de 9
Descargar ahora
Descargar para leer sin conexión
Recomendados
簡単AngularJS(関西AngularJS勉強会)
簡単AngularJS(関西AngularJS勉強会)
Takahiro Maki
AngularJSを浅めに紹介します
AngularJSを浅めに紹介します
nkazuki
Angular js はまりどころ
Angular js はまりどころ
Ayumi Goto
エンタープライヤーのためのWeb Componentsハンズオン
エンタープライヤーのためのWeb Componentsハンズオン
Mitsuru Ogawa
今後のWeb開発の未来を考えてangular jsにしました(拡大版)
今後のWeb開発の未来を考えてangular jsにしました(拡大版)
Mitsuru Ogawa
エンタープライズ分野での実践AngularJS
エンタープライズ分野での実践AngularJS
Ayumi Goto
AngularJSで業務システムUI部品化
AngularJSで業務システムUI部品化
Toshio Ehara
そろそろ押さえておきたい AngularJSのセキュリティ
そろそろ押さえておきたい AngularJSのセキュリティ
Muneaki Nishimura
Recomendados
簡単AngularJS(関西AngularJS勉強会)
簡単AngularJS(関西AngularJS勉強会)
Takahiro Maki
AngularJSを浅めに紹介します
AngularJSを浅めに紹介します
nkazuki
Angular js はまりどころ
Angular js はまりどころ
Ayumi Goto
エンタープライヤーのためのWeb Componentsハンズオン
エンタープライヤーのためのWeb Componentsハンズオン
Mitsuru Ogawa
今後のWeb開発の未来を考えてangular jsにしました(拡大版)
今後のWeb開発の未来を考えてangular jsにしました(拡大版)
Mitsuru Ogawa
エンタープライズ分野での実践AngularJS
エンタープライズ分野での実践AngularJS
Ayumi Goto
AngularJSで業務システムUI部品化
AngularJSで業務システムUI部品化
Toshio Ehara
そろそろ押さえておきたい AngularJSのセキュリティ
そろそろ押さえておきたい AngularJSのセキュリティ
Muneaki Nishimura
開発ライフサイクルから見たAngularJS
開発ライフサイクルから見たAngularJS
Mizuho Sakamaki
受託開発でのAngularJS - 第1回AngularJS 勉強会 at LIG
受託開発でのAngularJS - 第1回AngularJS 勉強会 at LIG
Hayashi Yuichi
Angular js開発事例
Angular js開発事例
Shun Takeyama
Enterprise x AngularJS
Enterprise x AngularJS
Kenichi Kanai
AngularJSについて
AngularJSについて
昌生 高橋
angular1脳で見るangular2
angular1脳で見るangular2
Moriyuki Arakawa
angular X designer - デザイナからみたAngularJS #ten1club
angular X designer - デザイナからみたAngularJS #ten1club
silvers ofsilvers
AngularJSの高速化
AngularJSの高速化
Kon Yuichi
React.js + Flux
React.js + Flux
dsuke Takaoka
React を導入したフロントエンド開発
React を導入したフロントエンド開発
daisuke-a-matsui
Angular2実践入門
Angular2実践入門
Shumpei Shiraishi
AngularJS 概説
AngularJS 概説
Kenichi Kanai
Angularモダンweb開発セミナー紹介 20170923
Angularモダンweb開発セミナー紹介 20170923
Staffnet_Inc
AngularJS で ハイスピードSI
AngularJS で ハイスピードSI
Koichiro Nishijima
Angular1&2
Angular1&2
Kenichi Kanai
AngularJS入門
AngularJS入門
Kenji Shirane
AngularJSを触ってみた
AngularJSを触ってみた
tomowata
さわってみようReact.js、AngularJS(1系、2系)
さわってみようReact.js、AngularJS(1系、2系)
Kazuhiro Yoshimoto
20160927 reactmeetup
20160927 reactmeetup
Naoki Kurosawa
Angular#Kanazawa
Angular#Kanazawa
Kenichi Kanai
デザイナーとの協業を本気で考える
デザイナーとの協業を本気で考える
kwatch
Alt01-LT
Alt01-LT
Yuta Hiroto
Más contenido relacionado
La actualidad más candente
開発ライフサイクルから見たAngularJS
開発ライフサイクルから見たAngularJS
Mizuho Sakamaki
受託開発でのAngularJS - 第1回AngularJS 勉強会 at LIG
受託開発でのAngularJS - 第1回AngularJS 勉強会 at LIG
Hayashi Yuichi
Angular js開発事例
Angular js開発事例
Shun Takeyama
Enterprise x AngularJS
Enterprise x AngularJS
Kenichi Kanai
AngularJSについて
AngularJSについて
昌生 高橋
angular1脳で見るangular2
angular1脳で見るangular2
Moriyuki Arakawa
angular X designer - デザイナからみたAngularJS #ten1club
angular X designer - デザイナからみたAngularJS #ten1club
silvers ofsilvers
AngularJSの高速化
AngularJSの高速化
Kon Yuichi
React.js + Flux
React.js + Flux
dsuke Takaoka
React を導入したフロントエンド開発
React を導入したフロントエンド開発
daisuke-a-matsui
Angular2実践入門
Angular2実践入門
Shumpei Shiraishi
AngularJS 概説
AngularJS 概説
Kenichi Kanai
Angularモダンweb開発セミナー紹介 20170923
Angularモダンweb開発セミナー紹介 20170923
Staffnet_Inc
AngularJS で ハイスピードSI
AngularJS で ハイスピードSI
Koichiro Nishijima
Angular1&2
Angular1&2
Kenichi Kanai
AngularJS入門
AngularJS入門
Kenji Shirane
AngularJSを触ってみた
AngularJSを触ってみた
tomowata
さわってみようReact.js、AngularJS(1系、2系)
さわってみようReact.js、AngularJS(1系、2系)
Kazuhiro Yoshimoto
20160927 reactmeetup
20160927 reactmeetup
Naoki Kurosawa
Angular#Kanazawa
Angular#Kanazawa
Kenichi Kanai
La actualidad más candente
(20)
開発ライフサイクルから見たAngularJS
開発ライフサイクルから見たAngularJS
受託開発でのAngularJS - 第1回AngularJS 勉強会 at LIG
受託開発でのAngularJS - 第1回AngularJS 勉強会 at LIG
Angular js開発事例
Angular js開発事例
Enterprise x AngularJS
Enterprise x AngularJS
AngularJSについて
AngularJSについて
angular1脳で見るangular2
angular1脳で見るangular2
angular X designer - デザイナからみたAngularJS #ten1club
angular X designer - デザイナからみたAngularJS #ten1club
AngularJSの高速化
AngularJSの高速化
React.js + Flux
React.js + Flux
React を導入したフロントエンド開発
React を導入したフロントエンド開発
Angular2実践入門
Angular2実践入門
AngularJS 概説
AngularJS 概説
Angularモダンweb開発セミナー紹介 20170923
Angularモダンweb開発セミナー紹介 20170923
AngularJS で ハイスピードSI
AngularJS で ハイスピードSI
Angular1&2
Angular1&2
AngularJS入門
AngularJS入門
AngularJSを触ってみた
AngularJSを触ってみた
さわってみようReact.js、AngularJS(1系、2系)
さわってみようReact.js、AngularJS(1系、2系)
20160927 reactmeetup
20160927 reactmeetup
Angular#Kanazawa
Angular#Kanazawa
Destacado
デザイナーとの協業を本気で考える
デザイナーとの協業を本気で考える
kwatch
Alt01-LT
Alt01-LT
Yuta Hiroto
忙しい人のためのBackbone.jsとAngular.js入門
忙しい人のためのBackbone.jsとAngular.js入門
Toshiaki Maki
初心者 × AngularJS × TypeScript
初心者 × AngularJS × TypeScript
Yuta Matsumura
Angularを利用しよう
Angularを利用しよう
AfiruPain NaokiSoga
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
アシアル株式会社
最強オブジェクト指向言語 JavaScript 再入門!
最強オブジェクト指向言語 JavaScript 再入門!
Yuji Nojima
TypeScriptで快適javascript
TypeScriptで快適javascript
AfiruPain NaokiSoga
Destacado
(8)
デザイナーとの協業を本気で考える
デザイナーとの協業を本気で考える
Alt01-LT
Alt01-LT
忙しい人のためのBackbone.jsとAngular.js入門
忙しい人のためのBackbone.jsとAngular.js入門
初心者 × AngularJS × TypeScript
初心者 × AngularJS × TypeScript
Angularを利用しよう
Angularを利用しよう
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
最強オブジェクト指向言語 JavaScript 再入門!
最強オブジェクト指向言語 JavaScript 再入門!
TypeScriptで快適javascript
TypeScriptで快適javascript
Similar a 3分でわかるangular js
Study Intro Backbone
Study Intro Backbone
Gensei Kawasaki
Knockout
Knockout
Kazuhiro Eguchi
GUI アプリケーションにおける MVC
GUI アプリケーションにおける MVC
Yu Nobuoka
Angular jsとsinatraでturbolinks
Angular jsとsinatraでturbolinks
Minori Tokuda
Xamarin.formsでのmvvm利用のコツ
Xamarin.formsでのmvvm利用のコツ
Masuda Tomoaki
MVVM入門
MVVM入門
Kazutoshi Urabe
Djangoとは
Djangoとは
Gomamatsu
Angular2
Angular2
Kenichi Kanai
MvcのFatモデルに立ち向かう
MvcのFatモデルに立ち向かう
Shun Hikita
[公開用]Netラボ2012年2月勉強会 asp.netmvc4 beta新機能の紹介
[公開用]Netラボ2012年2月勉強会 asp.netmvc4 beta新機能の紹介
david9142
ASP.NET MVC と jQuery で実践する標準志向 Web 開発
ASP.NET MVC と jQuery で実践する標準志向 Web 開発
Akira Inoue
LabVIEW NXG Web Module Training Slide
LabVIEW NXG Web Module Training Slide
Yusuke Tochigi
作って分かるKnockoutJS@ALM11月
作って分かるKnockoutJS@ALM11月
Takuya Ueda
俺とAngular JS 2
俺とAngular JS 2
Masayuki KaToH
Om Next ~React.jsを超えて
Om Next ~React.jsを超えて
Kazuki Tsutsumi
HTML5 ビギナーのための AngularJS
HTML5 ビギナーのための AngularJS
Kenichi Kanai
【eLV勉強会】AngularJSでのモバイルフロントエンド開発
【eLV勉強会】AngularJSでのモバイルフロントエンド開発
Hiroyuki Kusu
ASP.NET MVC 2 ~新機能の紹介~
ASP.NET MVC 2 ~新機能の紹介~
Yoshitaka Seo
ASP.NET MVC 1.0
ASP.NET MVC 1.0
Shinpei Ohtani
Featuring Project Silk & Liike: 楽しい "モダン" Web 開発のちょっとディープなお話
Featuring Project Silk & Liike: 楽しい "モダン" Web 開発のちょっとディープなお話
Akira Inoue
Similar a 3分でわかるangular js
(20)
Study Intro Backbone
Study Intro Backbone
Knockout
Knockout
GUI アプリケーションにおける MVC
GUI アプリケーションにおける MVC
Angular jsとsinatraでturbolinks
Angular jsとsinatraでturbolinks
Xamarin.formsでのmvvm利用のコツ
Xamarin.formsでのmvvm利用のコツ
MVVM入門
MVVM入門
Djangoとは
Djangoとは
Angular2
Angular2
MvcのFatモデルに立ち向かう
MvcのFatモデルに立ち向かう
[公開用]Netラボ2012年2月勉強会 asp.netmvc4 beta新機能の紹介
[公開用]Netラボ2012年2月勉強会 asp.netmvc4 beta新機能の紹介
ASP.NET MVC と jQuery で実践する標準志向 Web 開発
ASP.NET MVC と jQuery で実践する標準志向 Web 開発
LabVIEW NXG Web Module Training Slide
LabVIEW NXG Web Module Training Slide
作って分かるKnockoutJS@ALM11月
作って分かるKnockoutJS@ALM11月
俺とAngular JS 2
俺とAngular JS 2
Om Next ~React.jsを超えて
Om Next ~React.jsを超えて
HTML5 ビギナーのための AngularJS
HTML5 ビギナーのための AngularJS
【eLV勉強会】AngularJSでのモバイルフロントエンド開発
【eLV勉強会】AngularJSでのモバイルフロントエンド開発
ASP.NET MVC 2 ~新機能の紹介~
ASP.NET MVC 2 ~新機能の紹介~
ASP.NET MVC 1.0
ASP.NET MVC 1.0
Featuring Project Silk & Liike: 楽しい "モダン" Web 開発のちょっとディープなお話
Featuring Project Silk & Liike: 楽しい "モダン" Web 開発のちょっとディープなお話
Último
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
Ryo Sasaki
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet
Toru Tamaki
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
Toru Tamaki
スマートフォンを用いた新生児あやし動作の教示システム
スマートフォンを用いた新生児あやし動作の教示システム
sugiuralab
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
Hiroki Ichikura
TSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdf
taisei2219
SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものです
iPride Co., Ltd.
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Yuma Ohgami
論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A survey
Toru Tamaki
Último
(9)
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
スマートフォンを用いた新生児あやし動作の教示システム
スマートフォンを用いた新生児あやし動作の教示システム
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
TSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdf
SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものです
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A survey
3分でわかるangular js
1.
3分でわかる Angular JS
2.
Angular JSって?? Googleが主体になって開 発しているMVW(ModelView-なんとか) Framework 2009年リリース v1.2.13 @
2014-02-14
3.
今北産業 コードの分割がし易い Model <-> Viewの連携がし易い テストがし易い
4.
AngularJSの特徴 変なHTML Two-way Data Binding Dependency
Injection
5.
変なHTMLマークアップ jQuery的なCSS Selector地獄から開放 する 外部Templateが使える(HTMLを分割で きる)
6.
Two-Way Data Binding Modelを変えたら、Viewが変わる Viewを変えたら、Modelが変わる
7.
ng-app" この中身がAngularJSによって管 理される。 <html ng-app="helloApp"> <head> <meta charset="utf-8"> </head> ! ! ng-controller このViewがMyControllerと紐付 けられる。 ng-click クリックされたらchangeFoo()が 呼ばれる。 <body
ng-controller="MyController"> <input ng-model="foo" value="bar"> <button ng-click="changeFoo()">{{buttonText}}</button> <div>{{ foo }}</div> <script src="bower_components/angular/angular.js"></script> <script> var helloApp = angular.module('helloApp', []); {{ }} buttonText変数に入ったデータが helloApp.controller('MyController', ['$scope', function($scope) { 表示される。 $scope.buttonText = 'buttonだよ'; ! $scope.foo = 'bar'; $scope.changeFoo = function() { $scope.buttonText = ‘押されちまった悲しみに’; $scope.foo = ‘押された-!’; }; }]); </script> </body> </html>
8.
Dependency Injection (コンポーネント間の)依存関係を外から注 入する コンポーネント内で使われる依存性 は全て外部から変更可能 例えばPythonなどの”import”はソースコー ド間の依存性を表している。
9.
someModule.controller('MyController', ['$scope', 'dep1',
'dep2', function($scope, dep1, dep2) { ... $scope.aMethod = function() { ... } ... }]); MyControllerは、$scope, dep1, dep2に依存するよ! MyController作成時にangularjsが名 前から引っ張ってくる つまり AngularJSはDIの徹底のためにJSのグローバル変数も全て、再定義している → http://docs.angularjs.org/api/ng/service 何が良いか * プロジェクトが分割しやすい * Mockをつかってテストが書きやすい
Descargar ahora