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

uchiuchiyama id:uchiuchiyama

angularjsã¨javascriptã«é–¢ã™ã‚‹uchiuchiyamaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

ã„ã¾ã‚„æœ€ã‚‚å„ªã‚ŒãŸJavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒAngularJSãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€å‡ºç‰ˆè¨˜å¿µä¼š
AngularJSã®æ©Ÿèƒ½ã‚„é–‹ç™ºãƒ©ã‚¤ãƒ•ã‚µã‚¤ã‚¯ãƒ«ãªã©ãŒã¾ã¨ã‚ã‚‰ã‚ŒãŸã€ŒAngularJSãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€ã¨ã„ã†æ›¸ç±ãŒã‚¤ãƒ³ãƒ—ãƒ¬ã‚¹ç¤¾ã‹ã‚‰å‡ºç‰ˆã•ã‚Œã¾ã—ãŸã€‚ã“ã‚Œã‚’è¨˜å¿µã—è‘—è€…ã§ã‚‚ã‚ã‚‹ã€æ± æ·» æ˜Žå®æ°(è‘—)/é‡‘äº• å¥ä¸€æ°(è‘—)/å‰ç”° å¾¹ç”Ÿæ°(è‘—)/ä¸¸å±± å¼˜è©©æ°(ç·¨é›†)ã‚’ãŠæ‹›ãã—ã¦ã€ŒAngularJSã€ã«ã¤ã„ã¦ãƒ“ãƒ¼ãƒ«ç‰‡æ‰‹ã«è»½ãèªžã£ã¦ã„ãŸã ãã¾ã—ãŸã€‚ 2014å¹´9æœˆ18æ—¥ï¼ˆæœ¨ï¼‰ã€å ´æ‰€ã¯ã‚¤ãƒ™ãƒ³ãƒˆã®è–åœ°21Cafeã§é–‹å‚¬ã•ã‚Œã¾ã—ãŸã€‚ AngularJSæ¦‚è¦ AngularJSã¯ä¸»ã«Googleãƒ¡ãƒ³ãƒãƒ¼ãŒä¸å¿ƒã¨ãªã‚Šã€é–‹ç™ºã‚’é€²ã‚ã¦ã„ã‚‹ä»Šè©±é¡Œã®JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚AngularJSã¯ã‚ˆãã€Œãƒ•ãƒ«ã‚¹ã‚¿ãƒƒã‚¯ã§ã‚ã‚‹ã€ã¨è¨€ã‚ã‚Œã¦ã„ã¾ã™ãŒã€ãã‚Œã¯åŒãƒ¡ãƒ³ãƒãƒ¼ãŒä¸å¿ƒã«é–‹ç™ºã—ã¦ã„ã‚‹ãƒ†ã‚¹ãƒˆãƒ„ãƒ¼ãƒ«karmaã‚‚å«ã‚å±•é–‹ã—ã¦ã„ã‚‹ãŸã‚ã€é–‹ç™ºãƒ©ã‚¤ãƒ•ã‚µã‚¤ã‚¯ãƒ«ã‚’ã‚‚è¦–é‡Žã«å…¥ã‚ŒãŸã‚‚ã®ã ã‹ã‚‰ã§ã™ã€‚ã¾ãŸã€ECMAScriptã‚„Web Compon
uchiuchiyama 2014/09/22
javascript

development

angularjs

presentation
ãƒªãƒ³ã‚¯
JavaScript ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒãƒ‡ãƒ¼ã‚¿ãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã‚’å®Ÿç¾ã™ã‚‹ï¼”é€šã‚Šã®æ‰‹æ³•
æœ€è¿‘æµè¡Œã‚Šã® JavaScript MV* ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯ã€ã©ã‚Œã‚‚ãƒ‡ãƒ¼ã‚¿ãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã‚’ã‚µãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹ãŒã€å®Ÿç¾æ–¹æ³•ã¯ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«ã‚ˆã£ã¦ç•°ãªã‚‹ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€å„ç¨®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒã©ã®ã‚ˆã†ã«ãƒ¢ãƒ‡ãƒ«ã®å¤‰æ›´ã‚’æ¤œçŸ¥ã—ã¦ã„ã‚‹ã‹ã‚’æ¬¡ã® 4 ã¤ã®ãƒ‘ã‚¿ãƒ¼ãƒ³ã«åˆ†é¡žã—ã¦ç´¹ä»‹ã™ã‚‹ã€‚ ãƒ¢ãƒ‡ãƒ« ã‚¯ãƒ©ã‚¹æ–¹å¼ (Ember.jsã€Backbone.jsã€Ractive.jsã€Knockout.js ãªã©) åŠ›ãšãæ–¹å¼ (AngualrJS) ãƒ¢ãƒ‡ãƒ«æ›¸ãæ›ãˆæ–¹å¼ (Vue.js) Object.observe æ–¹å¼ (Polymer) ãƒ‘ã‚¿ãƒ¼ãƒ³åã¯ç§ãŒå‹æ‰‹ã«åã¥ã‘ãŸã‚‚ã®ã ã‘ã©ã€ã“ã®ã¸ã‚“ã®é›°å›²æ°—ãŒç†è§£ã§ãã‚Œã°ã€ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã”ã¨ã®å€‹æ€§ãŒåˆ†ã‹ã‚‹ã ã‚ã†ã—ã€åˆ©ç”¨ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚‚ã‚ãã‚„ã™ã„ã‚“ã˜ã‚ƒãªã„ã‹ã¨æ€ã£ã¦ã„ã‚‹ã€‚ 1. ãƒ¢ãƒ‡ãƒ« ã‚¯ãƒ©ã‚¹æ–¹å¼ ã€Œãƒ¢ãƒ‡ãƒ«ã¨ã—ã¦æ‰±ãˆã‚‹ã®ã¯ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒç”¨æ„ã—ãŸãƒ¢ãƒ‡ãƒ« ã‚¯ãƒ©ã‚¹ã®ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ã ã‘ã€ã¨ã„ã†
uchiuchiyama 2014/07/18
javascript

