[B! AngularJS] supermomongaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

supermomonga id:supermomonga

AngularJSã«é–¢ã™ã‚‹supermomongaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (53)

${{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}}

AngularJSã¯ã‚‚ã†å¤ã„ï¼Ÿæœªæ¥å¿—å‘ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯Aurelia.JSã‚’è©¦ã—ã¦ã¿ãŸï¼ - paiza times
ã“ã‚“ã«ã¡ã¯ã€å‰å²¡(@yoshiokatsuneo)ã§ã™ã€‚ æœ€è¿‘ã®JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã„ãˆã°Angular.JSã‚„React.JSãŒãƒ›ãƒƒãƒˆã§ã™ãŒã€ä»Šå¹´æ¥ã‚‹ã¨æ€ã‚ã‚Œã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯Aurelia.JSãŒ2015å¹´1æœˆæœ«ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸã€‚ Home | Aurelia Aurelia.JSã¯Googleã§AngularJSã®é–‹ç™ºã«é–¢ã‚ã£ã¦ã„ãŸRob Eisenbergã•ã‚“ãŒé–‹ç™ºã—ãŸæ¬¡ä¸–ä»£ã®JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ ç‰¹å¾´ã¨ã—ã¦ã€æœ€æ–°ã®JavaScripté–¢é€£æŠ€è¡“ã§ã‚ã‚‹ECMAScript6ã€WebComponentsã€Object.observeãªã©ã®æ©Ÿèƒ½ã‚’å–ã‚Šè¾¼ã‚€ã“ã¨ã§ã€ã‚·ãƒ³ãƒ—ãƒ«ã§ä½¿ã„å‹æ‰‹ã®ã‚ˆã„ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«ãªã£ã¦ã„ã‚‹ã“ã¨ãŒæŒ™ã’ã‚‰ã‚Œã¾ã™ã€‚ ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç’°å¢ƒpaiza.IOã§ã‚‚åˆ©ç”¨ã—ã¦ã„ã‚‹AngularJSã¨ã®æ¯”è¼ƒã‚’ä¸å¿ƒã«ã—ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ â– Aurel
supermomonga 2015/03/02
aurelia.js

AngularJS
ãƒªãƒ³ã‚¯
AngularJSã¨Railsã®ä¸åº¦è‰¯ã„é–¢ä¿‚ã‚’æŽ¢ã‚‹ï¼šã‚³ãƒ¼ãƒ‰è§£èª¬ç·¨ | mah365
ä»¥å‰æŠ•ç¨¿ã—ãŸAngularJSã¨Railsã®ä¸åº¦è‰¯ã„é–¢ä¿‚ã‚’æŽ¢ã‚‹ã¨ã„ã†è¨˜äº‹ã®ã‚³ãƒ¼ãƒ‰è§£èª¬ç·¨ã§ã™ã€‚å‰å›žã¯ã–ã£ãã‚Šã¨ã—ãŸã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã®ç´¹ä»‹ã®ã¿ã«ã¨ã©ã‚ã¦ã„ãŸã®ã§ã€ã“ã®ã‚¨ãƒ³ãƒˆãƒªã§ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ã®è©³ç´°ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ ãƒãƒ¼ã‚¸ãƒ§ãƒ³æƒ…å ± ruby 2.1.3 rails 4.1.7 devise 3.2.4 angularjs 1.3.2 ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªæ§‹é€ appä»¥ä¸‹ã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªæ§‹é€ ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªå½¢ã§ã™ã€‚ app â”œâ”€â”€ assets â”‚Â Â â”œâ”€â”€ images â”‚Â Â â”œâ”€â”€ javascripts â”‚Â Â â”‚Â Â â”œâ”€â”€ app â”‚Â Â â”‚Â Â â”‚Â Â â””â”€â”€ tasks â”‚Â Â â”‚Â Â â”‚Â Â â”œâ”€â”€ tasks.controller.js.erb â”‚Â Â â”‚Â Â â”‚Â Â â”œâ”€â”€ tasks.html.erb â”‚Â Â â”‚Â Â â”‚Â Â â”œâ”€â”€ tasks.js.erb â”‚Â Â â”‚Â Â â”‚Â Â
supermomonga 2014/11/26
AngularJS

rails

