IBM DeveloperIBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.
å¿™ã—ã„ç¾ä»£ç¤¾ä¼šäººã®ãŸã‚ã«ç¿’ã†ã‚ˆã‚Šæ…£ã‚Œã‚‹ AngularJS ã®ãƒªãƒ³ã‚¯é›† - Qiita
å¿™ã—ããªã„人ã¯ã€å…¬å¼ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’é ã‹ã‚‰å…¨éƒ¨ã‚„ã‚‹ã¨è‰¯ã„ã§ã™ã€‚ã‚ã‚“ã©ãã•ãã¦ãã£ã¡ã¯ã‚„ã£ã¦ãªã„ã®ã§åˆ†ã‹ã‚Šã¾ã›ã‚“。 ã¨ã‚Šã‚ãˆãšã“ã“ã‚’é–‹ã„ã¦ã‚¸ãƒ£ãƒƒãƒ´ã‚¡ã‚¹ã‚¯ãƒªãƒ—トを眺ã‚ã‚‹ モジュールã«ã¤ã„㦠基本ä¸ã®åŸºæœ¬ã€‚特ã«æŽ¨å¥¨ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ—ã®ã¨ã“ã‚を見ã¦ãŠã‘ã°è‰¯ã„。 DI(ä¾å˜æ€§æ³¨å…¥)ã«ã¤ã„㦠ã“ã£ã¡ã‚’èªã‚“ã æ–¹ãŒå¹¸ã›ã«ãªã‚Œã‚‹ã‹ã‚‚。 ã©ã‚“ãªã‚µãƒ³ãƒ—ルをèªã‚€ã«ã‚ãŸã£ã¦ã‚‚ã€DI ã®ä»•çµ„ã¿ã‚’知ã£ã¦ãªã„ã¨è¾›ããªã‚‹ã€‚仕組ã¿è‡ªä½“ã¯ã‚ˆãã§ãã¦ã„ã‚‹ãŒå–ã£ã¤ãã¥ã‚‰ã„。 特㫠引数åã§æ¸¡ã•ã‚Œã‚‹å®Ÿä½“ãŒå¤‰ã‚ã‚‹ 部分ã¯æ…£ã‚Œã‚‹ã¾ã§æ°—æŒã¡æ‚ªã„æ°—ãŒã™ã‚‹ã—ã€ã¼ãã¯æ°—æŒã¡æ‚ªã„。もã£ã¨è¨€ã†ã¨ã€minify ã—ãŸå ´åˆãªã©ã§å¤‰æ•°åãŒå¤‰ã‚ã‚‹ã¨å‹•ä½œã—ãªããªã‚‹ãŸã‚基本的ã«ã¯å¤‰æ•°åを指定ã—ã¦ã€å®Ÿä½“ã‚’æ•æ‰ã™ã‚‹å¿…è¦ãŒã‚る。 var sampleApp = angular.module('sampleApp', []); /** ãŸã¨ãˆã°ã€Controller ã§
新・三大JavaScriptフレームワークã®å®Ÿè·µ(Backbone.js Knockout.js Angular.js) - Qiita
Todoリストã®æ©Ÿèƒ½ 1.テã‚ストボックスã‹ã‚‰ã€Enterã§è¿½åŠ ã§ãã‚‹ 2.登録ã—ãŸTodoã¯ãƒ€ãƒ–ルクリックã§ç·¨é›†å¯èƒ½ã«ãªã‚Šã€Enterã§ç·¨é›†ç¢ºå®šã§ãã‚‹ 3.登録ã•ã‚Œã¦ã„ã‚‹Todoã®ç·ä»¶æ•°ãŒãƒ•ãƒƒã‚¿ãƒ¼ã«è¡¨ç¤ºã•ã‚Œã‚‹ 4.完了ã—ãŸTodoãŒã‚ã‚‹å ´åˆã€ãれらをリストã‹ã‚‰æ¶ˆã™ãƒœã‚¿ãƒ³ãŒè¡¨ç¤ºã•ã‚Œã‚‹ 5.å…¨é¸æŠž/解除を行ã†ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ãŒã‚ã‚‹ 個人的ãªçµè«– 趣味開発ã§ä½¿ã†ãªã‚‰Angular.js・仕事ã§ä½¿ã†ãªã‚‰Knockout.jsã‚’ãŠå‹§ã‚ã—ãŸã„。 ã¾ãšã€ãƒ•ãƒ¬ãƒ¼ãƒ ワークをé¸æŠžã™ã‚‹éš›ã¯ã€ä»¥ä¸‹3ã¤ã®é¸æŠžåŸºæº–ã‚’æŒã¤ã¨ã‚ˆã„ã¨æ€ã†ã€‚ 1.開発ã®è¦æ¨¡ 大è¦æ¨¡ãªã‚‰Backbone.jsã¯ãŠå‹§ã‚ã§ãる。 書ãæ–¹ãŒæ±ºã¾ã£ã¦ã„ã¦ã€ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã«ç›®ã‚’通ã›ã°(é¢å€’ãªã®ã¯ç½®ã„ã¦ãŠã„ã¦)何を作らãªã‘ã‚Œã°ãªã‚‰ãªã„ã‹ã¯ç°¡å˜ã«ç†è§£ã§ãる。ãã“ãã“ã®äººæ•°ã§é•·ã„時間ã®é–‹ç™ºã‚’è¡Œã†ãªã‚‰ã€UIãƒãƒ¼ãƒ ã¯ã‚¢ãƒ—リケーションã¨Viewã€ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã¯
今ã€AngularJSã¨ã„ã†ãƒ•ãƒ¬ãƒ¼ãƒ ワークãŒãƒ¤ãƒã„ - (ﾟ∀ﾟ)o彡 sasata299's blog
2013å¹´11月05æ—¥10:36 JavaScript 勉強会 今ã€AngularJSã¨ã„ã†ãƒ•ãƒ¬ãƒ¼ãƒ ワークãŒãƒ¤ãƒã„ 先週ã®åœŸæ›œæ—¥ã€ãƒ©ãƒ³ã‚µãƒ¼ã‚ºã•ã‚“ã§è¡Œã‚れ㟠第３弾　週末ランサーズ ã«å‚åŠ ã—ã¦å€‹äººçš„ã«ä»Šã‚¢ãƒ„ã„ AngularJS ã«ã¤ã„ã¦è©±ã—ã¦ãã¾ã—ãŸã€‚ AngularJS 㯠ng-repeat ãŒä¾¿åˆ©ã ã£ãŸã‚Šã€ã‚³ãƒ¼ãƒ‰ã®è¦‹é€šã—ãŒè‰¯ããªã‚‹ãªã©ã„ã‚ã„ã‚ãªãƒ¡ãƒªãƒƒãƒˆãŒã‚ã‚‹ã¨æ€ã†ã®ã§ã†ã¾ã使ãˆã°å¤§å¤‰ãƒ¡ãƒªãƒƒãƒˆãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚特ã«ã€ãƒ‡ãƒ¼ã‚¿ã®çŠ¶æ…‹ï¼ˆè¦ç´ ã®è¿½åŠ ・削除やã€çŠ¶æ…‹ã®on/off ãªã©ï¼‰ã‚’制御ã™ã‚Œã°ãã‚Œã«åˆã‚ã›ã¦ view ã®è¡¨ç¤ºã¯ã™ã¹ã¦ AngularJS ãŒã‚„ã£ã¦ãれるã¨ã„ã†ã®ã¯ç´ 晴らã—ã„ã§ã™ã。 ã¡ãªã¿ã«ã€ä»¥ä¸‹ã®è³‡æ–™ã®ä¸ã§ ng-app ã¨ã‹ ng-repeat ã¨ã‹å‡ºã¦ãã¾ã™ãŒï¼ˆã“れ㯠directive ã¨å‘¼ã°ã‚Œã¾ã™ï¼‰ã€ã“ã® ng ã¨ã„ã†ã®ã¯ AngularJS ã®ï¼’æ–‡å—ç›®ã¨ï¼“æ–‡å—目を表
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}