development

framework

backbone.js

angularjs

knockout.js
ãƒªãƒ³ã‚¯
AngularJSã¨Ruby on Railsã§ä½œã‚‹CRUDã‚¢ãƒ—ãƒª â€“ (1)ç’°å¢ƒæ§‹ç¯‰ | DevelopersIO
t.hondaã§ã™ã€‚AngularJSã¨Railsã®å‹‰å¼·ãŒã¦ã‚‰ã€CRUDæ©Ÿèƒ½ã‚’æŒã¤ã‚µãƒ³ãƒ—ãƒ«ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ ã‚¦ã‚£ã‚¹ã‚ãƒ¼ã®åå‰ã¨ä¾¡æ ¼ã‚’ã€ç™»éŒ²ã—ã¦è¡¨ç¤ºã™ã‚‹ã‚¢ãƒ—ãƒªã§ã™ã€‚ å…ˆãšã¯é–‹ç™ºã™ã‚‹ãŸã‚ã®ç’°å¢ƒã‚’æ§‹ç¯‰ã™ã‚‹æ‰‹é †ã‚’ã€ãƒ¡ãƒ¢æ›¸ãç¨‹åº¦ã«æ›¸ã„ã¦ãŠãã¾ã™ã€‚ ã€Œé–‹ç™ºã™ã‚‹ãŸã‚ã€ãªã®ã§ã€AugularJSå´ã€åŠã³Railså´ã§ãƒ¦ãƒ‹ãƒƒãƒˆãƒ†ã‚¹ãƒˆã‚‚å®Ÿè¡Œã§ãã‚‹ç’°å¢ƒã‚’æ•´ãˆãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¾ãŸã€Viewã«ã¯Twitter Bootstrapã‚’ä½¿ç”¨ã—ã¾ã™ã€‚ ã§ã¯ã€æ‰‹é †ã§ã™ã€‚ ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆä½œæˆ 0.(rails new ãªã©ã§Railsã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œæˆ) 1.Gemfileã«ä»¥ä¸‹ã‚’è¿½åŠ gem 'therubyracer' gem 'execjs' gem "twitter-bootstrap-rails" gem "less-rails" group :development,:test do gem 'rs
uchiuchiyama 2014/04/13
rails

development

tutorial

angularjs

javascript
ãƒªãƒ³ã‚¯
"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
uchiuchiyama 2014/04/12
javascript

development

seo

angularjs