angular.js
ãƒªãƒ³ã‚¯
AngularJS vs. Backbone.js vs. Ember.js
##5 Templating Angular and Ember include a template engine. Backbone, on the other hand, leaves it up to you to use the template engine of your choice. The best way to get a feeling of the different templating engines is a code sample, so let's dive in. We will show an example of formatting a list of it ems as HTML. ###5.1 AngularJS Angular's Templating engine is simply HTML with binding expression
supermomonga 2014/11/21
Ember.js

AngularJS

Backbone.js
ãƒªãƒ³ã‚¯
Responsive Dashboard - Bootstrapãƒ™ãƒ¼ã‚¹ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªç®¡ç†ç”»é¢ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ MOONGIFT
Bootstrapã®è‰¯ã„ã¨ã“ã‚ã¯ä½¿ã„æ‰‹ï¼ˆä¸»ã«ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ï¼‰ã®æ°—æŒã¡ã‚’ç†è§£ã—ã€ãã®åˆ©ç”¨ã‚·ãƒ¼ãƒ³ãŒæƒ³å®šã•ã‚Œã¦ã„ã‚‹ã“ã¨ã§ã—ã‚‡ã†ã€‚ã“ã ã‚ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã«ã™ã‚‹ã“ã¨ã ã£ã¦ã§ãã¾ã™ãŒã€ãã‚Œã§ã¯å¿œç”¨ãŒããã¾ã›ã‚“ã€‚ãã®æ±Žç”¨æ€§ã¨è¦‹æ „ãˆã®ãƒãƒ©ãƒ³ã‚¹ã‚’ä¸Šæ‰‹ã«ä¿ã£ã¦ã„ã¾ã™ã€‚ ä»Šå›žç´¹ä»‹ã™ã‚‹Responsive Dashboardã‚‚ãã®å¿œç”¨ä¾‹ã¨è¨€ãˆã¾ã™ã€‚ã„ã‚ã‚†ã‚‹ç®¡ç†ç”»é¢ç³»ã®ãƒ€ãƒƒã‚·ãƒ¥ãƒœãƒ¼ãƒ‰ã§ã™ãŒã€AngularJSã¨jQueryã«å¯¾å¿œã—ã€ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ã¦åˆ©ç”¨ã™ã‚‹ã®ãŒå®¹æ˜“ã«ãªã£ã¦ã„ã¾ã™ã€‚ Responsive Dashboardã®ä½¿ã„æ–¹ ã“ã¡ã‚‰ãŒãƒ¡ã‚¤ãƒ³ç”»é¢ã§ã™ã€‚ç®¡ç†ç³»ã§è‰¯ãã‚ã‚ŠãŒã¡ãªã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆãŒãŸãã•ã‚“ã‚ã‚Šã¾ã™ã€‚ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¯å·¦å´ã§ã™ã€‚ ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚‚ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’æŠ˜ã‚Šç•³ã‚ã¾ã™ã€‚ ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã‚µã‚¤ã‚ºã«ãªã‚‹ã¨è‡ªå‹•ã§ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®æ–‡å—ãŒæŠ˜ã‚Šç•³ã¾ã‚Œã¾ã™ã€‚ ã‚¹ãƒžãƒ›ã‚µã‚¤ã‚ºã€‚ã‚«ãƒ©ãƒ ãŒ1åˆ—ã«ãªã‚Šã¾ã™ã€‚ Responsive Dashboardã¯Bootst
supermomonga 2014/08/29
AngularJS

bootstrap

