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

teppochan id:teppochan

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

${{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ã®åŸºç¤Žã‚’ç†è§£ã—ã‚ˆã†(1/5):åˆå¿ƒè€…ã®ãŸã‚ã®AngularJSå…¥é–€ - libro
AngularJSã¯ã€JavaScriptã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚â€•â€•ã¨ã„ã†ã¨ã€å¤šãã®äººã¯ã€Œã‚ã‚ã€ãªã‚‹ã»ã©ãâ€¦â€¦ã€ã¨æ€ã†ã§ã—ã‚‡ã†ã€‚ãã—ã¦ã€ãã“ã§æ€¥é€Ÿã«èˆˆå‘³ã‚’å¤±ã†äººã‚‚å¤šã„ã‹ã‚‚çŸ¥ã‚Œã¾ã›ã‚“ã€‚ ã€ŒJavaScriptã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªï¼Ÿã€€ã¾ãã€ã©ã‚“ãªã®ã‹çŸ¥ã‚‰ãªã„ã‘ã©ã€ç‰¹ã«ã„ã‚‰ãªã„ã‚ˆã€‚jQueryãŒã‚ã‚‹ã—ã€ãã‚Œã§ååˆ†ã ã‹ã‚‰ãã€â€•â€•ãã†æ€ã„ã¾ã›ã‚“ã§ã—ãŸï¼Ÿ çš†ã•ã‚“ãŒä»Šã¾ã§çŸ¥ã£ã¦ã„ã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯ã€åŸºæœ¬çš„ã«ã€ŒJavaScriptã‚’ä¾¿åˆ©ã«ã™ã‚‹ã‚‚ã®ã€ã§ã—ãŸã€‚ã€ŒDOMã®å–å¾—ã‚„å±žæ€§ã®æ“ä½œãŒjQueryãªã‚‰æ ¼æ®µã«ç°¡å˜ã«æ›¸ã‘ã‚‹ã‚ˆã€ã¨ã„ã†ã‚ˆã†ãªã“ã¨ã§ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’å°Žå…¥ã—ã¦ã„ãã“ã¨ã«ãªã£ãŸäººã‚‚å¤šã„ã§ã—ã‚‡ã†ã€‚ ã“ã‚Œã‚‰ã¯ã€ãƒ—ãƒã‚°ãƒ©ãƒžãŒè‡ªåˆ†ã§ä½œæˆã™ã‚‹ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’è€ƒãˆã€ãã‚Œã‚’æ›¸ã„ã¦ã„ãã“ã¨ã‚’æ¥½ã«ã—ã¦ãã‚Œã‚‹ã€ã¨ã„ã†ã‚‚ã®ã§ã—ãŸã€‚ä½œæˆã™ã‚‹å‡¦ç†ã¯è‡ªåˆ†ã§è€ƒãˆã‚‹ã€‚ãã‚Œã‚’ä½œã‚‹ã®ãŒæ¥½ã«ãªã‚‹â€•â€•ãã‚ŒãŒä»Šã¾ã§ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã—ãŸã€‚ ã§ã¯ã€Angu
teppochan 2016/11/27
AngularJS
ãƒªãƒ³ã‚¯
ã€ŒAngularJSã€ã¨ã€Œã¯ã¦ãƒ–APIã€ã§ä½œã‚‹Chromeã‚¢ãƒ—ãƒªã®ä½œã‚Šæ–¹ã‚’å®Œå…¨å…¬é–‹ï¼ - paiza times
ã©ã†ã‚‚ã€ã¾ã•ã¨ã‚‰ã‚“ï¼ˆ@0310lanï¼‰ã§ã™ã€‚ ä»Šå›žã¯ã€GoogleãŒæä¾›ã™ã‚‹ã€ŒChromeãƒ–ãƒ©ã‚¦ã‚¶ã€ã§å‹•ä½œã™ã‚‹ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã£ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã€Œãªã‚“ã ã‹é›£ã—ãã†â€¦ã€ã¨æ€ã†ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ã–ã£ãã‚Šè¨€ã£ã¦ã—ã¾ã†ã¨æ™®é€šã«ã€ŒWebãƒšãƒ¼ã‚¸ã€ã‚’ä½œã‚‹ã®ã¨å¤‰ã‚ã‚Šã¾ã›ã‚“ã€‚ ãã“ã§ã€ç°¡å˜ãªã‚µãƒ³ãƒ—ãƒ«ã‚¢ãƒ—ãƒªã‚’ä½œã‚ŠãªãŒã‚‰ã€è‡ªåˆ†ã ã‘ã®Chromeã‚¢ãƒ—ãƒªé–‹ç™ºã«æŒ‘æˆ¦ã—ã¦ã¿ã¾ã—ã‚‡ã†ï¼ â– Chromeã‚¢ãƒ—ãƒªã¨ã¯ï¼Ÿ é–‹ç™ºã‚’å§‹ã‚ã‚‹å‰ã«ã€ã¾ãšã¯äºˆå‚™çŸ¥è˜ã¨ã—ã¦Chromeã‚¢ãƒ—ãƒªã®ã€Œç¨®é¡žã€ã«ã¤ã„ã¦ã”ç´¹ä»‹ã—ã¦ãŠãã¾ã™ã€‚ å®Ÿã¯ã€ã€ŒChromeã‚¢ãƒ—ãƒªã€ã¨è¨€ã£ã¦ã‚‚ã€ã„ãã¤ã‹ç•°ãªã‚‹ç¨®é¡žãŒã‚ã‚Šã¾ã™ã€‚ ä¾‹ãˆã°ã€ã€ŒAppspectorã€ã¨ã„ã†Chromeã‚¢ãƒ—ãƒªã¯ã€ãƒ–ãƒ©ã‚¦ã‚¶ã®æ©Ÿèƒ½ã‚’æ‹¡å¼µã™ã‚‹ã“ã¨ã§ã€è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹Webãƒšãƒ¼ã‚¸ãŒã©ã‚“ãªæŠ€è¡“ã‚’åˆ©ç”¨ã—ã¦ä½œã‚‰ã‚Œã¦ã„ã‚‹ã®ã‹ã‚’è¡¨ç¤ºã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ï¼ˆhttps://chrome.google.com
teppochan 2016/01/17
Chrome

AngularJS
ãƒªãƒ³ã‚¯
AngularJSã§ã¯ã˜ã‚ã‚‹JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯é–‹ç™ºã‚¹ã‚¿ã‚¤ãƒ«ä¸€è¦§
CodeZineç·¨é›†éƒ¨ã§ã¯ã€ç¾å ´ã§æ´»èºã™ã‚‹ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã‚’ã‚¹ã‚¿ãƒ¼ã«ã™ã‚‹ãŸã‚ã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€ŒDevelopers Summitã€ã‚„ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ç”Ÿãã–ã¾ã‚’ãƒ–ãƒ¼ã‚¹ãƒˆã™ã‚‹ãŸã‚ã®ã‚¤ãƒ™ãƒ³ãƒˆã€ŒDevelopers Boostã€ãªã©ã€ã•ã¾ã–ã¾ãªã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’ä¼ç”»ãƒ»é‹å–¶ã—ã¦ã„ã¾ã™ã€‚
teppochan 2015/10/04
AngularJS
ãƒªãƒ³ã‚¯
AngularJS Material
{{menu.currentSection.name}} - {{menu.currentPage | humanizeDoc}} Install with NPM View Source on Github {{doc | humanizeDoc | directiveBrackets:doc.restrict}} {{doc | humanizeDoc | directiveBrackets}} View Demo View Source on Github
teppochan 2015/05/16
AngularJS

Material Design
ãƒªãƒ³ã‚¯
AngularJSã‚’ä½¿ã£ã¦ã‚¿ã‚°ãƒ™ãƒ¼ã‚¹ã®ã¯ã¦ãƒ–ãƒ“ãƒ¥ãƒ¼ã‚¢ã‚’ä½œã£ã¦ã¿ãŸ - æ˜ ç”»é¤¨ã®ã‚¤ã‚¹
ã¯ã¦ãƒ–ãƒ“ãƒ¥ãƒ¼ã‚¢ Skimii http://skimii.net ä½œã£ãŸã‚‚ã® ã‚¿ã‚°ãƒ™ãƒ¼ã‚¹ã®ã¯ã¦ãƒ–ãƒ“ãƒ¥ãƒ¼ã‚¢ã‚’ä½œã‚Šã¾ã—ãŸã€‚ ã‚¦ã‚©ãƒƒãƒã—ãŸã„ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ã‚’ã‚¿ã‚°ã¨ã—ã¦ç™»éŒ²ã™ã‚‹ã¨ã€ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã•ã‚ŒãŸã‚¨ãƒ³ãƒˆãƒªã‚’ã‚¿ã‚°ã”ã¨ã«ä¸€è¦§è¡¨ç¤ºã—ã¾ã™ã€‚ Skimii ä½œã£ãŸç†ç”± è‡ªåˆ†ã®èˆˆå‘³å¯¾è±¡ã«ãƒ”ãƒ³ãƒã‚¤ãƒ³ãƒˆã§ã‚¢ã‚¯ã‚»ã‚¹ã—ãŸã„ã¨ã„ã†ç†ç”±ã§ã™ã€‚ ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯å…¬å¼ã§ã¯ã€ã‹ãªã‚Šå¤§ããªããã‚Šã§ã®ã‚«ãƒ†ã‚´ãƒªåˆ†ã‘ãªã®ã§ã€ã‚¦ã‚©ãƒƒãƒã—ãŸã„å¯¾è±¡ã«ãƒ”ãƒ³ãƒã‚¤ãƒ³ãƒˆã§ã‚¢ã‚¯ã‚»ã‚¹ã—ã«ãã„ãªãã¨æ„Ÿã˜ã¦ã„ã¾ã—ãŸã€‚ ã‚¿ã‚°ã”ã¨ã«ã‚¨ãƒ³ãƒˆãƒªã‚’è¡¨ç¤ºã§ãã‚‹ã®ã§ã€å¯¾è±¡ã‚’çµžã‚‹ã“ã¨ãŒã§ããƒŽã‚¤ã‚ºã®å°‘ãªã„æƒ…å ±ã‚’å¾—ã‚‰ã‚Œã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚ ã—ã‹ã—ãªãŒã‚‰â€¦ ã‚¤ãƒ³ã‚¿ãƒ¬ã‚¹ãƒˆæ©Ÿèƒ½ - ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãƒ˜ãƒ«ãƒ— ã™ã§ã«å…¬å¼ã§åŒã˜ã‚‚ã®ãŒæä¾›ã•ã‚Œã¦ã„ã¾ã™ã€‚ä½œæˆé€”ä¸ã§æ°—ã¥ã„ãŸâ€¦ ãŸã ã€å…¬å¼ã«ã¯ç„¡ã„æ©Ÿèƒ½ã‚‚ã‚ã‚Šã¾ã™ã€‚ ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ã®é–¾å€¤è¨å®š ã™ã§ã«èªã‚“ã ã‚¨ãƒ³ãƒˆãƒªã‚’è¡¨ç¤ºã—ãªã„è¨å®š æ§‹æˆ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³
teppochan 2015/04/03
AngularJS

webã‚µãƒ¼ãƒ“ã‚¹

ã¯ã¦ãª

Webå‚è€ƒ
ãƒªãƒ³ã‚¯
AngularJSå…¥é–€ã®å·»ï¼’
5. - ä»Šæ—¥ã®å†…å®¹ - 1. å‰å›žã®å†…å®¹ã‚’å›³ã§å¾©ç¿’ã®å·» 2. å€¤ã‚’å…¥åŠ›ã—ã¦ã¿ã‚ˆã†ã®å·» 3. ã©ã‚“ãªé¢¨ã«ç›£è¦–ã—ã¦ã‚“ã®ã®å·» 4. ç¹°ã‚Šè¿”ã—è¡¨ç¤ºã‚‚å‡ºæ¥ã‚‹ã‚ˆã®å·» 5. ã‚µãƒ¼ãƒ“ã‚¹ã®å‹•ãã‚’æ¤œæŸ»ã—ã‚ˆã†ã®å·» 7. addLeft : function(){ numData.leftValue++; } services app controllers calculatorServ numDataModel http://jsfiddle.net/itokami1123dev/b3mTU/1/ CalculatorCtrl DOM angular.module $scope.numData {{numData}} ng-click= "plusBtnlicked()" $scope. plusBtnlicked å‰å›žã®å†…å®¹ã‚’å›³ã§å¾©ç¿’ã—ã¦ã¿ã¾ã—ã‚‡ã†ï¼ getNumData: function(){ retu
teppochan 2014/08/12
AngularJS
ãƒªãƒ³ã‚¯
AngularJSå…¥é–€ã®å·»
5. - ä»Šæ—¥ã®å†…å®¹ - 1. ç«‹ã¡ä¸ŠãŒã‚ŒAngularã®å·» 2. moduleã¯ä¿ºã®ãƒãƒƒã‚«ãƒ¼ã®å·» 3. ä¾å˜ã—ã¦ã—ã¾ãŠã†ã®å·» 4. ãƒ–ãƒ©ã‚¦ã‚¶(DOM)ã«å€¤ã‚’è¡¨ç¤ºã®å·» 5. ãƒ‡ãƒ¼ã‚¿ç®¡ç†ã¯ã‚µãƒ¼ãƒ“ã‚¹ã‚ˆã®å·» 6. ãƒ‡ãƒ¼ã‚¿ã®åæ˜ ã¯ä½•æ™‚ï¼Ÿã®å·» 7. <script src=â€œ//ajax.google apis.com/ajax/libs/jquery/ 2.1.0/jquery.min.jsâ€></script> ! ! ! <script src="https://ajax.google apis.com/ajax/libs/ angularjs/1.3.0-beta.7/angular.min.js" ></script> ! ! <div class="jsTestApp" > {{ 1+1 }} </div> AngularJSã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ï¼ AngularJSã®æ©Ÿèƒ½ã§ {{ 1+1 }}
teppochan 2014/08/12
AngularJS
ãƒªãƒ³ã‚¯
blog.takuti.me
ðŸ‘‹ Hi, I'm Takuya Takuya Kitazawa is a freelance software developer based in British Columbia, Canada. As a techno logist specializing in AI and data-driven solutions, he has worked globally at Big Tech and start-up companies for a decade. At the intersection of tech and society, he is passionate about promoting the ethical use of information techno logies through his mentoring, business consultatio
teppochan 2014/08/07
AngularJS

Chrome
ãƒªãƒ³ã‚¯
Q. AngularJSã¨jQueryã®é•ã„ã¯ä½•ã§ã—ã‚‡ã†ã‹ï¼Ÿ | POSTD
ç§ãŒçŸ¥ã£ã¦ã„ã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨ã„ãˆã°jQueryã§ã™ã€‚ ã—ã‹ã—ã€æ–°è¦ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨ã—ã¦ã€ãƒ—ãƒã‚°ãƒ©ãƒžä»²é–“ãŒAngularJSã‚’å°Žå…¥ã—ã¾ã—ãŸã€‚ ç§ã¯AngularJSã«ã¤ã„ã¦ã®çŸ¥è˜ãŒå…¨ãã‚ã‚Šã¾ã›ã‚“ã€‚jQueryã¨ä½•ãŒé•ã†ã®ã§ã—ã‚‡ã†ã‹ã€‚ jQueryã®ã‚¿ã‚¹ã‚¯ã¨ã—ã¦å®Ÿè¡Œã•ã‚ŒãŸé–¢æ•°ç¾¤ã¯ã€AngularJSã§ã‚‚ä½¿ç”¨ã§ãã¾ã™ã‹ï¼Ÿ asked by user825904 Answer(s) jQueryã¯DOMã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’æ“ä½œãƒ»ç®¡ç†ã™ã‚‹ãŸã‚ã®å„ªã‚ŒãŸãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚ˆã†ãªãƒ‡ãƒ¼ã‚¿ã®CRUDãŒãªãã€DOMã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆæ“ä½œã«ã¤ã„ã¦ã®ã¿è¨€ãˆã°ã€ jQueryã¯æœ€é«˜ã®ãƒ„ãƒ¼ãƒ«ã®ä¸€ã¤ã§ã™ï¼ˆAngularJSã§ã‚‚åŒæ§˜ã®æ“ä½œãŒå¯èƒ½ã§ã™ï¼‰ã€‚ AngularJSã¯ä»¥ä¸‹ã®ç‰¹å¾´ã‚’æŒã¤ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ åŒæ–¹å‘ãƒ‡ãƒ¼ã‚¿ãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚° MVWãƒ‘ã‚¿ãƒ¼ãƒ³ï¼ˆMVCã®æ´¾ç”Ÿãƒ‘ã‚¿ãƒ¼ãƒ³ï¼‰
teppochan 2014/08/06
jQuery

AngularJS
ãƒªãƒ³ã‚¯
AngularJS 1.2 æ—¥æœ¬èªžãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ | js STUDIO
Â© 2017 Google Licensed under the Creative Commons Attribution License 3.0. ã“ã®ãƒšãƒ¼ã‚¸ã¯ã€ãƒšãƒ¼ã‚¸ãƒˆãƒƒãƒ—ã®ãƒªãƒ³ã‚¯å…ˆã®AngularJSå…¬å¼ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆå†…ã®ãƒšãƒ¼ã‚¸ã‚’ç¿»è¨³ã—ãŸå†…å®¹ã‚’åŸºã«æ§‹æˆã•ã‚Œã¦ã„ã¾ã™ã€‚ ä¸‹è¨˜ã®é …ç›®ã‚’ç¢ºèªã—ã€å¿…è¦ã«å¿œã˜ã¦å…¬å¼ã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’ã”ç¢ºèªãã ã•ã„ã€‚ ã‚‚ã—ã€èª¤è¨³ãªã©ã®é–“é•ã„ã‚’è¦‹ã¤ã‘ã¾ã—ãŸã‚‰ã€ @tomofã¾ã§æ•™ãˆã¦ã„ãŸã ã‘ã‚Œã°å¹¸ã„ã§ã™ã€‚ AngularJSã®æ›´æ–°é »åº¦ãŒé«˜ã„ãŸã‚ã€å…ƒã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¨æ¯”ã¹ã¦ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã®æƒ…å ±ãŒå¤ããªã£ã¦ã„ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ "è¨³æ³¨:"ãªã©ã®æ–ã‚ã‚Šã‚’å…¥ã‚ŒãŸä¸Šã§ã€æ—¥æœ¬äººå‘ã‘ã®æƒ…å ±ã‚„ã‚ˆã‚Šåˆ†ã‹ã‚Šæ˜“ãã™ã‚‹ãŸã‚ã®è¿½è¨˜ã‚’è¡Œã£ã¦ã„ã‚‹äº‹ãŒã‚ã‚Šã¾ã™ã€‚
teppochan 2014/08/04
AngularJS
ãƒªãƒ³ã‚¯
ä»Šã€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 ã®ï¼’æ–‡å—ç›®ã¨ï¼“æ–‡å—ç›®ã‚’è¡¨
teppochan 2014/08/03
AngularJS
ãƒªãƒ³ã‚¯
ã‚ãƒŸã¯ionicã‚’çŸ¥ã£ã¦ã„ã‚‹ã‹ï¼ŸAngularJS+PhoneGap+ç¾Žéº—ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆç¾¤ï¼
ã‚ãƒŸã¯ionicã‚’çŸ¥ã£ã¦ã„ã‚‹ã‹ï¼ŸAngularJS+PhoneGap+ç¾Žéº—ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆç¾¤ï¼ é‡‘äº• å¥ä¸€ï¼ˆãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹ï¼‰ ionic æ¦‚è¦ ionicã¯ãã®ã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰ã‚‚è¦‹ã¦ã‚ã‹ã‚‹ã¨ãŠã‚Šã€ã‚·ãƒ³ãƒ—ãƒ«ã‹ã¤ç¾Žã—ã„UIã‚’å–ã‚ŠæƒãˆãŸã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆç¾¤ã§ã€Apache Cordova ã‚’æ‹¡å¼µã—ã¦ä½œã‚‰ã‚Œã¦ã„ã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ ã¾ãŸã€å‹•çš„ãªUIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’å®Ÿè£…ã™ã‚‹ãŸã‚ã«ã€ AngularJS ã‚’æŽ¡ç”¨ã—ã¦ã‚‹ç‚¹ã‚‚ãã®ç‰¹å¾´ã®1ã¤ã§ã™ã€‚ ionicãŒã‚µãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã¯ã€iOS 6+ã¨Android 4+ã§ã™ã€‚ï¼ˆãŸã ã—Androidã«ã¤ã„ã¦ã¯ã€2.3+ã§ã‚‚ã„ãã¤ã‹ã®æ©Ÿèƒ½ã‚’æä¾›ã—ã¦ã‚‹ã¨ã®ã“ã¨ï¼‰ ç¾çŠ¶ã§ã¯ã“ã®2ã¤ã®ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã®ã¿ã§ã™ãŒã€Windows Phoneã¨FirefoxOSã«ã¤ã„ã¦ã‚‚ä»Šå¾Œå¯¾å¿œã‚’é€²ã‚ã¦ã„ãã‚ˆã†ã§ã™ã€‚ ç‰¹å¾´ Apache Cordovaã‚’æ‹¡å¼µã—ã¦ä½œã‚‰ã‚Œã¦ã„ã‚‹ã€ãƒ¢ãƒ
teppochan 2014/07/14
AngularJS

android

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
ãƒªãƒ³ã‚¯
è¦‹ãŸç›®ã¯ Bootstrapãªã®ã«å‹•ãã¯ AngularJSãªã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã«ã¯ - ãƒ–ãƒã‚° - ãƒ¯ãƒ«ãƒ–ãƒªãƒƒã‚¯ã‚¹æ ªå¼ä¼šç¤¾
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ãƒ¢ãƒ€ãƒ³ãªUIã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã‚’å–ã‚Šå…¥ã‚ŒãŸ Webã‚µã‚¤ãƒˆã‚’æ§‹ç¯‰ã™ã‚‹åŸºç¤Žã¨ã—ã¦å®šç•ªã«ãªã£ã¦ã„ã‚‹ Twitter Bootstrapã‚’ AngularJSã¨ä¸€ç·’ã«ä½¿ã†æ–¹æ³•ã‚’ç´¹ä»‹ã™ã‚‹ã€‚ BootstrapãŒæä¾›ã™ã‚‹ã‚‚ã® ãã®1: ã‚ãŸã‚Šã•ã‚ã‚Šã®ãªã„è¦‹ãŸç›®ã¨ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªè¡¨ç¤ºã‚’æä¾›ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ Bootstrapã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¯ã€æ¨ªæ–¹å‘12åˆ†å‰²ã®ã‚°ãƒªãƒƒãƒ‰ã§ãƒšãƒ¼ã‚¸ã‚’ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã—ã¤ã¤ç”»é¢ã®å¤§ãã•ã«ã‚ˆã£ã¦é…åˆ†ã‚’ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã§ãã‚‹ãƒžãƒ«ãƒãƒ‡ãƒã‚¤ã‚¹å‘ã‘è¡¨ç¤ºã‚·ã‚¹ãƒ†ãƒ ã¨ã€æ§‹æˆè¦ç´ ã®ä»Šé¢¨ãªè¦‹ãŸç›®ã‚’æä¾›ã™ã‚‹ã€‚ãƒ‡ã‚¶ã‚¤ãƒŠæŠœãã§å‹•ã„ã¦ã„ã‚‹é–‹ç™ºãƒãƒ¼ãƒ ã«ã¨ã£ã¦ã¯ã€Œã¨ã‚Šã‚ãˆãš Bootstrapãƒ™ãƒ¼ã‚¹ã§ä½œã£ã¦ãŠã‘ã°ä»Šé¢¨ã®è¦‹ãŸç›®ã«ãªã‚‹ã€ãŸã‚æ¥µã‚ã¦æœ‰é›£ã„å˜åœ¨ã€‚ <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/latest/cs
teppochan 2014/07/12
Bootstrap

AngularJS
ãƒªãƒ³ã‚¯
AngularJS+PHP+MySQLã§CRUDå…¥é–€ - Qiita
<!doctype html> <html lang="ja" ng-app="app"> <head> <meta charset="utf-8"> <title>åç°¿</title> </head> <body ng-controller="MainCtrl"> <table border="1"> <tr><th>ID</th><th>åå‰</th><th>å¹´é½¢</th><th>ã‚³ãƒ¡ãƒ³ãƒˆ</th></tr> <tr ng-controller="DetailCtrl" ng-repeat="student in students"> <td>{{student.id}}</td> <td><input ng-model="student.name"></td> <td><input ng-model="student.age"></td> <td><input ng-model="s
teppochan 2014/07/11
AngularJS

ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹
ãƒªãƒ³ã‚¯
ã€ŽAngularJSã‚’ä½¿ç”¨ã—ãŸã‚²ãƒ¼ãƒ é–‹ç™ºã€
1 pixelï½œã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆå…¬å¼ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚ºãƒ–ãƒã‚° ã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®å–ã‚Šçµ„ã¿ã‚’ç´¹ä»‹ã™ã‚‹ã‚ªãƒ•ã‚£ã‚·ãƒ£ãƒ«ãƒ–ãƒã‚°ã§ã™ã€‚æœ€æ–°æŠ€è¡“ã¸ã®æŒ‘æˆ¦ã‚„ã‚µãƒ¼ãƒ“ã‚¹èª•ç”Ÿã®è£è©±ã€å‹‰å¼·ä¼šã‚„ã‚¤ãƒ™ãƒ³ãƒˆã®ãƒ¬ãƒãƒ¼ãƒˆãªã©CAã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®æƒ…å ±ãŒæº€è¼‰ã§ã™ã€‚ ã“ã‚“ã«ã¡ã¯ã€‚ã‚ªãƒˆã‚®ã‚¢ã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’ã‚„ã£ã¦ã¾ã™ã€‚atsumoã§ã™ã€‚ ä»Šå›žã¯ã€ç¾åœ¨ã‚ªãƒˆã‚®ã‚¢ã§ä½¿ç”¨ä¸ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯AngularJSã®ãŠè©±ã‚’å°‘ã—ã•ã›ã¦ã„ãŸã ã‘ã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ â€» AngularJSã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã«é–¢ã—ã¦ã¯ã‚ªãƒˆã‚®ã‚¢ã§ä½¿ç”¨ä¸ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã‚ã‚‹ã€1.2.16ã‚’ãƒ™ãƒ¼ã‚¹ã«æ›¸ã‹ã›ã¦ã„ãŸã ãã¾ã™ã€‚AngularJSã¨ã¯ https://angularjs.org/ Googleã¨ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã«ã‚ˆã£ã¦é–‹ç™ºã•ã‚Œã¦ã„ã‚‹ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã®MV*ç³»ã®JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ åŒã˜ã‚ˆã†ãªç¨®é¡žã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã—ã¦ã€Backbone.jsã‚„Kn
teppochan 2014/07/10
AngularJS

javascript

Webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
1