Suche senden
Hochladen
3分でわかるangular js
•
2 gefällt mir
•
2,233 views
Shin Adachi
Folgen
社内LTで自分の番だったので、チュートリアルしかやってないのにAngularJSの解説を書いた。
Weniger lesen
Mehr lesen
Technologie
Melden
Teilen
Melden
Teilen
1 von 9
Jetzt herunterladen
Downloaden Sie, um offline zu lesen
Empfohlen
簡単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
Empfohlen
簡単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
Weitere ähnliche Inhalte
Was ist angesagt?
開発ライフサイクルから見た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
Was ist angesagt?
(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
Andere mochten auch
デザイナーとの協業を本気で考える
デザイナーとの協業を本気で考える
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
Andere mochten auch
(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
Ähnlich wie 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
Ähnlich wie 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 開発のちょっとディープなお話
Kürzlich hochgeladen
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
Yuki Kikuchi
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
博三 太田
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
FumieNakayama
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
UEHARA, Tetsutaro
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
FumieNakayama
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
Hiroshi Tomioka
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NTT DATA Technology & Innovation
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
akihisamiyanaga1
Kürzlich hochgeladen
(8)
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
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をつかってテストが書きやすい
Jetzt herunterladen