dashboard
ãƒªãƒ³ã‚¯
AngularJS ã§äºŒé‡ãƒã‚¹ãƒˆã—ãªã„ã‚ˆã†ã«ã™ã‚‹ - Scribbling
ã“ã‚Œã¾ã§ Ajax ã§äºŒé‡ãƒã‚¹ãƒˆã‚’ã—ãªã„ã‚ˆã†ã«ã™ã‚‹ã«ã¯ã€ DOM ã‚’æ“ä½œã—ã¦ disable ã«ã—ã¦æŠ¼ã›ãªãã—ãŸã‚Šã€ã§ããªã„ã‚‚ã®ã¯ HTTP ãƒªã‚¯ã‚¨ã‚¹ãƒˆã™ã‚‹å‰ã«å¤‰æ•°ã«çŠ¶æ…‹ã‚’æŒãŸã›ã¦ãƒ¬ã‚¹ãƒãƒ³ã‚¹ãŒããŸã‚‰ãã®çŠ¶æ…‹ã‚’ã‚¯ãƒªã‚¢ã—ãŸã‚Šã™ã‚‹ã¨ã„ã£ãŸã‚‚ã®ãŒã‚ã‚Šã¾ã—ãŸãŒã€ãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’å‡ºã™å‡¦ç†ã”ã¨ã«äºŒé‡ãƒã‚¹ãƒˆã‚’é˜²æ¢ã™ã‚‹ã‚³ãƒ¼ãƒ‰ã‚’å…¥ã‚Œãªã‘ã‚Œã°ã„ã‘ãªã„ã“ã¨ãŒå¤šãé¢å€’ã§ã—ãŸã€‚ ã‚‚ã†å°‘ã—ã‚¹ãƒžãƒ¼ãƒˆãªã‚„ã‚Šæ–¹ãªã„ã‹ãªã€ã¨èª¿ã¹ã¦ã„ãŸã¨ã“ã‚ä¸åº¦ä½¿ç”¨ã—ã¦ã„ã‚‹ AngularJS ã§ã‚ˆã„æ„Ÿã˜ã«è§£æ±ºã—ã¦ã„ã‚‹ãƒ–ãƒã‚°ã‚’è¦‹ã¤ã‘ã¾ã—ãŸã®ã§ç´¹ä»‹ã—ã¾ã™ã€‚ http://blog.codebrag.com/post/57412530001/preventing-duplicated-requests-in-angularjs AngularJS ã¯ HTTP ãƒªã‚¯ã‚¨ã‚¹ãƒˆå¾Œã«çµæžœãŒè¿”ã£ã¦ãã¦ãªã„ã‚‚ã®ã‚’ $http.pendingRequests ã«ç™»éŒ²
supermomonga 2014/07/09
angularjs
ãƒªãƒ³ã‚¯
AngularJSã§ã€æ™‚é–“ã®ã‹ã‹ã‚‹é€šä¿¡ã®é–“ã«ãƒ¢ãƒ¼ãƒ€ãƒ«ã‚’ä½¿ã£ã¦ãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼ã‚’è¡¨ç¤ºã™ã‚‹ - ãƒ–ãƒã‚° - ãƒ¯ãƒ«ãƒ–ãƒªãƒƒã‚¯ã‚¹æ ªå¼ä¼šç¤¾
æ™‚é–“ã®ã‹ã‹ã‚‹éžåŒæœŸé€šä¿¡ã‚’è¡Œã£ã¦ã„ã‚‹é–“ã¯ã€é€šä¿¡ä¸ã§ã‚ã‚‹ã“ã¨ã‚’ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«çŸ¥ã‚‰ã›ã¤ã¤ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã‚ˆã‚‹ç”»é¢æ“ä½œã‚’ç¦æ¢ã—ãŸã»ã†ãŒè‰¯ã„ã“ã¨ãŒã‚ã‚‹ã€‚UI Bootstrapã®ãƒ¢ãƒ¼ãƒ€ãƒ«ã¨ãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼ã§ã“ã‚Œã‚’è¡Œã†æ–¹æ³•ã‚’ç¤ºã™ ãƒ¢ãƒ€ãƒ³ãª Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã„ã‚ã‚†ã‚‹ Ajaxã¨ã„ã†æ–¹å¼ã§ã‚µãƒ¼ãƒã¨éžåŒæœŸã§é€šä¿¡ã™ã‚‹ã“ã¨ã§ç”»é¢ã«è¡¨ç¤ºã™ã‚‹ãŸã‚ã®æƒ…å ±ã‚’å–å¾—ã—ãŸã‚Šãƒ¦ãƒ¼ã‚¶ãƒ¼ã®å…¥åŠ›ã‚’ã‚µãƒ¼ãƒã«é€ä¿¡ã—ãŸã‚Šã™ã‚‹ã€‚åŒæœŸé€šä¿¡ã¨ç•°ãªã‚Šã€éžåŒæœŸé€šä¿¡ã®å ´åˆã¯é€šä¿¡ä¸ã‚‚ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ãŒãƒ¦ãƒ¼ã‚¶ãƒ¼ã¨å¯¾è©±å‡ºæ¥ã‚‹ãŸã‚ã€é€šä¿¡ä¸ã«ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒç”»é¢æ“ä½œã‚’è¡Œã†ã“ã¨ã«ã‚ˆã‚Šåˆ¥ã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚’èµ·ã“ã•ã‚Œã¦ã¯å›°ã‚‹å ´åˆã«ã¯ç‰¹åˆ¥ã®é…æ…®ãŒå¿…è¦ã§ã‚ã‚‹ã€‚ ä¾‹ãˆã°ã€ã‚¯ãƒ¬ã‚¸ãƒƒãƒˆã‚«ãƒ¼ãƒ‰ã®æ±ºæ¸ˆç”»é¢ã§ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒé€ä¿¡ãƒœã‚¿ãƒ³ã‚’æŠ¼ã—ã‚µãƒ¼ãƒã¨ã®é€šä¿¡ãŒè¡Œã‚ã‚Œã¦ã„ã‚‹æ•°ç§’ã®é–“ã«é€ä¿¡ãƒœã‚¿ãƒ³ãŒå†åº¦æŠ¼ã•ã‚ŒãŸã‚Šã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’æ“ä½œã—ã¦åˆ¥ã®ç”»é¢ã«é£›ã°ã‚ŒãŸã‚Šã—ã¦ã—ã¾ã£ã¦ã¯å›°ã‚‹ã¨ã„ã£ãŸå…·åˆã ã€‚ã‚¯ãƒ¬ã‚¸ãƒƒãƒˆã‚«ãƒ¼ãƒ‰æ±ºæ¸ˆ
supermomonga 2014/05/06
AngularJS

