Enviar búsqueda
Cargar
1.3にBrowserify組み合わせてイベント駆動にした話
•
1 recomendación
•
1,391 vistas
Okuno Kentaro
Seguir
2015--03-21 ng-japan LTにて発表したスライドです
Leer menos
Leer más
Ingeniería
Denunciar
Compartir
Denunciar
Compartir
1 de 10
Descargar ahora
Descargar para leer sin conexión
Recomendados
Using TypeScript with Angular
Using TypeScript with Angular
Jamal Sinclair O'Garro
Angular2 + AWS Lambdaでサーバサイドレンダリングしてみた
Angular2 + AWS Lambdaでサーバサイドレンダリングしてみた
暁 三宅
Angular TS(typescript)
Angular TS(typescript)
Ivan Stepić
Introduction to Angular 2
Introduction to Angular 2
Trung Vo Tuan
ReactJS.NET
ReactJS.NET
Troy Miles
SharePoint Fest DC - SharePoint Framework, Angular and Azure Functions
SharePoint Fest DC - SharePoint Framework, Angular and Azure Functions
Sébastien Levert
Micro frontend
Micro frontend
Amr Abd El Latief
Run Fast, Try Not to Break S**t
Run Fast, Try Not to Break S**t
Michael Schmidt
Recomendados
Using TypeScript with Angular
Using TypeScript with Angular
Jamal Sinclair O'Garro
Angular2 + AWS Lambdaでサーバサイドレンダリングしてみた
Angular2 + AWS Lambdaでサーバサイドレンダリングしてみた
暁 三宅
Angular TS(typescript)
Angular TS(typescript)
Ivan Stepić
Introduction to Angular 2
Introduction to Angular 2
Trung Vo Tuan
ReactJS.NET
ReactJS.NET
Troy Miles
SharePoint Fest DC - SharePoint Framework, Angular and Azure Functions
SharePoint Fest DC - SharePoint Framework, Angular and Azure Functions
Sébastien Levert
Micro frontend
Micro frontend
Amr Abd El Latief
Run Fast, Try Not to Break S**t
Run Fast, Try Not to Break S**t
Michael Schmidt
SharePoint Saturday Vancouver - SharePoint Framework, Angular and Azure Funct...
SharePoint Saturday Vancouver - SharePoint Framework, Angular and Azure Funct...
Sébastien Levert
What's New in JHipsterLand - Devoxx US 2017
What's New in JHipsterLand - Devoxx US 2017
Matt Raible
The Ultimate Getting Started with Angular Workshop - Devoxx France 2017
The Ultimate Getting Started with Angular Workshop - Devoxx France 2017
Matt Raible
Building Cloud Native Progressive Web Apps with Angular and Spring Boot - Dev...
Building Cloud Native Progressive Web Apps with Angular and Spring Boot - Dev...
Matt Raible
Building Better AngularJS 1.X Apps With TypeScript
Building Better AngularJS 1.X Apps With TypeScript
ColdFusionConference
Neoito — A roadmap to Angular
Neoito — A roadmap to Angular
Neoito
SharePoint Saturday Twin Cities - SharePoint Framework, Angular & Azure Funct...
SharePoint Saturday Twin Cities - SharePoint Framework, Angular & Azure Funct...
Sébastien Levert
React or Angular and SharePoint Framework Development
React or Angular and SharePoint Framework Development
Darin Dickey
What is Angular version 4?
What is Angular version 4?
Troy Miles
Angular vs React: Building modern SharePoint interfaces with SPFx
Angular vs React: Building modern SharePoint interfaces with SPFx
Dimcho Tsanov
AngularJs advanced Topics
AngularJs advanced Topics
Amr Abd El Latief
PPT on Angular 2 Development Tutorial
PPT on Angular 2 Development Tutorial
Paddy Lock
An Intro to Angular 2
An Intro to Angular 2
Ron Heft
Breathe New Life into Your Existing JavaScript Applications with Web Components
Breathe New Life into Your Existing JavaScript Applications with Web Components
Sencha
Glance at Visual Studio 2013 ASP.NET and Web tools 2013
Glance at Visual Studio 2013 ASP.NET and Web tools 2013
Shravan Kumar Kasagoni
Angular Day 2018 (italy) - Keynote - The Amazing World of Angular 6
Angular Day 2018 (italy) - Keynote - The Amazing World of Angular 6
Fabio Biondi
Angular CLI : HelloWorld
Angular CLI : HelloWorld
nikspatel007
Cloud Native Progressive Web Applications - Denver JUG 2016
Cloud Native Progressive Web Applications - Denver JUG 2016
Matt Raible
Instant app Intro
Instant app Intro
Jintin Lin
Angular 2 overview
Angular 2 overview
Jesse Warden
Mvvm knockout vs angular
Mvvm knockout vs angular
Basarat Syed
Infinum android talks_10_android_libraries_used_on_daily_basis
Infinum android talks_10_android_libraries_used_on_daily_basis
Infinum
Más contenido relacionado
La actualidad más candente
SharePoint Saturday Vancouver - SharePoint Framework, Angular and Azure Funct...
SharePoint Saturday Vancouver - SharePoint Framework, Angular and Azure Funct...
Sébastien Levert
What's New in JHipsterLand - Devoxx US 2017
What's New in JHipsterLand - Devoxx US 2017
Matt Raible
The Ultimate Getting Started with Angular Workshop - Devoxx France 2017
The Ultimate Getting Started with Angular Workshop - Devoxx France 2017
Matt Raible
Building Cloud Native Progressive Web Apps with Angular and Spring Boot - Dev...
Building Cloud Native Progressive Web Apps with Angular and Spring Boot - Dev...
Matt Raible
Building Better AngularJS 1.X Apps With TypeScript
Building Better AngularJS 1.X Apps With TypeScript
ColdFusionConference
Neoito — A roadmap to Angular
Neoito — A roadmap to Angular
Neoito
SharePoint Saturday Twin Cities - SharePoint Framework, Angular & Azure Funct...
SharePoint Saturday Twin Cities - SharePoint Framework, Angular & Azure Funct...
Sébastien Levert
React or Angular and SharePoint Framework Development
React or Angular and SharePoint Framework Development
Darin Dickey
What is Angular version 4?
What is Angular version 4?
Troy Miles
Angular vs React: Building modern SharePoint interfaces with SPFx
Angular vs React: Building modern SharePoint interfaces with SPFx
Dimcho Tsanov
AngularJs advanced Topics
AngularJs advanced Topics
Amr Abd El Latief
PPT on Angular 2 Development Tutorial
PPT on Angular 2 Development Tutorial
Paddy Lock
An Intro to Angular 2
An Intro to Angular 2
Ron Heft
Breathe New Life into Your Existing JavaScript Applications with Web Components
Breathe New Life into Your Existing JavaScript Applications with Web Components
Sencha
Glance at Visual Studio 2013 ASP.NET and Web tools 2013
Glance at Visual Studio 2013 ASP.NET and Web tools 2013
Shravan Kumar Kasagoni
Angular Day 2018 (italy) - Keynote - The Amazing World of Angular 6
Angular Day 2018 (italy) - Keynote - The Amazing World of Angular 6
Fabio Biondi
Angular CLI : HelloWorld
Angular CLI : HelloWorld
nikspatel007
Cloud Native Progressive Web Applications - Denver JUG 2016
Cloud Native Progressive Web Applications - Denver JUG 2016
Matt Raible
Instant app Intro
Instant app Intro
Jintin Lin
Angular 2 overview
Angular 2 overview
Jesse Warden
La actualidad más candente
(20)
SharePoint Saturday Vancouver - SharePoint Framework, Angular and Azure Funct...
SharePoint Saturday Vancouver - SharePoint Framework, Angular and Azure Funct...
What's New in JHipsterLand - Devoxx US 2017
What's New in JHipsterLand - Devoxx US 2017
The Ultimate Getting Started with Angular Workshop - Devoxx France 2017
The Ultimate Getting Started with Angular Workshop - Devoxx France 2017
Building Cloud Native Progressive Web Apps with Angular and Spring Boot - Dev...
Building Cloud Native Progressive Web Apps with Angular and Spring Boot - Dev...
Building Better AngularJS 1.X Apps With TypeScript
Building Better AngularJS 1.X Apps With TypeScript
Neoito — A roadmap to Angular
Neoito — A roadmap to Angular
SharePoint Saturday Twin Cities - SharePoint Framework, Angular & Azure Funct...
SharePoint Saturday Twin Cities - SharePoint Framework, Angular & Azure Funct...
React or Angular and SharePoint Framework Development
React or Angular and SharePoint Framework Development
What is Angular version 4?
What is Angular version 4?
Angular vs React: Building modern SharePoint interfaces with SPFx
Angular vs React: Building modern SharePoint interfaces with SPFx
AngularJs advanced Topics
AngularJs advanced Topics
PPT on Angular 2 Development Tutorial
PPT on Angular 2 Development Tutorial
An Intro to Angular 2
An Intro to Angular 2
Breathe New Life into Your Existing JavaScript Applications with Web Components
Breathe New Life into Your Existing JavaScript Applications with Web Components
Glance at Visual Studio 2013 ASP.NET and Web tools 2013
Glance at Visual Studio 2013 ASP.NET and Web tools 2013
Angular Day 2018 (italy) - Keynote - The Amazing World of Angular 6
Angular Day 2018 (italy) - Keynote - The Amazing World of Angular 6
Angular CLI : HelloWorld
Angular CLI : HelloWorld
Cloud Native Progressive Web Applications - Denver JUG 2016
Cloud Native Progressive Web Applications - Denver JUG 2016
Instant app Intro
Instant app Intro
Angular 2 overview
Angular 2 overview
Similar a 1.3にBrowserify組み合わせてイベント駆動にした話
Mvvm knockout vs angular
Mvvm knockout vs angular
Basarat Syed
Infinum android talks_10_android_libraries_used_on_daily_basis
Infinum android talks_10_android_libraries_used_on_daily_basis
Infinum
Evolution and History of Angular as Web Development Platform.pdf
Evolution and History of Angular as Web Development Platform.pdf
iFour Technolab Pvt. Ltd.
VorlonJS
VorlonJS
Fabrício Catae
Start with Angular framework
Start with Angular framework
Knoldus Inc.
Angular2.0@Shanghai0319
Angular2.0@Shanghai0319
Bibby Chung
Automating Security in Cloud Workloads with DevSecOps
Automating Security in Cloud Workloads with DevSecOps
Amazon Web Services
Anti Patterns and Mistakes Using Serverless (ServerlessConf SF - 08 2018)
Anti Patterns and Mistakes Using Serverless (ServerlessConf SF - 08 2018)
Yochay Kiriaty
Serverless Application Development with Azure
Serverless Application Development with Azure
Callon Campbell
Firefox os how large open source project works
Firefox os how large open source project works
Fred Lin
Keep Calm and Distributed Tracing
Keep Calm and Distributed Tracing
Angelo Simone Scotto
O365Con18 - Automate your Tasks through Azure Functions - Elio Struyf
O365Con18 - Automate your Tasks through Azure Functions - Elio Struyf
NCCOMMS
KrishnaToolComparisionPPT.pdf
KrishnaToolComparisionPPT.pdf
QA or the Highway
Please Behave Yourself: BDD and automating Eclipse RCP applications using JBe...
Please Behave Yourself: BDD and automating Eclipse RCP applications using JBe...
Eclipse Day India
Spring MVC framework
Spring MVC framework
Mohit Gupta
Java build tools
Java build tools
Sujit Kumar
How we realized SOA by Python at PyCon JP 2015
How we realized SOA by Python at PyCon JP 2015
hirokiky
Super chargeyourcontiniousintegrationdeployments
Super chargeyourcontiniousintegrationdeployments
Nikola Gotsev
Supercharge Your Continuous Integration Deployments
Supercharge Your Continuous Integration Deployments
Nikola Gotsev
Seacon Continuous Delivery Pipeline Tools Track
Seacon Continuous Delivery Pipeline Tools Track
Mark Rendell
Similar a 1.3にBrowserify組み合わせてイベント駆動にした話
(20)
Mvvm knockout vs angular
Mvvm knockout vs angular
Infinum android talks_10_android_libraries_used_on_daily_basis
Infinum android talks_10_android_libraries_used_on_daily_basis
Evolution and History of Angular as Web Development Platform.pdf
Evolution and History of Angular as Web Development Platform.pdf
VorlonJS
VorlonJS
Start with Angular framework
Start with Angular framework
Angular2.0@Shanghai0319
Angular2.0@Shanghai0319
Automating Security in Cloud Workloads with DevSecOps
Automating Security in Cloud Workloads with DevSecOps
Anti Patterns and Mistakes Using Serverless (ServerlessConf SF - 08 2018)
Anti Patterns and Mistakes Using Serverless (ServerlessConf SF - 08 2018)
Serverless Application Development with Azure
Serverless Application Development with Azure
Firefox os how large open source project works
Firefox os how large open source project works
Keep Calm and Distributed Tracing
Keep Calm and Distributed Tracing
O365Con18 - Automate your Tasks through Azure Functions - Elio Struyf
O365Con18 - Automate your Tasks through Azure Functions - Elio Struyf
KrishnaToolComparisionPPT.pdf
KrishnaToolComparisionPPT.pdf
Please Behave Yourself: BDD and automating Eclipse RCP applications using JBe...
Please Behave Yourself: BDD and automating Eclipse RCP applications using JBe...
Spring MVC framework
Spring MVC framework
Java build tools
Java build tools
How we realized SOA by Python at PyCon JP 2015
How we realized SOA by Python at PyCon JP 2015
Super chargeyourcontiniousintegrationdeployments
Super chargeyourcontiniousintegrationdeployments
Supercharge Your Continuous Integration Deployments
Supercharge Your Continuous Integration Deployments
Seacon Continuous Delivery Pipeline Tools Track
Seacon Continuous Delivery Pipeline Tools Track
Último
Call Girls Delhi {Jodhpur} 9711199012 high profile service
Call Girls Delhi {Jodhpur} 9711199012 high profile service
rehmti665
Gurgaon ✡️9711147426✨Call In girls Gurgaon Sector 51 escort service
Gurgaon ✡️9711147426✨Call In girls Gurgaon Sector 51 escort service
jennyeacort
8251 universal synchronous asynchronous receiver transmitter
8251 universal synchronous asynchronous receiver transmitter
ShivangiSharma879191
POWER SYSTEMS-1 Complete notes examples
POWER SYSTEMS-1 Complete notes examples
Dr. Gudipudi Nageswara Rao
Introduction to Machine Learning Unit-3 for II MECH
Introduction to Machine Learning Unit-3 for II MECH
C Sai Kiran
Risk Assessment For Installation of Drainage Pipes.pdf
Risk Assessment For Installation of Drainage Pipes.pdf
ROCENODodongVILLACER
What are the advantages and disadvantages of membrane structures.pptx
What are the advantages and disadvantages of membrane structures.pptx
wendy cai
Call Us ≽ 8377877756 ≼ Call Girls In Shastri Nagar (Delhi)
Call Us ≽ 8377877756 ≼ Call Girls In Shastri Nagar (Delhi)
dollysharma2066
Introduction-To-Agricultural-Surveillance-Rover.pptx
Introduction-To-Agricultural-Surveillance-Rover.pptx
k795866
Electronically Controlled suspensions system .pdf
Electronically Controlled suspensions system .pdf
me23b1001
Sachpazis Costas: Geotechnical Engineering: A student's Perspective Introduction
Sachpazis Costas: Geotechnical Engineering: A student's Perspective Introduction
Dr.Costas Sachpazis
Concrete Mix Design - IS 10262-2019 - .pptx
Concrete Mix Design - IS 10262-2019 - .pptx
KartikeyaDwivedi3
Exploring_Network_Security_with_JA3_by_Rakesh Seal.pptx
Exploring_Network_Security_with_JA3_by_Rakesh Seal.pptx
null - The Open Security Community
Instrumentation, measurement and control of bio process parameters ( Temperat...
Instrumentation, measurement and control of bio process parameters ( Temperat...
121011101441
Software and Systems Engineering Standards: Verification and Validation of Sy...
Software and Systems Engineering Standards: Verification and Validation of Sy...
VICTOR MAESTRE RAMIREZ
Decoding Kotlin - Your guide to solving the mysterious in Kotlin.pptx
Decoding Kotlin - Your guide to solving the mysterious in Kotlin.pptx
João Esperancinha
complete construction, environmental and economics information of biomass com...
complete construction, environmental and economics information of biomass com...
asadnawaz62
Work Experience-Dalton Park.pptxfvvvvvvv
Work Experience-Dalton Park.pptxfvvvvvvv
LewisJB
An introduction to Semiconductor and its types.pptx
An introduction to Semiconductor and its types.pptx
Purva Nikam
Comparative Analysis of Text Summarization Techniques
Comparative Analysis of Text Summarization Techniques
ugginaramesh
Último
(20)
Call Girls Delhi {Jodhpur} 9711199012 high profile service
Call Girls Delhi {Jodhpur} 9711199012 high profile service
Gurgaon ✡️9711147426✨Call In girls Gurgaon Sector 51 escort service
Gurgaon ✡️9711147426✨Call In girls Gurgaon Sector 51 escort service
8251 universal synchronous asynchronous receiver transmitter
8251 universal synchronous asynchronous receiver transmitter
POWER SYSTEMS-1 Complete notes examples
POWER SYSTEMS-1 Complete notes examples
Introduction to Machine Learning Unit-3 for II MECH
Introduction to Machine Learning Unit-3 for II MECH
Risk Assessment For Installation of Drainage Pipes.pdf
Risk Assessment For Installation of Drainage Pipes.pdf
What are the advantages and disadvantages of membrane structures.pptx
What are the advantages and disadvantages of membrane structures.pptx
Call Us ≽ 8377877756 ≼ Call Girls In Shastri Nagar (Delhi)
Call Us ≽ 8377877756 ≼ Call Girls In Shastri Nagar (Delhi)
Introduction-To-Agricultural-Surveillance-Rover.pptx
Introduction-To-Agricultural-Surveillance-Rover.pptx
Electronically Controlled suspensions system .pdf
Electronically Controlled suspensions system .pdf
Sachpazis Costas: Geotechnical Engineering: A student's Perspective Introduction
Sachpazis Costas: Geotechnical Engineering: A student's Perspective Introduction
Concrete Mix Design - IS 10262-2019 - .pptx
Concrete Mix Design - IS 10262-2019 - .pptx
Exploring_Network_Security_with_JA3_by_Rakesh Seal.pptx
Exploring_Network_Security_with_JA3_by_Rakesh Seal.pptx
Instrumentation, measurement and control of bio process parameters ( Temperat...
Instrumentation, measurement and control of bio process parameters ( Temperat...
Software and Systems Engineering Standards: Verification and Validation of Sy...
Software and Systems Engineering Standards: Verification and Validation of Sy...
Decoding Kotlin - Your guide to solving the mysterious in Kotlin.pptx
Decoding Kotlin - Your guide to solving the mysterious in Kotlin.pptx
complete construction, environmental and economics information of biomass com...
complete construction, environmental and economics information of biomass com...
Work Experience-Dalton Park.pptxfvvvvvvv
Work Experience-Dalton Park.pptxfvvvvvvv
An introduction to Semiconductor and its types.pptx
An introduction to Semiconductor and its types.pptx
Comparative Analysis of Text Summarization Techniques
Comparative Analysis of Text Summarization Techniques
1.3にBrowserify組み合わせてイベント駆動にした話
1.
1.3にBrowserify組み合わせて イベント駆動にした話 ng-japan March 21,
2015
2.
@armorik83 • 京都から来ました from
Kyoto. • AngularJS Anti-patterns アンチパターン集 • Modern AngularJS etc.
3.
1.4.0-beta.5 1.3.12by own project var
angular = require('angular'); console.log(angular.version);
4.
var angular =
require('angular'); console.log(angular.version); 1.4.0-beta.5 ^1.3.14 2015-02-24 !!??
5.
Already supported • 1.3でBrowserify使った話しようと 思ったら、もう対応してました
👍 • browserify-shim is useful when you use <=1.3.13 thlorenz/browserify-shim
6.
Use only directive •
Each .ts file has one directive • Towards 2.0, I DON'T use service, factory, ng-controller
7.
Isolate Scope &
broadcast • Use only Directive's isolate scope • Use only $broadcast() • But event names scattered イベント名文字列が散らばる…
8.
Add Listener import Store
= require('./store'); class DirectiveController { constructor() { Store.addListener(this.someMethod); } } ! class Store { addListener(listener) { this.$rootScope.$on(EVENT_NAME, listener); } ! hasChanged(err) { this.$rootScope.$broadcast(EVENT_NAME, err); } } Gather into one class ✌️
9.
Respect for F... •
An Architecture F... Action -> Dispatcher -> Store -> View • My Angular 1.3 Project Child Directive Controller -> Dispatcher -> Store -> Root Directive • Without ng-controller, Angular DI, service, factory. Browserify is helpful us.
10.
Find more on
GitHub https://github.com/armorik83/interactive-sem/tree/latent-variable Thanks a lot!
Descargar ahora