tutorial
ãƒªãƒ³ã‚¯
Webã‚¢ãƒ—ãƒªã‚’ã„ã¾ã©ãã®æ‰‹æ³•ã§çˆ†é€Ÿé–‹ç™ºã—ãŸ â€” KaoriYa
å¤–é“ã¯ã‚‹ã‹ãœã¡ã‚ƒã‚“ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ã¨ã„ã†Webã‚¢ãƒ—ãƒªã‚’ ã„ã¾ã©ããªæ‰‹æ³•ã‚’ç”¨ã„ã¦çˆ†é€Ÿã§é–‹ç™ºã—ãŸè©±ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ å…ˆã®3é€£ä¼‘ä¸ã€å¤–é“ã¯ã‚‹ã‹ãœã¡ã‚ƒã‚“ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ã¨ã„ã†Webã‚¢ãƒ—ãƒªã‚’é–‹ç™º&å…¬é–‹ã—ã¾ã—ãŸã€‚ã“ã“ã§æŽ¡ç”¨ã—ãŸé–‹ç™ºæ‰‹æ³•ãŒã„ã¾ã©ããªçˆ†é€Ÿé–‹ç™ºã§ã—ãŸã®ã§ã¡ã‚‡ã£ã¨ç´¹ä»‹&ã‚¹ãƒ†ãƒžã—ã¾ã™ã€‚ä½¿ã£ãŸæŠ€è¡“ã¯ä»¥ä¸‹ã®é€šã‚Šã§ã™ã€‚ AngularJS: GoogleãŒé–‹ç™ºã—ã¦ã„ã‚‹ViewModelãªWebé–‹ç™ºãƒ©ã‚¤ãƒ–ãƒ©ãƒª(MVW: Model View Whateverã ã£ãŸã‹ãª?w) Github pages: ã‚¹ã‚¿ãƒ†ã‚£ãƒƒã‚¯ã‚µã‚¤ãƒˆã®ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°ã«æœ€é© Kii Cloud: mBaaS (mobile backend as a service) ã§å…±æœ‰ãƒ‡ãƒ¼ã‚¿ã®ä¿å˜ã«åˆ©ç”¨ HTML5 Canvas: ç”»åƒç”Ÿæˆã«ã€‚ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã§ã¯ãªã«ã‚‚ã—ã¦ãªã„! ã‚µãƒ¼ãƒ“ã‚¹æ¦‚è¦ å¤–é“ã¯ã‚‹ã‹ãœã¡ã‚ƒã‚“ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ã¯ãƒ™ãƒ¼ã‚¹ã¨ãªã‚‹ç”»åƒãŒã‚ã‚Šã€ãã“ã«é¢ç™½ã„
uchiuchiyama 2014/01/31
development

angularjs

html5

canvas

javascript
ãƒªãƒ³ã‚¯
AngularJSã®ã‚¹ã‚´ã•ãŒä¼ã‚ã‚‹ãƒ‡ãƒ¢
å½“ã‚µã‚¤ãƒˆã®è¶£æ—¨ AngularJS ã®ã‚ãƒ¢ã¯å‹•çš„ãªãƒ‡ãƒ¼ã‚¿ãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã«ã‚ã‚Šã€ãƒ‡ãƒ¼ã‚¿ã‚’å¤‰ãˆãŸã‚‰ View ãŒå‹•çš„ã«å¤‰ã‚ã‚‹ã¨ã„ã†ã“ã¨ã§ã™ã€‚ã“ã‚Œã‚’ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã®ã¿ã§ã®ãƒ‡ãƒ¢ã§å®Ÿæ„Ÿã™ã‚‹ã®ã¯é›£ã—ã„ ã¨ã“ã‚ãŒã‚ã‚Šã¾ã™ã€‚ãã“ã§å½“ã‚µã‚¤ãƒˆã§ã¯ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã¨ã®é€šä¿¡ã‚’ã¾ã˜ãˆãŸå®Ÿç”¨çš„ãª AngularJS ã®ãƒ‡ãƒ¢ã‚’æ§‹ç¯‰ã—ã¾ã—ãŸ ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ãªã©ã‚’è¦‹ãŸã‚Šã—ã¤ã¤ã€ã‚ãã‚“ã§ã¿ã¦ãã ã•ã„ã€‚ (ã“ã®ãƒ‡ãƒ¢ã‚µã‚¤ãƒˆã®ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ã¯ AngularJS ã¨ node.js ã§è¨˜è¿°ã•ã‚Œã¦ã„ã¾ã™ã€‚) ã‚µã‚¤ãƒ³ã‚¢ãƒƒãƒ—ãƒ•ã‚©ãƒ¼ãƒ ç°¡å˜ãªç®¡ç†ç”»é¢é¢¨ã®ãƒ‡ãƒ¢ ã“ã¡ã‚‰ã®ã‚³ãƒ¼ãƒ‰ã¯ github.com/tokuhirom/demo.64p.orgã§ç¢ºèªã§ãã¾ã™ ã“ã‚“ãªãƒ‡ãƒ¢ã‚‚ã„ã‚Œã¦ã‚ˆã€ã¿ãŸã„ãªææ¡ˆãŒã‚ã‚Œã° p-r ã§é€ã£ã¦ã„ãŸã ã‘ã‚Œã°ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°ã—ã¾ã™ã€‚ ã“ã“ã‚’è¦‹ã¦! AngularJs ã®ã‚ãƒ¢ã¯ã€ãƒ‡ãƒ¼ã‚¿ã‚’ã‹ãˆã‚‹ã¨ã„ã„ã‹ã‚“ã˜ã« HTML ãŒã‹ã
uchiuchiyama 2013/11/08
javascript

development

angularjs

node.js

github

demo

sample
ãƒªãƒ³ã‚¯
1