Ajax

progress
ãƒªãƒ³ã‚¯
"note"ãŒAngularJSã§ã©ã†ã‚„ã£ã¦SEO, Open Graphã®å¯¾å¿œã‚’ã—ã¦ã„ã‚‹ã‹ï½œå’Œç”° æ™ƒä¸€è‰¯ï½œnote
noteã¯AngularJSã‚’ä½¿ã£ã¦ã€ãƒ–ãƒ©ã‚¦ã‚¶ã§æå†™ã—ã¦ã„ã‚‹ã“ã®"note"ã¨ã„ã†ã‚µãƒ¼ãƒ“ã‚¹ã¯AngularJSã‚’ä½¿ã£ã¦ã€JavaScriptå´ï¼ˆã¤ã¾ã‚Šãƒ–ãƒ©ã‚¦ã‚¶å´ï¼‰ã§ãƒŽãƒ¼ãƒˆã®ä¸èº«ã‚’å…¬é–‹ã—ã¦ã„ã‚‹ã¿ãŸã„ãªã®ã§ã™ã€‚ ãã‚Œã¯ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚½ãƒ¼ã‚¹ã‚’è¦‹ã¦ã¿ã‚‹ã¨ã‚ã‹ã‚Šã¾ã™ã€‚ ä¾‹ãˆã°https://note.mu/sadaaki/n/nd921f3f7c635ã®ãƒŽãƒ¼ãƒˆã®ã‚½ãƒ¼ã‚¹ã‚’Chromeã§è¦‹ã¦ã¿ã‚‹ã¨ãƒ»ãƒ»ãƒ» ã¾ãšhtmlã‚¿ã‚°ã«ng-appã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒã¤ã„ã¦ã„ã¾ã™ã€‚ã“ã‚Œã¯AngularJSã‚’ä½¿ã†ãªã‚‰ã°å¿…è¦ãªãƒ—ãƒãƒ‘ãƒ†ã‚£ã§ã€ã“ã“ã‹ã‚‰noteã¯AngularJSã‚’ä½¿ã£ã¦ã„ã‚‹ã‚“ã ãªã‚ã¨åˆ†ã‹ã‚Šã¾ã™ã€‚ AngularJSã¯ç°¡å˜ã«è¨€ã†ã¨ã€ã‚µãƒ¼ãƒãƒ¼å´ã§ã¯ãªããƒ–ãƒ©ã‚¦ã‚¶å´ã§HTMLã‚’æå†™ã™ã‚‹ä»•çµ„ã¿ã§ã™ã€‚ã“ã‚Œã‚’åˆ©ç”¨ã™ã‚‹ã¨ã©ã‚“ãªåˆ©ç‚¹ãŒã‚ã‚‹ã®ã‹ã€‚åƒ•ã®ç†è§£ã—ã¦ã„ã‚‹ç¯„å›²å†…ã ã¨ã€ã‚µãƒ¼ãƒãƒ¼å´ã¯ãƒ™ãƒ¼ã‚¹ã¨ãªã‚‹HTMLï¼ˆä¸Šã®ã‚½ãƒ¼ã‚¹ï¼‰ã¨å„ãƒŽãƒ¼ãƒˆã®JSO
supermomonga 2014/04/11
AngularJS
ãƒªãƒ³ã‚¯
AngularJS: AngularJS 2.0
As weâ€™re starting into the implementation of AngularJS 2.0, we thought we should put pen to paper and give you some insight into how weâ€™re thinking about the design and why weâ€™re making the changes we are. Â Weâ€™re sharing it with you now so you can help make the right choices. AngularJS 2 is a framework for mobile apps. Â It is for desktop as well, but mobile is the hard bit that we will get right f
supermomonga 2014/03/18
AngularJS

