[B! framework] shimuyaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

shimuya id:shimuya

frameworkã«é–¢ã™ã‚‹shimuyaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

${{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 MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ä½œã‚‰ã‚ŒãŸåŒä¸€ã®ToDoã‚¢ãƒ—ãƒªã§é•ã„ã‚’å¦ã¶ã€ŒTodoMVCã€
JavaScriptã§MVCã®æ§‹é€ ã‚’æŒã¤ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é–‹ç™ºã™ã‚‹ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒ10ç¨®é¡žä»¥ä¸Šç™»å ´ã—ã€ã“ã®åˆ†é‡ŽãŒç››ã‚Šä¸ŠãŒã£ã¦ã„ã‚‹ã“ã¨ã¯ã€ä»¥å‰ã®è¨˜äº‹ã€ŒJavaScript MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯ã™ã§ã«åç¨®é¡žä»¥ä¸Šã€ãã®æ¯”è¼ƒã‚„æœ€æ–°æƒ…å ±ãªã©ã®ã¾ã¨ã‚ã€ã§ç´¹ä»‹ã—ã¾ã—ãŸã€‚ ãã®å„ç¨®JavaScript MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®é•ã„ã‚’å¦ã¼ã†ã¨ã„ã†ã®ãŒã€Webã‚µã‚¤ãƒˆã€ŒTodoMVCã€ã§ã™ã€‚ ToDoMVCã§ã¯ã€AngularJSã‚„Backbone.jsã€Ember.jsã€Spine.jsãªã©ä¸»è¦ãªMVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ç”¨ã„ã¦é–‹ç™ºã—ãŸToDoã‚¢ãƒ—ãƒªã‚’ã¾ã¨ã‚ã¦å…¬é–‹ã—ã¦ã„ã¾ã™ã€‚ é–‹ç™ºã•ã‚ŒãŸToDoã‚¢ãƒ—ãƒªã¯ã»ã¼åŒä¸€ã®å¤–è¦³ã‚„æ©Ÿèƒ½ã‚’å‚™ãˆã¦ã„ã¾ã™ã€‚ã“ã‚Œã«ã‚ˆã‚Šã€ãã‚Œãžã‚Œã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’è¦‹ã‚‹ã“ã¨ã«ã‚ˆã£ã¦ã€å„MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒã©ã®ã‚ˆã†ãªã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¹ã‚¿ã‚¤ãƒ«ã‚’ç”¨ã„ã¦ã„ã‚‹ã®ã‹ã€ã©ã®ã‚ˆã†ãªæ©Ÿèƒ½ã‚’æä¾›ã—ã¦ã„ã‚‹ã®ã‹ã€ã¨ã„ã£ãŸé•ã„
shimuya 2012/07/13
ä»Šé€±æœ«ã«è§¦ã£ã¦ã¿ã‚ˆã£ã¨

JavaScript

framework
ãƒªãƒ³ã‚¯
Backbone.jså…¥é–€ ã€ŒEventsã€ - Qiita
é–²è¦§ä¸Šã®æ³¨æ„ ã“ã®è¨˜äº‹ã§å¯¾è±¡ã¨ã—ã¦ã„ã‚‹ãƒãƒ¼ã‚¸ãƒ§ãƒ³0.5.3ã¯çµæ§‹å¤ã„ã®ã§æ³¨æ„ã—ã¦ãã ã•ã„ã€‚ã“ã®è¨˜äº‹ã§ã„ãˆã°ã€bindã¯ç„¡ããªã‚Šã€ç¾åœ¨ã§ã¯onã‚„listenToãŒä½¿ã‚ã‚Œã¦ã„ã¾ã™ã€‚ ãã®ä»–ã®å‰²ã‚Šã¨æ–°ã—ã„æƒ…å ±ã¯ Backbone.js Advent Calendar 2012 ãªã©ã«ã‚ã‚Šã¾ã™ã€‚ ï¼ˆè¿½è¨˜ã“ã“ã¾ã§ï¼‰ ãƒã‚¿åˆ‡ã‚Œæ„ŸãŒå¦ã‚ãªã„Backbone.js Advent Calendarã§ã™ãŒã€ä»Šå›žã‹ã‚‰ä½•å›žã‹ã«åˆ†ã‘ã¦æ‡‡åˆ‡ä¸å¯§ãªå…¥é–€è¨˜äº‹ã‚’æ›¸ã„ã¦ã„ã“ã†ã¨æ€ã„ã¾ã™ã€‚ ä»¥ä¸‹ã®ã‚ˆã†ã«æ›¸ãé€²ã‚ã¦ã„ãäºˆå®šã§ã™ã€‚ Events View Model Viewã¨Modelã®é€£æº Collection Viewã¨Modelã¨Collectionã®é€£æº Routerã¨History ãªãŠã“ã“ã§æ‰±ã†Backbone.jsã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯0.5.3ã§ã™ã€‚ #Backbone.jså…¥é–€ ã€ŒEventsã€ Backbone.js
shimuya 2012/07/04
é–‹ç™º

javascript

framework

backbone.js
ãƒªãƒ³ã‚¯
Backbone.jsã‚’åˆ©ç”¨ã—ãŸã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰MVCã®å°Žå…¥ã«ã¤ã„ã¦ãã‚ãã‚æ›¸ã„ã¦ãŠãã‹ - å‡ºç”ºãƒŸã‚¹ãƒ‰æ”»é˜²è¨˜
jQueryãƒ˜ãƒ“ãƒ¼ãªã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®å•é¡Œç‚¹ã¨ã€MVCã«ã‚ˆã‚‹æ§‹é€ åŒ–ã®å¿…è¦æ€§ jQueryã¯ã€ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§å‹•ãJSã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®é–‹ç™ºç”Ÿç”£æ€§ã‚’åŠ‡çš„ã«å‘ä¸Šã•ã›ã¾ã—ãŸã€‚DOMæ“ä½œã«ã‚ˆã‚‹å‹•çš„ãªãƒšãƒ¼ã‚¸æ›¸ãæ›ãˆå‡¦ç†ãªã©ã¯ã€ã‚»ãƒ¬ã‚¯ã‚¿ã‚’ä½¿ã£ã¦ã¡ã‚‡ã‚ã£ã¨ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãã ã‘ã§ã€ã»ã‚“ã®æ•°è¡Œã§è¨˜è¿°ã§ãã¦ã—ã¾ã„ã¾ã™ã€‚ ã—ã‹ã—ã€ã“ã®æ–¹æ³•ã®å»¶é•·ã§ã€å¤§è¦æ¨¡ãªJSã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ§‹ç¯‰ã™ã‚‹ã“ã¨ã¯æžœãŸã—ã¦ç¾å®Ÿçš„ã§ã—ã‚‡ã†ã‹ã€‚ä¾‹ãˆã°ã€ŒGMailã€ã‚„ã€ŒNew Twitterã€ç¨‹åº¦ã®è¦æ¨¡ã®JSã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ›¸ã‹ãªã‘ã‚Œã°ãªã‚‰ãªã„ã¨ã—ãŸã‚‰ã€ã©ã†ã§ã—ã‚‡ã†ï¼Ÿ å¤§è¦æ¨¡ãªJSã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é–‹ç™ºã™ã‚‹ã«ã¯ã€ã“ã†ã„ã£ãŸæ‰‹æ³•ã‚’å»¶é•·ã™ã‚‹ã®ã§ã¯ãªãã€ã‚ˆã‚Šæ´—ç·´ã•ã‚ŒãŸãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’å°Žå…¥ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã“ã®ç›®çš„ã«ã´ã£ãŸã‚Šã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ãŒã€ã€ŒMVCã€ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã§ã™ã€‚ MVCãƒ‘ã‚¿ãƒ¼ãƒ³ã¯ã€Webã®ä¸–ç•Œã§ã¯ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã§åºƒãçŸ¥ã‚‰ã‚Œ
shimuya 2012/07/04
é–‹ç™º

javascript

framework

backbone.js
ãƒªãƒ³ã‚¯
JavaScript MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯ã™ã§ã«åç¨®é¡žä»¥ä¸Šã€ãã®æ¯”è¼ƒã‚„æœ€æ–°æƒ…å ±ãªã©ã®ã¾ã¨ã‚
ã‚°ãƒ¼ã‚°ãƒ«ãŒé–‹ç™ºã—ãŸJavaScript MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒAngularJSã€ã‚’ç´¹ä»‹ã—ãŸ1ã¤å‰ã®è¨˜äº‹ã®åå¿œãŒäºˆæƒ³ä»¥ä¸Šã«å¤§ããã€1æ—¥ãŸãŸãšã«ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãŒ500ä»¥ä¸Šã‚‚ã¤ãã¾ã—ãŸã€‚ æœ¬è¨˜äº‹ã§ã¯ã€AngularJSä»¥å¤–ã«ã‚‚ã™ã§ã«ãŸãã•ã‚“å˜åœ¨ã™ã‚‹JavaScript MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«é–¢ã™ã‚‹æƒ…å ±ã‚’ã¾ã¨ã‚ã¦ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ JavaScript MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®æ¯”è¼ƒè¨˜äº‹ æ—¢å˜ã®JavaScript MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’æ¯”è¼ƒã—ãŸè¨˜äº‹ãŒã€ŒThe Top 10 Javascript MVC Frameworks Reviewedã€ã§ã™ã€‚Top10ã¨æ›¸ã„ã¦ã‚ã‚Šã¾ã™ãŒã€12ç¨®é¡žã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®æ¯”è¼ƒã§ã™ã€‚ã“ã‚Œã¯å…¬é–‹å½“æ™‚ã¯10ç¨®é¡žã ã£ãŸã‚‚ã®ãŒã€ãã®å¾Œ11ç¨®é¡žã«ãªã‚Šã€ä»Šå›žã®AngularJSã®å…¬é–‹ã§12ç¨®é¡žã«ãªã£ãŸãŸã‚ã§ã™ã€‚ ä¸Šè¨˜ã®ã‚ˆã†ãªæ¯”è¼ƒè¡¨ã‚’è¼‰ã›ãŸä¸Šã§ã€12ç¨®é¡žã™ã¹ã¦ã®åˆ©ç‚¹ã¨æ¬ ç‚¹ã‚’èª¬æ˜Žã—
shimuya 2012/06/30
JavaScript

framework

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
Mojoliciousã¨CPANãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã§ä½œã‚‹ã€ŒNopasteã€ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« - ã‚†ãƒ¼ã™ã‘ã¹ãƒ¼æ—¥è¨˜
åƒ•ã¯Webã‚¢ãƒ—ãƒªã®é–‹ç™ºè¨€èªžã«Perlã‚’ä½¿ã£ã¦ã„ã¾ã™ãŒã€Perlã§æ›¸ããŸã‚ã®Web Application Frameworkã¨ã—ã¦ã€ Mojoliciousã‚’æœ€è¿‘ã§ã¯åˆ©ç”¨ã—ã¦ã„ã¾ã™ã€‚ Web Application Frameworkï¼ˆWAFï¼‰ã¨ã¯ã€ Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®é–‹ç™ºã‚’åŠ¹çŽ‡çš„ã«è¡Œã†ãŸã‚ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªç¾¤ï¼ˆã¤ã¾ã‚Šãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ï¼‰ã§ã€ã“ã‚ŒãŒãªã‘ã‚Œã°å°‘ã—ã§ã‚‚å¤§ãã‚ã®ã‚¢ãƒ—ãƒªã«ãªã‚‹ã¨å¤§å¤‰ãªæ€ã„ã‚’ã—ã¾ã™ã€‚ä»¥ä¸‹Mojoliciousã«ã¤ã„ã¦ã¨ã‚Šã‚ãˆãšã®ã€å‚è€ƒãƒªãƒ³ã‚¯ã§ã™ã€‚ ã¡ãªã¿ã«æ˜¨æ—¥ã‹ãªï¼ŸMojoliciousã¯ãƒãƒ¼ã‚¸ãƒ§ãƒ³3.0ãŒå‡ºã¾ã—ãŸã€‚ Perlã®WAFã¯MojoliciousæŽ¨ã—ãªä»¶ã¨ãã®ãƒŽã‚¦ãƒã‚¦ - ã‚†ãƒ¼ã™ã‘ã¹ãƒ¼æ—¥è¨˜ Mojolicious - Perl real-time web framework Mojolicious 3.0 released: Perl real-time we
shimuya 2012/06/29
web

framework

perl

cpan
ãƒªãƒ³ã‚¯
Sassã€ãã—ã¦Sassy CSS (SCSS)
CSSã‚’æ‹¡å¼µã—ãŸãƒ¡ã‚¿è¨€èªžã§ã‚ã‚‹Sassã€ãã—ã¦ãã®åˆ¥æ–‡æ³•ã¨ã—ã¦å®šç¾©ã•ã‚ŒãŸSCSSã«ã¤ã„ã¦ã€960.gsãªã©ã®CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨çµ¡ã‚ã¦ã€Sass (ä¸»ã«SCSS)ã®è‰¯ã•ã‚’è§£èª¬ã™ã‚‹ã€‚ CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ Sass Sassy CSS aka SCSS SCSSã§CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ 2ã‚«ãƒ©ãƒ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ä½œæˆ clearfixã‚„Reset CSSã®çµ„ã¿è¾¼ã¿ ã‚«ãƒ©ãƒ å¹…ã®å¤‰æ›´ ã‚«ãƒ©ãƒ ã®å…¥ã‚Œæ›¿ãˆ SCSSã§å®Œçµã™ã‚‹ã“ã¨ã®æ„ç¾© ã¾ã¨ã‚ æœ€å¾Œã« CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ 960.gsã‚„Blueprintã€BlueTripãªã©CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨å‘¼ã°ã‚Œã‚‹ã‚‚ã®ã¯è‰²ã€…ã‚ã‚‹ã€‚ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨åä¹—ã‚‹ã ã‘ã®ã“ã¨ã¯ã‚ã£ã¦ã€ãã‚Œã‚‰ã®ç”Ÿç”£æ€§ã¯ã¨ã¦ã‚‚é«˜ã„ã€‚ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã§é©åˆ‡ã«ã‚¯ãƒ©ã‚¹åã‚„IDã‚’åŸ‹ã‚è¾¼ã‚€ã ã‘ãªã®ã§ã€è¤‡é›‘æ€ªå¥‡ãªCSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’æ„è˜ã™ã‚‹ã“ã¨ãªãèª°ã§ã‚‚ç°¡æ½”ã«ãã‚Œã„ãªã‚«ãƒ©ãƒ ãƒ»ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ä½œæˆã§ãã‚‹ã€‚ HTML 4
shimuya 2011/10/27
css

html

SCSS

framework

Web
ãƒªãƒ³ã‚¯
ã‚‹ã³ã¾
ã€Žã‚‹ã³ã¾ã€ã¯ã€Ruby ã«é–¢ã™ã‚‹æŠ€è¡“è¨˜äº‹ã¯ã‚‚ã¡ã‚ã‚“ã®ã“ã¨ã€Rubyist ã¸ã®ã‚¤ãƒ³ã‚¿ãƒ“ãƒ¥ãƒ¼ã‚„ã‚¨ãƒƒã‚»ã‚¤ã€ãã®ä»–ã‚’ãŠå±Šã‘ã™ã‚‹ã‚¦ã‚§ãƒ–é›‘èªŒã§ã™ã€‚ Rubyist Magazine ã«ã¤ã„ã¦ ã€ŽRubyist Magazineã€ã€ç•¥ã—ã¦ã€Žã‚‹ã³ã¾ã€ã¯ã€æ—¥æœ¬ Ruby ã®ä¼šã®æœ‰å¿—ã«ã‚ˆã‚‹ Rubyist ã® Rubyist ã«ã‚ˆã‚‹ã€Rubyist ã¨ãã†ã§ãªã„äººã®ãŸã‚ã®ã‚¦ã‚§ãƒ–é›‘èªŒã§ã™ã€‚ æœ€æ–°å· Rubyist Magazine 0058 å· ãƒãƒƒã‚¯ãƒŠãƒ³ãƒãƒ¼ Rubyist Magazine 0058 å· RubyKaigi 2018 ç›´å‰ç‰¹é›†å· Rubyist Magazine 0057 å· RubyKaigi 2017 ç›´å‰ç‰¹é›†å· Rubyist Magazine 0056 å· Rubyist Magazine 0055 å· Rubyist Magazine 0054 å· æ±äº¬ Ruby ä¼šè° 11 ç›´
shimuya 2011/05/22
programming

template

Web

framework
ãƒªãƒ³ã‚¯
1