[B! angularjs] smotokezuruã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

smotokezuru id:smotokezuru

angularjsã«é–¢ã™ã‚‹smotokezuruã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

Angular 2ã¨Augular 1ã¯ã‚¢ãƒ—ãƒªå†…ã§æ··åœ¨å¯èƒ½ã«ãªã‚‹ã¨ç™ºè¡¨ã€‚Anguler 1ã‹ã‚‰2ã¸ã®æ®µéšŽçš„ãªç§»è¡ŒãŒå¯èƒ½ã«
Angular 2ã¨Augular 1ã¯ã‚¢ãƒ—ãƒªå†…ã§æ··åœ¨å¯èƒ½ã«ãªã‚‹ã¨ç™ºè¡¨ã€‚Anguler 1ã‹ã‚‰2ã¸ã®æ®µéšŽçš„ãªç§»è¡ŒãŒå¯èƒ½ã« 1ã¤ã®Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³å†…ã§ã€Angular 1ã¨Angular 2ãŒå…±å˜å¯èƒ½ã«ãªã‚Šã€ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã¯Angular 1ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å°‘ã—ãšã¤æ®µéšŽçš„ã«Angular 2ã¸ã¨ç§»è¡Œã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã€‚AngularJSã®ãƒ–ãƒã‚°ã«æŠ•ç¨¿ã•ã‚ŒãŸãƒã‚¹ãƒˆã€ŒAngular 1 and Angular 2 integration: the path to seamless upgradeã€ã§ã€Angular 2ç§»è¡Œã«é–¢ã™ã‚‹ç™ºè¡¨ãŒè¡Œã‚ã‚Œã¾ã—ãŸã€‚ ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã®JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã—ã¦çŸ¥ã‚‰ã‚Œã‚‹AngularJSã€‚æ¥æ˜¥ç™»å ´ã«å‘ã‘ã¦é–‹ç™ºãŒé€²ã‚“ã§ã„ã‚‹Angular 2ã¯ã€ã‚ˆã‚Šé«˜é€Ÿã€é«˜æ€§èƒ½ãŒæœŸå¾…ã•ã‚Œã‚‹ä¸€æ–¹ã€ç¾åœ¨åˆ©ç”¨ã•ã‚Œã¦ã„ã‚‹Angular 1ã¨ã¯äº’æ›æ€§ãŒå®Œå…¨ã§ã¯ãªã„ã“ã¨ãŒæ˜Žã‚‰ã‹
smotokezuru 2015/09/01
angularjs
ãƒªãƒ³ã‚¯
Angularãƒãƒ¼ãƒ ã¯ã€ã©ã†ã‹ã—ã¡ã‚ƒã£ãŸï¼Ÿ | POSTD
ç§ã¯ ä»¥å‰ã®æŠ•ç¨¿ ã§ã€Angularãªã©ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒã‚ã¾ã‚Šå¥½ãã§ã¯ãªã„æ—¨ã‚’è¿°ã¹ã¾ã—ãŸã€‚å®£è¨€çš„ãªHTMLã®ã‚¿ã‚°ã‚„å±žæ€§ã€{{äºŒé‡æ³¢æ‹¬å¼§}}ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’é–‹ç™ºã™ã‚‹ã¨ã„ã†ã“ã¨ã«ã¯ã€ ã©ã†ã‚‚æŠœã‘è½ã¡ã¦ã„ã‚‹éƒ¨åˆ†ãŒã‚ã‚‹ ã‚ˆã†ã§ã™ã€‚ãã—ã¦ã€ã©ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚‚ç‹¬è‡ªã®ã‚„ã‚Šæ–¹ã§é–‹ç™ºã•ã‚Œã¦ã„ã‚‹ãŸã‚ã€ãã‚Œã‚’ç†è§£ã—ã‚µãƒãƒ¼ãƒˆã™ã‚‹ãŸã‚ã«ã¯ã€ãƒ„ãƒ¼ãƒ«ã®ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã«å¤šå¤§ãªåŠ´åŠ›ã‚’ æµªè²»ã™ã‚‹ æ³¨ã å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ ã•ã‚‰ã«ã€ãã‚“ãªå…ˆå…¥è¦³ã‚’æŠœãã«ã—ã¦è€ƒãˆã¦ã¿ã¦ã‚‚ã€Angularã®ä»Šå¾Œã«é–¢ã—ã¦æœ€è¿‘å…¥ã£ã¦ããŸæƒ…å ±ã¯ã€ç§ãŒã¾ã™ã¾ã™é ã‚’æŠ±ãˆã¦ã—ã¾ã†ã‚ˆã†ãªå†…å®¹ã ã£ãŸã®ã§ã™â€¦â€¦ ãƒ„ãƒ¼ãƒ«ã«æ–°ãŸã«è¿½åŠ ã•ã‚Œã‚‹æ¦‚å¿µã¯ã€1ã¤ã§ã¯ãªã3ã¤ï¼ Angularã‚’ã‚µãƒãƒ¼ãƒˆã™ã‚‹ãŸã‚ã«ã¯ãƒ„ãƒ¼ãƒ«ã®ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆãŒå¿…è¦ã§ã™ãŒã€ä»Šã¯ä¸‹è¨˜ã‚’è€ƒæ…®ã—ã¦ã„ãå¿…è¦ãŒã‚ã‚‹ã‚ˆã†ã§ã™ã€‚ Angular v1ã®æ§‹æ–‡ Angular v2ã®æ§‹æ–‡ï¼ˆå¾“æ¥ã¨ å¤§ããç•°ãªã‚‹ ã‚ˆã†ã§ã™ï¼‰
smotokezuru 2014/12/23
angularjs
ãƒªãƒ³ã‚¯
AngularãŒå¥½ã - Can I do web?
ãƒœã‚¯ã¯æœ¬å½“ã«AngularãŒå¥½ãã§ã€ã‚‚ã¯ã‚„æ‹ã™ã‚‹ãƒ¬ãƒ™ãƒ«ã«é”ã—ã¦ã„ã¦ã€ä»Šã§ã¯ã‚‚ã†å®Ÿæ¡ˆä»¶ã«ä½¿ã£ã¦ã„ã‚‹ã€‚ ã‚¤ã‚«ç†ç”±ã€‚ APIãŒã»ã‚“ã£ã£ã£ã£ã£ã¨ã†ã«ç³ž è¶£å‘³ã®å•é¡Œã¨ã„ãˆã°ãã†ã§ã‚‚ã‚ã‚‹ãŒåƒ•ã¯ç³žã ã¨æ€ã† â†’ è¶£å‘³ã«ã¯å£ã‚’å‡ºã—ã¾ã›ã‚“ã€‚ãã†æ€ã†ãªã‚‰ãã†ã§ã™ã€‚ å®Ÿè£…ãŒé»’é”è¡“ è‰¯è˜ã‚ã‚‹JSã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãªã‚‰ Function.prototype.toString() ã—ãªã„ å®Ÿéš›ã«ä¸€éƒ¨ã®ã‚¯ãƒãƒ¼ã‚¸ãƒ£ãŒç ´å£Šã•ã‚Œã¦ã¦æŒ™å‹•ãŒç›´æ„Ÿã«åã™ã‚‹ DirtyCheckã®å®Ÿè£…ã€è¡¨é¢çš„ã«ã‚‚DirtyãªæŒ™å‹•ã¨ã—ã¦ç¾ã‚Œã‚‹ã®ã§ãƒ‡ãƒ¼ã‚¿ãƒã‚¤ãƒ³ãƒ‰ã¨ã—ã¦ä½•ã‚‚å¬‰ã—ããªã„ â†’ãƒ‡ãƒ¼ã‚¿ãƒã‚¤ãƒ³ãƒ‰ã ã£ãŸã‚Šã€Web Components ã®ã‚ˆã†ãªã€æœªæ¥ã«nativeå®Ÿè£…ã•ã‚Œã‚‹APIã‚’åŒ…æ‹¬çš„ã«å®Ÿè£…ã—ã‚ˆã†ã¨ã—ãŸçµæžœã®ï¼‘ã¤ã ã¨æ€ã£ã¦ã¾ã™ã€‚ ã‚‚ã£ã¨ã„ã„æ–¹æ³•ã¯ã‚ã‚‹ã®ã‹ã‚‚ã—ã‚Œãªã„ã§ã™ã‘ã©ã€Angularã§ã¯ã“ã†ã—ã¦ã‚‹ã‚ˆã£ã¦ã„ã†ã®ãŒç¾çŠ¶ãªã®ã‹ãªã¨ã€‚ ä¸Šè¨˜ã§æ¯’ã¥ãç¨‹ä¸æº€ã¯ãªã„ã§
smotokezuru 2014/10/10
angularjs
ãƒªãƒ³ã‚¯
AngularJSã¯ä»Šã™ãç”Ÿã¾ã‚Œå¤‰ã‚ã‚‹ã‹æ»ã - Write and Run
mizchi æ°ã®ã‚¨ãƒ³ãƒˆãƒªã‚’è¸ã¾ãˆã¦ã€‚ AngularãŒå«Œã„ - mizchi's blog ä½•ã‚’ã‚„ã‚‹ã«ã‚‚ã‚°ã‚°ã£ã¦è§£æ±ºã—ãªã‘ã‚Œã°ãªã‚‰ãªã„ãã‚‰ã„ã«ã¯ä¸€è²«æ€§ãŒãªã„ ãƒžã‚¸ã§ã“ã‚Œã€‚è¨å®šãŒå¤šã™ãŽã‚‹ã€‚ç‰¹ã« directive å®šç¾©ã€‚ã©ã†ã‚„ã‚‰ Web Components ã®æµå„€ã«æ²¿ã†ã‚ˆã†ã«ãªã£ã¦ã„ã¦ã€å°†æ¥çš„ã«ã¯ Web Components ã«ä¹—ã£ã‘ã‚‹ã€ã¨ã„ã†ã“ã¨ã‚‰ã—ã„ãŒã€ãã‚‚ãã‚‚ã® Web Components ã®ä»•æ§˜ãŒæ±šã„ã—ã€æ•‘ã„ã‚ˆã†ãŒãªã„ã€‚ å‚è€ƒ: AngularJS: Developer Guide: Directive åˆ¶å¾¡æ§‹é€ ã¨è¦ç´ ã‚’åˆ†é›¢ã—ã¦ãã‡ã›ã„ã§ replace ã¨ã‹ã„ã†ã‚ªãƒ—ã‚·ãƒ§ãƒ³ãŒç”Ÿãˆã¦ã‚‹ã—ã€tranclude ã¨ã®çµ„ã¿åˆã‚ã›ã§ã‚ˆã‚Šè¤‡é›‘ãªã“ã¨ã«ãªã‚‹ã—ã€isolated scope ãª directive ã¯ä½µç”¨ã§ããªã„ã¨ã‹ã€ng-repeat ã§ä½œã‚‰ã‚ŒãŸ scope ã®ä¸‹ã«ä»–ã® d
smotokezuru 2014/10/10
angularjs
ãƒªãƒ³ã‚¯
AngularãŒå«Œã„ - mizchi's blog
åƒ•ã¯æœ¬å½“ã«AngularãŒå«Œã„ã§ã€ã‚‚ã¯ã‚„è¨±ã›ãªã„ãƒ¬ãƒ™ãƒ«ã«é”ã—ã¦ã„ã¦ã€ä»Šã§ã¯ã‚‚ã†æœ¬å½“ã«ä½¿ã„ãŸããªã„ã€‚ ã‚¤ã‚«ç†ç”±ã€‚ APIãŒã»ã‚“ã£ã£ã£ã£ã£ã¨ã†ã«ç³ž è¶£å‘³ã®å•é¡Œã¨ã„ãˆã°ãã†ã§ã‚‚ã‚ã‚‹ãŒåƒ•ã¯ç³žã ã¨æ€ã† å®Ÿè£…ãŒé»’é”è¡“ è‰¯è˜ã‚ã‚‹JSã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãªã‚‰ Function.prototype.toString() ã—ãªã„ å®Ÿéš›ã«ä¸€éƒ¨ã®ã‚¯ãƒãƒ¼ã‚¸ãƒ£ãŒç ´å£Šã•ã‚Œã¦ã¦æŒ™å‹•ãŒç›´æ„Ÿã«åã™ã‚‹ DirtyCheckã®å®Ÿè£…ã€è¡¨é¢çš„ã«ã‚‚DirtyãªæŒ™å‹•ã¨ã—ã¦ç¾ã‚Œã‚‹ã®ã§ãƒ‡ãƒ¼ã‚¿ãƒã‚¤ãƒ³ãƒ‰ã¨ã—ã¦ä½•ã‚‚å¬‰ã—ããªã„ Googleã ã‹ã‚‰è¨±ã•ã‚Œã‚‹ã€ã¿ãŸã„ãªã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã®é©•ã‚ŠãŒæœ¬å½“ã«å«Œ Angularã®éƒ½åˆã ã‘ã§Chromeã§Object.observeã‚’å‰å€’ã—ã™ã‚‹ã®ã‚„ã‚ã‚ Angularã®å†…éƒ¨ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«åŒå£«ãŒå¯†çµåˆ DI, module, factory, ãã‚Œãžã‚Œå¤§ããªãƒ†ãƒ¼ãƒžãªã®ã«å¯†çµåˆ ä½¿ã„ã¯ã˜ã‚ã‚‹ã¨Angularã‚’ã‚„ã‚ã‚‹ã“ã¨ãŒå›°é›£ ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³
smotokezuru 2014/10/10
angularjs
ãƒªãƒ³ã‚¯
ã€ŒAngularJSãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€ã¨ã„ã†æœ¬ã‚’æ›¸ãã¾ã—ãŸ - å»»ã‚‹æŠ€è¡“ã®è¦—ãç©´
é‡‘äº•ã•ã‚“(@can_i_do_web)ã¨å‰ç”°ã•ã‚“(@teyosh)ã¨ã®å…±è‘—ã§AngularJSãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã¨ã„ã†æ›¸ç±ã‚’åŸ·ç†ã—ã¾ã—ãŸã€‚ AngularJSãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ ä½œè€…: æ± æ·»æ˜Žå®,é‡‘äº•å¥ä¸€,å‰ç”°å¾¹ç”Ÿ,ä¸¸å±±å¼˜è©©å‡ºç‰ˆç¤¾/ãƒ¡ãƒ¼ã‚«ãƒ¼: ã‚¤ãƒ³ãƒ—ãƒ¬ã‚¹ç™ºå£²æ—¥: 2014/09/05ãƒ¡ãƒ‡ã‚£ã‚¢: å˜è¡Œæœ¬ï¼ˆã‚½ãƒ•ãƒˆã‚«ãƒãƒ¼ï¼‰ã“ã®å•†å“ã‚’å«ã‚€ãƒ–ãƒã‚°ã‚’è¦‹ã‚‹ ã©ã®ã‚ˆã†ãªæœ¬ã‹ï¼Ÿ ã“ã®æœ¬ã¯AngularJSã®è„±åˆå¿ƒè€…ã€œä¸ç´šè€…å‘ã‘ã‚’ç›®æŒ‡ã—ã¦æ›¸ãã¾ã—ãŸã€‚ å…¬å¼ãƒšãƒ¼ã‚¸ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚„ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã®å…¥é–€è¬›åº§ã‚’ã“ãªã—ã¦ã€ã‚ã‚‹ç¨‹åº¦AngularJSã‚’ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ãŸäººãŒã€ãã®æ¬¡ã«é€²ã¿ãŸã„ã¨ãã«èªã‚€ã®ã«é©ã—ã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã¾ãŸã€AngularJSã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’èªã¾ãªã„ã¨åˆ†ã‹ã‚‰ãªã„ã‚ˆã†ãªå†…å®¹ã‚‚ã„ãã¤ã‹æ›¸ã„ã¦ã„ã‚‹ã®ã§ã€AngularJSã‚’ä½¿ã„è¾¼ã‚“ã§ã„ã‚‹äººã«ã‚‚ä½•ã‹ã—ã‚‰ã®æ–°ã—ã„ç™ºè¦‹ãŒã‚ã‚‹ã®ã§ã¯ãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚ æœ¬æ›¸ã¯Angu
smotokezuru 2014/09/02
angularjs
ãƒªãƒ³ã‚¯
1