angular.js
ãƒªãƒ³ã‚¯
ngResource ã¯ä½•ãŒä¾¿åˆ©ãªã®ã‹ï¼Ÿ | tech - æ°¾æ¿«åŽŸ
ngResource ã¯å˜ã«APIã®ãƒ©ãƒƒãƒ‘ãƒ¼ã¨ã„ã†æ„Ÿã˜ã§ã¯ãªãã¦ã€JS ã§ã‚µãƒ¼ãƒå´ã®ãƒ¢ãƒ‡ãƒ«ã¨ã†ã¾ãåŒæœŸã™ã‚‹ã‚ˆã†ã«ä½œã‚‰ã‚Œã¦ã„ã‚‹ã€‚ æœ€ã‚‚ç°¡å˜ãªä¾‹ã ã¨ä»¥ä¸‹ã®ã‚ˆã†ã«ä½¿ã†ãŒã€Entry.get ã¯ XHR ãŒå®Œäº†ã™ã‚‹å‰ã«ã€ã¨ã‚Šã‚ãˆãšç©ºã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆãŒè¿”ã‚‹ã‚ˆã†ã«ãªã£ã¦ãŠã‚Šã€XHR ã®å®Œäº†ã¨ã¨ã‚‚ã«ç ´å£Šçš„ã«æ›¸ãã‹ãˆã‚‰ã‚Œã‚‹ã€‚ã“ã‚Œã«ã‚ˆã‚Šã€entry ã®å¤‰æ›´ãŒã™ãå…¨ä½“ã«ä¼ã‚ã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã‚‹ã€‚ var Entry = $resource('/entry/:id'); $scope.entry = Entry.get({ id : 0 }); ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§å®šç¾©ã•ã‚Œã¦ã„ã‚‹ query/get/save/delete ã ã‘ã‚’è¦‹ã‚‹ã¨å˜ã« REST API ã®ãƒ©ãƒƒãƒ‘ãƒ¼ã®ã‚ˆã†ã«è¦‹ãˆã‚‹ãŒã€ç‹¬è‡ªã®ãƒ¡ã‚½ãƒƒãƒ‰ã‚’è¿½åŠ ã™ã‚‹ã¨ã‚ˆã‚Šç†è§£ã—ã‚„ã™ã„ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ã‘ã‚‹ã€‚ ä»¥ä¸‹ã®ã‚³ãƒ¼ãƒ‰ã¯ã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ä¸‹æ›¸ãçŠ¶æ…‹ã§ç”Ÿæˆã•ã‚Œã‚‹ Entry ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’
supermomonga 2014/03/15
angularjs
ãƒªãƒ³ã‚¯
Angular + Rails with no fuss - SÃ©bastien Saunier
I haven't been satisfied with the way my front-end code (mainly based on JQuery) has grown with my previous rails app, so I took the time to sit and explore the great front-end framework we now have. I still like handling the routing in Rails with several pages, it feels wrong to move that logic to the javascript layer. I don't want to build a single-page application. But having some canonical way
supermomonga 2014/03/07
rails

AngularJS

