ã€ç¿»è¨³ã€‘ 2016å¹´ã«JavaScriptã‚’å¦ã‚“ã§ã©ã†æ„Ÿã˜ãŸã‹ - Endo Tech Blog※何度投稿ã—よã†ã¨ã—ã¦ã‚‚Bad RequestãŒå‡ºã¦ã—ã¾ã£ãŸã®ã§gistã§æŠ•ç¨¿ã—ã¾ã™ã€‚ã”了承下ã•ã„。 gist.github.com
5カ月ã§AngularJSã¨TypeScriptã§SPAを開発。ãã®æŠ€è¡“ã®é¸æŠžç†ç”±ã¨é–‹ç™ºéŽç¨‹ã¯ï¼Ÿï¼ˆå‰ç·¨ï¼‰ Developers Summit 2016
5カ月ã§AngularJSã¨TypeScriptã§SPAを開発。ãã®æŠ€è¡“ã®é¸æŠžç†ç”±ã¨é–‹ç™ºéŽç¨‹ã¯ï¼Ÿï¼ˆå‰ç·¨ï¼‰ Developers Summit 2016 シングルページアプリケーション（SPA）ã¯ã€æœ€è¿‘注目を集ã‚ã¦ã„ã‚‹Webアプリケーションã®ã‚¢ãƒ¼ã‚テクãƒãƒ£ã§ã™ã€‚HTML全体ã®æ›¸ãæ›ãˆã¯è¡Œã‚ãšã€å¤‰æ›´ãŒå¿…è¦ãªéƒ¨åˆ†ã ã‘ã‚’JavaScriptã§å‹•çš„ã«æ›¸ãæ›ãˆã¦ã„ãã“ã¨ã«ã‚ˆã‚Šã€åå¿œãŒã‚ˆãユーザー体験ã«ã™ãã‚ŒãŸWebアプリケーションを実ç¾ã§ãã¾ã™ã€‚ ã“ã®SPAã®é–‹ç™ºã‚’ã€æŠ€è¡“ã®é¸æŠžã€ä»•æ§˜ã®ç–定ã€é–‹ç™ºã‚’å«ã‚ã¦5カ月ã§è¡Œã£ãŸçµŒé¨“談ãŒã€2月18æ—¥ã«éƒ½å†…ã§è¡Œã‚ã‚ŒãŸã€ŒDevelopers Summit 2016ã€ï¼ˆé€šç§°ãƒ‡ãƒ–サミ）ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã€Œ5ã‹æœˆã§AngularJSã¨TypeScriptã§SPAã‚’ã¤ãã£ãŸè©±ã€ã§ç´¹ä»‹ã•ã‚Œã¾ã—ãŸã€‚ 注目ã•ã‚Œã¦ã„るアーã‚テクãƒãƒ£ã‚’ã„ã¾ã©ãã®æŠ€è¡“を採用ã—ã¦é–‹ç™ºã—ãŸäº‹ä¾‹ã¯ã€ç«‹ã¡è¦‹ãŒã§ã‚‹äººæ°—
JavaScriptã‚’ä¸å¿ƒã¨ã—ãŸWebアプリ開発ã®æ „枯盛衰ã¾ã¨ã‚――LiveScriptã‹ã‚‰AngularJSï¼React.jsã¾ã§
JavaScriptã‚’ä¸å¿ƒã¨ã—ãŸWebアプリ開発ã®æ „枯盛衰ã¾ã¨ã‚――LiveScriptã‹ã‚‰AngularJSï¼React.jsã¾ã§ï¼š15周年記念特別ä¼ç”» ï¼ ITãŒèª•ç”Ÿã—ãŸ2000å¹´é ƒã¯JavaScriptãŒä¸é‡ã ã£ãŸæ™‚代。ãã“ã‹ã‚‰ç¾åœ¨ã®ã‚ˆã†ãªäººæ°—ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã«ãªã‚‹ã¾ã§ã«ã¯ã€ã©ã®ã‚ˆã†ãªæ´å²ãŒã‚ã£ãŸã®ã‹ã€‚15周年を迎ãˆãŸï¼ ITã®è±Šå¯ŒãªWeb開発関連記事ã¨ã¨ã‚‚ã«æŒ¯ã‚Šè¿”る。 2015å¹´6月17æ—¥ã«ã€JavaScriptã®æœ€æ–°æ¨™æº–仕様ã¨ãªã‚‹ã€ECMAScript 6（ES6ã€ECMAScript 2015）ãŒæ£å¼ã«æ‰¿èªã•ã‚Œã¾ã—ãŸï¼ˆå‚考）。1997å¹´ã«ECMAScriptã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³1ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¦ã‹ã‚‰6度目ã®ã‚¢ãƒƒãƒ—デートã¨ãªã‚Šã€ã“ã‚Œã¾ã§ã®ä¸ã§ä¸€ç•ªå¤§ããªå¤‰æ›´ãŒåŠ ãˆã‚‰ã‚ŒãŸã“ã¨ã«ãªã‚Šã¾ã™ã€‚ 本稿ã§ã¯ã€ECMAScript 6ãŒæ£å¼ã«æ‰¿èªã•ã‚ŒãŸã¨ã„ã†ã“ã¨ã‚‚ã‚ã‚Šã€2000å¹´é ƒã®ç¬¬ä¸€æ¬¡ãƒ–ラウザー戦争
ãŠå‰ã®Angular.jsã¯ã‚‚ã†MVCã§ã¯ãªã„。ã¨è¨€ã‚ã‚Œãªã„ãŸã‚ã®Tutorial - Qiita
JavaScriptフレームワークã«èˆˆå‘³ã‚ã‚‹ã—ã€Angular.jsを使ã£ã¦ã¿ã‚ˆã†ã‹ãªãƒ»ãƒ»ãƒ» ãã‚“ãªç´”真無垢ãªã‚ãªãŸã‚’混沌ã®ä¸–紀末ã«å¼•ããšã‚Šè¾¼ã‚€ã®ãŒã€ã»ã‹ã§ã‚‚ãªã„Tutorialãªã®ã§ã™ã€‚ Tutorialã§ã¯ã»ã¼Controllerã—ã‹å‡ºã¦ã“ãªã„ã®ã§ã€ç´ ç›´ã«ã“ã®é€šã‚Šæ›¸ã„ã¦ã„ã‚‹ã¨ã¾ãšé–“é•ã„ãªã３カウントã§Controllerã«ã‚³ãƒ¼ãƒ‰ãŒé›†ä¸ã™ã‚‹ã„ã‚ゆるFat Controllerã«ãªã‚Šã€ã›ã£ã‹ãMVCフレームワークも地ç„ã®è’野ã«ãªã‚Šã¾ã™ã€‚ 実ã¯ã€Angular.jsã§ã¾ãšç›®ã‚’通ã™ã¹ããªã®ã¯Developer Guideã®Conceptual Overviewã§ã™ã€‚ã“れをèªã‚ã°ã©ã†å‡¦ç†ã‚’分割ã™ã‚‹ã‹ãŒãã¡ã‚“ã¨æ›¸ã‹ã‚Œã¦ã„ã¾ã™ãŒã€ä»¥ä¸‹ã§ã¯ãれ＋経験をもã¨ã«Angular.jsã§æ£ã—ãMVCを使用ã™ã‚‹ãŸã‚ã®ãƒã‚¤ãƒ³ãƒˆã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ Angular.jsã®ï¼“原則 1.Controllerã¯ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰
angularJS 㨠jQuery ã«é–¢ã™ã‚‹èª¤è§£ã‚’解ã - nazokingã®ãƒ–ãƒã‚°
最近 angularJS ã«å¯¾ã™ã‚‹æœŸå¾…ã®ä½Žä¸‹ãŒè‘—ã—ãã¦ã¤ã‚‰ã„。 ãªã‚“ã ã‹ã‚“ã 㧠SPA ã‹ã‚‰ jQuery ã«æˆ»ã£ãŸè©± - ボクココ Angularã®å•é¡Œã§ã¯ ã¯ã¦ãªãƒ–ックマーク - mizchi ã®ãƒ–ックマーク - 2015å¹´5月18æ—¥ ã¿ã‚“ãªä½¿ã„ã©ã“ã‚ã‚’é–“é•ã£ã¦ã‚‹ã‚“や。１年åŠãらã„使ã£ã¦ã¦ä¸æº€ã‚‚ã‚ã‚‹ã‘ã©è‡ªåˆ†ã®ã‚ˆã使ã†ç¯„囲ã§ã¯ angularJS 最強ã ã¨æ€ã†ã€‚ angularJS ãŒå‘ã„ã¦ã‚‹ã®ã¯ Single Page Application ã§ã¯ãªã„ angularJS ãŒå‘ã„ã¦ã‚‹ã®ã¯ â—Ž フォームã®ã‚ˆã†ãªç´°ã‹ã„部å“を多用 ＆ DOMツリーã¨ãƒ‡ãƒ¼ã‚¿ã‚¹ã‚³ãƒ¼ãƒ—ãŒã»ã¼ä¸€è‡´ã—ã¦ã„ã¦ãƒ¦ãƒ¼ã‚¶ã®å…¥åŠ›ã‚’サーãƒã«é€ã£ãŸã‚Šã™ã‚‹ webアプリ。管ç†ç”»é¢ã€ãƒžã‚¤ãƒšãƒ¼ã‚¸ã€æ¥å‹™ã‚¢ãƒ—リãªã© â–³ Single Page Application ↠簡å˜ã«ä½œã‚Œã‚‹ã‘ã©ãƒšãƒ¼ã‚¸é–“ã®é€£æºãŒå¿…è¦ãªã„ãªã‚‰ã‚µãƒ¼ãƒå´ã§åˆ†ã‘ã¦ã—ã¾ã£ãŸæ–¹
Backbone.JSã‹ã‚‰Angular2ã¾ã§ã€å…¨9大JavaScriptフレームワークを書ã比ã¹ãŸ! - paiza times
(English article is here.) ã“ã‚“ã«ã¡ã¯ã€å‰å²¡([twitter:@yoshiokatsuneo])ã§ã™ã€‚ ウェブ開発ã«æ¬ ã‹ã›ãªã„JavaScriptフレームワークã§ã™ãŒã€æ—¥ã€…発展ã—ã¦ãŠã‚ŠReact.js, Ractive.js, Aurelia.js, AngularJS2.0ãªã©æ¬¡ã€…ã¨æ–°ã—ã„フレームワークãŒå‡ºã¦ãã¦ã„ã¾ã™ã€‚ 一体ã©ã‚Œã‚’使ãˆã°ã„ã„ã®ã‹ï¼Ÿä½•ãŒé•ã†ã®ã‹ï¼Ÿä½•ã‹ã‚‰èª¿ã¹ã¦ã„ã„ã®ã‹è¿·ã†ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ ãã“ã§ã€ç¾æ™‚点ã§äº‹å®Ÿä¸Šå…¨ã¦ã¨ãªã‚‹ã€ï¼™å¤§ä¸»è¦ãƒ•ãƒ¬ãƒ¼ãƒ ワークã«ã¤ã„ã¦ã€å®Ÿéš›ã«ä½¿ã£ã¦ã¿ã¦æ¯”較を行ã„ã¾ã™ã€‚ Backbone.js Ember.js Knockout.js AngularJS(1.x) React.js Ractive.js vue.js Aurelia.js AngularJS2.0(アルファ版) ã“れらã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã¯ã€ä»¥ä¸‹ã®ã‚ˆã†ãªæ©Ÿèƒ½ãŒå®Ÿç¾ã•
AngularJS ã«ã¤ã„ã¦ã®æ‰€æ„Ÿ
AgularJS ã«å¯¾ã™ã‚‹æ°—æŒã¡ 所感ã¨ã„ã„ã¤ã¤ã€ä¸»ã«è‡ªåˆ†ãŒã¤ã‚‰ã•ã¨ã—ã¦æ„Ÿã˜ã¦ã„ã‚‹ã“ã¨ã‚’書ã。所感シリーズã¨ã—ã¦ã¯ jQueryã«ã¤ã„ã¦ã®æ‰€æ„Ÿ ã‚‚ä½µã›ã¦èªã¿ãŸã„。 ã“ã®å¦ç¿’曲線ã®ä¸ã§ã„ã†ã¨ã€ãŸã¶ã‚“今ã®è‡ªåˆ†ã¯ Very Cool! ã®é ‚点ã‹ã‚‰é™ã‚Šã¦ã„る最ä¸ãらã„ã ã¨æ€ã†ã€‚ãã—ã¦ã€ãƒžã‚µã‚«ãƒªã‚’ãµã‚Šã‹ã¶ã£ãŸè«¸å…„ã«ã²ã¨ã¤ã ã‘言ã„ãŸã„ã®ã¯ã€å…±æ„Ÿè„³ã‚’養ã£ãŸæ–¹ãŒãƒ¢ãƒ†ã‚‹ã¨ã„ã†ã“ã¨ã 。 ãƒã‚ンãƒãƒ¼ãƒˆçš„å¼è§£: 以下ã¯AngularJSã«é–¢ã™ã‚‹ã¤ã‚‰ã•ã‚’è¿°ã¹ã‚‹ã“ã¨ã«å°‚念ã™ã‚‹ãŸã‚ã«ã€ç¾Žç‚¹ã‚’挙ã’ã¦ã„ãªã„ã ã‘ã§ã‚ã£ã¦AngularJSを全方ä½çš„ã«è²¶ã‚ãŸã‚Šã€ä½•ã‹ã¨æ¯”ã¹ã¦æ˜Žç¢ºã«ã‚¯ã‚½ã ã¨ã„ã†ã‚ˆã†ãªæ„図ã¯ãªã„。 ç”»åƒã¯ AngularJS: The Best Parts · Anand Mani Sankar ã‹ã‚‰ã®å¼•ç”¨ã€‚X軸ã«ã‚ã‚‹ www.bennadel.com 㯠AngularJS 大好ãã•ã‚“。 è¾›1. $scope ãŒ
今ã€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ページを開ã
ã™ãã§ãã‚‹ AngularJS
{{#tags}}- {{label}}
{{/tags}}