angular.js
ãƒªãƒ³ã‚¯
Rails4.0ã§angularjsã‚’ä½¿ã£ã¦RESTfulãªajaxã‚’å®Ÿè£…ã™ã‚‹ - is Neet
é•·æ–‡æ³¨æ„ã€‚ angularjsã«ã¤ã„ã¦ä»Šæ›´ãªãŒã‚‰ã«è§¦ã‚Šå§‹ã‚ã¦è‰²ã€…ã¨æ„Ÿå‹•ã—ãŸã®ã§çºã‚ã¦ãŠãã€‚ angularjsãŒã©ã†ã„ã£ãŸãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‹ã¯å…¬å¼ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’çœºã‚ã¦ãŸã‚‰ã¼ã‚“ã‚„ã‚Šã¨æŠŠæ¡ã§ãã‚‹ã¨æ€ã†ã®ã§ä»Šå›žãã®è¾ºã®è©±ã¯ã‚ã¾ã‚Šè§¦ã‚Œãªã„ã€‚ http://angularjs.org/ angularjsã®APIã«ã¤ã„ã¦ã¯å…¬å¼ã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆå«ã‚ã¦æ§˜ã€…ãªãƒ¡ãƒ‡ã‚£ã‚¢ã‚„ãƒ–ãƒã‚°ã«å–ã‚Šä¸Šã’ã‚‰ã‚Œã¦ã„ã‚‹ãŒã€å°Žå…¥ã‹ã‚‰ä½“ç³»çš„ã«èªžã‚‰ã‚Œã¦ã‚‹ã‚‚ã®ã¯ã‚ã¾ã‚Šç„¡ã„å°è±¡ã ã£ãŸã®ã§ã€åƒ•ã®ãƒ–ãƒã‚°ã§ã¯å°Žå…¥ã‹ã‚‰å…·ä½“çš„ãªç›®çš„ã«æ²¿ã£ãŸå®Ÿè£…æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¦ã„ã“ã†ã¨æ€ã†ã€‚ ã¡ãªã¿ã«è‡ªåˆ†ã®angularjsã¸ã®ç†è§£ã‚‚è§¦ã‚Šå§‹ã‚ã¦ä¸€é€±é–“ç¨‹åº¦ãªã®ã§ã ã„ã¶ç”˜ã„ã€‚ angularjsã‚’ä¸€é€±é–“ã‚„ã£ã¦ã¿ãŸæ„Ÿæƒ³ æœ€åˆã®2æ—¥ãã‚‰ã„ãŒã ã„ã¶ã¤ã‚‰ã„ã€‚ é£²ã¿è¾¼ã¿ãŒæ—©ã„äººãªã‚‰ã™ãã«ä½¿ã„ã“ãªã™ã®ã‹ã‚‚ã—ã‚Œãªã„ãŒã€angularjsã¯directive, controller, f
supermomonga 2014/03/02
angularjs

rails

ajax
ãƒªãƒ³ã‚¯
http://blog.asial.co.jp/1241
supermomonga 2014/02/28
AngularJS

Angular.js

onsenui

Monaca
ãƒªãƒ³ã‚¯
AngularJS ã§ Enter ã‚ãƒ¼ã‚’æ¤œå‡ºã™ã‚‹ã‚³ãƒ¼ãƒ‰ - AngularJS Ninja Blog
ãƒ†ã‚ã‚¹ãƒˆãƒœãƒƒã‚¯ã‚¹ãªã©ã§ã€Enter ã‚ãƒ¼ã«ã‚ˆã‚‹ã‚¤ãƒ™ãƒ³ãƒˆå‡¦ç†ã‚’è¨˜è¿°ã™ã‚‹ã‚³ãƒ¼ãƒ‰ä¾‹ã‚’ã„ãã¤ã‹ã€‚ $event ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆ ng-keydownãªã©ã® directive ã‚’åˆ©ç”¨ã™ã‚‹éš›ã«ã¯ã€$eventã§ã‚¤ãƒ™ãƒ³ãƒˆã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’åˆ©ç”¨ã€‚ 1 2 3 4 5 6 7 $scope.comments = []; $scope.handleKeydown = function(e) { if (e.which !== 13) { $scope.comments.push($scope.newComment); $scope.newComment = ''; } } 1 2 3 4 <input type="text" ng-model="newComment" ng-keydown="handleKeydown($event)"> <ul> <li ng-repeat="comment in commen
supermomonga 2014/02/28
AngularJS

angular.js
ãƒªãƒ³ã‚¯
Google's AngularJS Style Guide
An AngularJS Style Guide for Closure Users at Google This is the external version of a document that was primarily written for Google engineers. It describes a recommended style for AngularJS apps that use Closure, as used internally at Google. Members of the broader AngularJS community should feel free to apply (or not apply) these recommendations, as relevant to their own use cases. This documen
supermomonga 2014/02/28
AngularJS

angular.js
ãƒªãƒ³ã‚¯
Angular Best Practice for App Structure (Public)
Best Practice Recommendations for Angular App StructureProposal: Change angular-seed, yeoman/generator-angular, (the Google-internal example go/nghellostyle), and other demo apps to model the following directory structure. Eventually, develop tooling to make development more efficient using assumptions based on these conventions. Motivation:Our toy and demo apps currently group files functionally
supermomonga 2014/02/28
angular.js

angularjs
ãƒªãƒ³ã‚¯
AngularDart, Web Components, and the Future
AngularJS has been instrumental in changing the way I develop web applications. From building imperative views where both business logic and user interaction live, to separate controllers and directives that handle both requirements respectively. From sharing components through jQuery plugins, the usual common denominator, to sharing components through declarative HTML. From reacting to model chan
supermomonga 2014/02/28
AngularJS

Angular.js

Dart
ãƒªãƒ³ã‚¯
Node.JS + Angular.JS vs Dart + Angular.Dart
Node.JS rocks when it comes to building I/O-intensive services. It is fast and easy to use. You can do the same in Dart! Out of the box it comes with a set of libraries to access the file system, create http servers, etc. To compare Node and Dart I built two versions of the simplest application imaginable. The first version of the application is built using Node.JS, Socket.IO, and Angular.JS. The
supermomonga 2014/02/28
AngularJS

angular.js

dart
ãƒªãƒ³ã‚¯
ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªå‘ã‘UIãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ionicãŒSassã§ä½œã‚‰ã‚Œã¦ã„ã‚‹ï¼†AngularJSã«æœ€é©åŒ–ã•ã‚Œã¦ã„ã¦ä¿ºå¾—ã™ãŽã‚‹ | mah365
HTML5ã§ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã‚’ä½œã‚‹ãªã‚‰ã€UIã¯ionicã§æ±ºã¾ã‚Šãªã®ã§ã¯ï¼ã¨æ€ãˆã‚‹ãã‚‰ã„è‰¯ã„ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚AngularJSï¼†Sassæ´¾ã®äººã¯ãœã²ä½¿ã£ã¦ã¿ã¦ã¯ã„ã‹ãŒã§ã—ã‚‡ã†ã‹ã€‚ ã¯ã˜ã‚ã‹ã‚‰AngularJSã§ä½¿ã†ã“ã¨ã‚’å¿µé ã«ç½®ã‹ã‚Œã¦ã„ã‚‹ã®ãŒè‰¯ã„ ã¯ã˜ã‚ã‹ã‚‰AngularJSã§ä½¿ã†ã“ã¨ã‚’å¿µé ã«ç½®ã‹ã‚Œã¦ã„ã‚‹ã®ã§ã€ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã§å½“ãŸã‚Šå‰ã«ä½¿ã†æ©Ÿèƒ½ã‚’AngularJSã‹ã‚‰ç°¡å˜ã«æ“ä½œã§ãã‚‹ã‚ˆã†ã«ã€ionic-angular.jsã¨ã„ã†ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ï¼ˆViews and Navigationï¼‰ ãƒ†ãƒ¼ãƒ–ãƒ«ãƒ“ãƒ¥ãƒ¼ï¼ˆListï¼‰ ã‚¿ãƒ–ãƒãƒ¼ï¼ˆTab Barï¼‰ ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ï¼ˆSlide Menuï¼‰ ãªã©ãªã©ã€ä¸€é€šã‚Šã®æ©Ÿèƒ½ãŒAngularJSã‹ã‚‰æ“ä½œã§ãã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ è¨è¨ˆæ–¹é‡ã‚‚Cocoa Touchã£ã½ãã—ã¦ã„ã‚‹ã¨ã®ã“ã¨ã§ã€iOSãƒã‚¤ãƒ†ã‚£ãƒ–ã§é–‹ç™ºã—ã¦ã„ãŸäººã«ã‚‚ã¨ã£ã¤ã
supermomonga 2014/02/20
AngularJS
ãƒªãƒ³ã‚¯
From Rails to AngularJS | Cesar Andreu's Blog
å‰è¨€ï¼šè‹±è¯æ‰‹æŠ„æŠ¥å›¾ç‰‡ç®€å•åˆæ¼‚äº®å°å¦3å¹´çº§å¤§å…¨ï¼Ÿæˆ‘ç»™ä½ æŽ¨èä¸€äº›ç®€å•æ¼‚äº®çš„ä¸‰å¹´çº§è‹±è¯æ‰‹æŠ„æŠ¥musicéŸ³ä¹è‹±è¯æ‰‹æŠ„æŠ¥è‹±è¯æ‰‹æŠ„æŠ¥å›¾ç‰‡ç®€å•åˆæ¼‚äº®å°å¦3å¹´çº§å¤§å…¨æˆ‘ç»™ä½ æŽ¨èä¸€äº›ç®€å•æ¼‚äº®çš„ä¸‰å¹´çº§è‹±è¯æ‰‹æŠ„æŠ¥musicéŸ³ ã€‚ å‰è¨€ï¼šè‹±è¯æ‰‹æŠ„æŠ¥å›¾ç‰‡ç®€å•åˆæ¼‚äº®å°å¦3å¹´çº§å¤§å…¨ï¼Ÿæˆ‘ç»™ä½ æŽ¨èä¸€äº›ç®€å•æ¼‚äº®çš„å¹´çº§ä¸‰å¹´çº§è‹±è¯æ‰‹æŠ„æŠ¥ musicéŸ³ä¹è‹±è¯æ‰‹æŠ„æŠ¥è‹±è¯æ‰‹æŠ„æŠ¥å›¾ç‰‡ç®€å•åˆæ¼‚äº®å°å¦3å¹´çº§å¤§å…¨æˆ‘ç»™ä½ æŽ¨èä¸€äº›ç®€å•æ¼‚äº®çš„ä¸‰å¹´çº§è‹±è¯æ‰‹æŠ„æŠ¥ musicéŸ³ä¹è‹±è¯æ‰‹æŠ„æŠ¥ä¸‰å¹´çº§è‹±è¯æ‰‹æŠ„æŠ¥...æˆ‘ä»¬ä¹Ÿè¦åšå–”.... æˆ‘æ¥å¸®è‹±è¯æ‰‹æŠ„æŠ¥å›¾ç‰‡ç®€å•åˆæ¼‚äº®å°å¦3å¹´çº§å¤§å…¨ï¼Ÿæˆ‘ç»™ä½ æŽ¨èä¸€äº›ç®€å•æ¼‚äº®çš„ä¸‰å¹´çº§è‹±è¯æ‰‹æŠ„æŠ¥ musicéŸ³ä¹è‹±è¯æ‰‹æŠ„æŠ¥ è‹±è¯æ‰‹æŠ„æŠ¥å›¾ç‰‡ç®€å•åˆæ¼‚äº®å°å¦3å¹´çº§å¤§å…¨æˆ‘ç»™ä½ æŽ¨èä¸€äº›ç®€å•æ¼‚äº®çš„ä¸‰å¹´çº§è‹±è¯æ‰‹æŠ„æŠ¥ musicéŸ³ä¹è‹±è¯æ‰‹æŠ„æŠ¥ ...æˆ‘ä»¬ä¹Ÿè¦åšå–”.... æˆ‘æ¥å¸®ä½ æ‰¾èµ„æ–™ o(âˆ©_âˆ©)o The environmental protect
supermomonga 2014/02/03
AngularJS

Rails
ãƒªãƒ³ã‚¯
AngularJSã¨Rails4ã‚’çµ„ã¿åˆã‚ã›ã‚‹ - ãƒ¯ã‚¶ãƒŽãƒ | wazanova
https://shellycloud.com/blog/2013/10/how-to-integrate-angularjs-with-rails-4 1 comment | 0 points | by WazanovaNews â– comment by Jshiike | ç´„4æ™‚é–“å‰ Railsã‚¢ãƒ—ãƒªã®ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°ã‚µãƒ¼ãƒ“ã‚¹ã‚’æä¾›ã—ã¦ã„ã‚‹Shelly CloudãŒãƒ–ãƒã‚°ã§ã€ãƒ•ãƒãƒ³ãƒˆã§AngularJSã€ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã§Rails 4ã‚’æŽ¡ç”¨ã™ã‚‹ã¨ãã®ç•™æ„ç‚¹ã«ã¤ã„ã¦ã€ã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚ä½¿ç”¨ã—ã¦ã„ã‚‹ã‚³ãƒ¼ãƒ‰ã‚µãƒ³ãƒ—ãƒ«ã¯ã“ã¡ã‚‰ã«ãªã‚Šã¾ã™ã€‚ 1) Building a JSON API in Rails Railsã§APIã‚’ã„ã¡ã‹ã‚‰ä½œã£ã¦ã¿ã‚‹ã€‚angularjs-rails-resourceã®ã‚ˆã†ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã†ã¨ãã¯è©³ç´°ãŒé•ã£ã¦ãã‚‹ãŒã€è€ƒãˆæ–¹ã¯æ¦‚ãåŒã˜ã€‚ Routing namespace :api
supermomonga 2014/01/29
ã‹ãªã‚Šã‚ˆã„ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã ã£ãŸ

AngularJS

rails
ãƒªãƒ³ã‚¯
1 2 3 æ¬¡ã®ãƒšãƒ¼ã‚¸