天ä¸ä¸ã¯ã©ã¤ã¢ã³ããµã¤ãJS MV*ãã¬ã¼ã ã¯ã¼ã¯æ¦éä¼ - connpass ã«åå ãã¦ããã®ã§ã¡ã¢ã Chaplin - mizchi Chaplin.jsã®è©± #ten1club // Speaker Deck ä»äºã§ä½¿ã£ã¦ã Chaplin paulmillrä½ã®Backboneæ¡å¼µç³»ã®MVC Rail風ã®æ§æ Chaplinã®è¨è¨ Rails風ã®ã«ã¼ã¿ã¼ ã¤ã³ã¹ã¿ã³ã¹ã®ç®¡çããComposer Controllerã¨å¼·èª¿ãã¦ã¤ã³ã¹ã¿ã³ã¹ã管ç å·®å管çã§ããã®ã§æ©ã éã«ã¤ã³ã¹ã¿ã³ã¹ãå¼ãç¶ãã®ã§æèããªãã¨è¾ã ã¹ãã£ãã©ã¼ã«ãã£ã³ã° paulmillr/scaffolt Generator MV*ã ã¨ããããã¡ã¤ã«ãå¢ãã scaffolt ã¯Chaplinã¨ã¯é¢ä¿ãªã使ãã Brunch ã¦ã§ãã¢ããªã«ç¹åãããã«ãã©ã³ãã¼ CommonJS風ã®å±é npmã§æ¡å¼µåã«å¿ãã
Backbone.js ã試ãããã Knockout.js ã«ãææ¦ JavaScript ã®ã¯ã©ã¤ã¢ã³ã MVC ãã¬ã¼ã ã¯ã¼ã¯ã¯ Backbone.js ã§ãããã¨æã£ã¦ãããã§ãããKnockout.js ã Ver 2.0 ã§ããªãæ©è½è¿½å ããã¦ãã¡ãã£ã¨å¿å¤ããããã¨ã㨠Knockout.js ã®ãã¼ã¿ãã¤ã³ãã£ã³ã°æ©è½ã«èå³ãæã£ã¦ããã¨ããã«ããã³ãã¬ã¼ãæ©è½ã追å ããã¦ã試ãã¦ã¿ãããªãã¾ããã 念ã®ãã説æããã¨ãKnockout.js ã¯ã.NET éçºè ã«ã¯ã馴æã¿ã®ããã¼ã¿ãã¤ã³ãã£ã³ã°ã MVVM ãã¿ã¼ã³ãç¹å¾´ã®ãã¬ã¼ã ã¯ã¼ã¯ã§ãã Knockout : Home ã¡ãªã¿ã«ãBackbone.js ã®è¨äºã¯ãã¡ãã ä½ã£ã¦è¦ãã Backbone.js - present ä½ã£ã¦è¦ãã Backbone.js (2) Router ç·¨ - present T
Getting started How KO works and what benefits it brings Downloading and installing Observables Creating view models with observables Working with observable arrays Computed observables Using computed observables Writable computed observables How dependency tracking works Pure computed observables Reference Bindings Controlling text and appearance The visible and hidden bindings The text binding T
æè¿è©±é¡ï¼ã®CoffeeScriptãã¼ã¹ã®ãã¬ã¼ã ã¯ã¼ã¯Batman.jsã®HARRY BRUNDAGEï¼@harrybrundageï¼æ°ã«ããç´¹ä»è¨äºãHow Batman can Help you Build Appsãã翻訳ãã¾ããã å ã¨ã³ããªã¯ããã§ãã Batman.jsã¯Shopifyã«ããæ°ããCoffeeScriptã®ãã¬ã¼ã ã¯ã¼ã¯ã§ãéçºã«é·ãæéã®ããã£ãããã¤ãç´¹ä»ã§ããã®ã§æ¬å½ã«è奮ãã¦ãããBatman.jsã®GitHubã¯ããã ã Batmanã¯å¤§ããªå½±é¿åãæã¤ç´ æ´ããããã¬ã¼ã ã¯ã¼ã¯ã«æºã¡ãä¸çã«ç¾ãããSproutcore 2.0ãBackbone.jsã¨ãã£ãé©ãã¹ãããã¸ã§ã¯ãã®ææãããä¸ã§ãéçºè ã¯ã©ãããã¤ä½¿ããã©ããã£ã¦å¦ã¹ã°ããã®ã ããï¼ æ°ããã¦ãã£ããããã¼ã«ã§éãã§ããæéã¯éããã¦ããã®ã§ãããã§ã¯Batmanã¨ä»ã®ãã¬ã¼ã ã¯ã¼ã¯
JavaScriptã®MVCãã¬ã¼ã ã¯ã¼ã¯ã¨ä»²éãã¡ JavaScriptã§ã¤ã¤æãã«éçºããããã¨ãã欲æ±ãé«ã¾ã£ã¦ãããããèªåã§ãã¬ã¼ã ã¯ã¼ã¯ãä½ããã«ä¸çã®è³¢è ãã¡ããå¦ã³ããã¨æãã¾ããä»åã¯ãJavaScriptã§MVCãã¬ã¼ã ã¯ã¼ã¯çãå®ç¾ãã¦ãããã¬ã¼ã ã¯ã¼ã¯ãå¨è¾ºã®ã©ã¤ãã©ãªãããã«ã¯ãã¼ã«ãã¦ã¼ãã£ãªãã£ã¾ã§å¹ åºããç´¹ä»ãã¾ãã (2012/1/17 updated) Backbone.js Spine.js JavaScriptMVC AngularJS SproutCore Ember.js YUI App Framework Broke.js Fidel.js Sammy.js KnockoutJS eyeballs.js The M Project Knockback Batman.js Shipyard.js Agility.js ãã¼ã¹ jQuery Doj
æè¿ã©ããªæãã§ãä½ãç®æãã¦ãã£ã¦ããã®ããç°¡åã«ç´¹ä»ãã¾ããç®æãã¦ãããã¨ã¯ã¤ããã¤ããã®ã§ãããç¹ã«ãã¤ã³ã¹ã¿ã³ãã¢ãã¯ã¢ãããã¨æã ï¼åã¨Kuwataããï¼ãå¼ãã§ããæ©è½ã«ãã©ã¼ã«ã¹ãã¾ããã¤ã³ã¹ã¿ã³ãã¢ãã¯ã¢ããã¯ãæè¿çæããã°ããã§ä½ãåºæ¥ã¦ãªãã®ãå®ç¶ã§ãããã§ããããã£ãã便å©ãããããã便å©ããããã¾ããã ã¤ã³ã¹ã¿ã³ãã¢ãã¯ã¢ããã®ç®æ¨ã¯ãWebãµã¤ãï¼Webã¢ããªã±ã¼ã·ã§ã³ã®ãããã¿ã¤ãä½æã®å´åããç¾åã®ä¸ã«ããããã¨ã§ããå¹çãäºæ¡ä¸ããããããããªãããã©è©±ã¿ããã§ãããå®éãèªå¼µè¡¨ç¾ãªãã§ãããã¾ã£ããæ ¹æ ããªãããã§ããªããã§ããã å å®¹ï¼ ä¾é¡ãã¦ã¼ã¶ã¼ç®¡çæ¥åã Catyã®ç¨èªãå°ãã ã ã¢ã¸ã¥ã¼ã«ã®æ§é å®ç¾©ãæ¸ãã¦ãªãã¢ã¸ã¥ã¼ã« ä½ããã¹ããã¯ãã³ããã¯äºæ³ã§ãã ã©ããªã«ä¸éå端ã»ä¸å®å ¨ãªè¨è¨ã§ãåãã ä¾é¡ãã¦ã¼ã¶ã¼ç®¡çæ¥åã ã1å¹´ãã£ã¦
1. CLIENT-SIDE MVC A brief introduction by Thomas Gorissen Freitag, 11. März 2011 2. ME? 1996 ⢠<blink>Hello World</blink> ⢠âWebMasterâ ⢠JS/PHP 1999 ⢠Starcraft http://thomasgorissen.com ⢠C# .NET / Forms 2005 ⢠Ruby ⢠ASP MVC 2010 ⢠JS Freitag, 11. März 2011 3. is ⢠Model/View/Controller ⢠Structure provider Javascript Framework ⢠RESTful JSON Connector ⢠Released 13th Oct 2010 ⢠Hash-Routing E
2011-03-12 è¿æ³ ç¡äºã§ã. ã¯ããã¨ãã¦, å é± Shibuya.js ã§è©±ãã¦ãã¾ãã (ã¹ã©ã¤ã). 空æ°ããã¾ã JS ã¨ç¡é¢ä¿ã®è©±ããã¦ãã¾ãããç³ããããªãã£ãããã©ã, WebKit ã®æ§ã ãªå¹»æ³ãã¶ã¡ãããéçºã®æ§åãç¥ã£ã¦ããããã¨ã«ã¯å人çãªä½¿å½æãæãã¦ããã¤ã¾ãããã¯ã¡ãã£ã¨ããååè»ãªã®ã§ã. JS ã®ãã¹ãã£ã¦ãªãã§ãããããã®? å°éãããã§èªå® è¦åä¸ã®äººãå¤ãã ãããã, ãäºãã®æ°æ´ãããããã¦ã ãã ãæ¸ããã. JavaScript ã®ãã¹ãã«ã¤ãã¦ããã£ããã¤ãã£ããèªãã ããã¦ããã¨, JavaScript ã§ãã¹ããæ¸ãã®ã¯å¤§å¤ã ã¨ãé£ããã¦ãã£ã¦ãªãã¨ãã話ãå¤ãã¦ä¸æè°ã«ããã£ã. ç§ã¯ JavaScript ã使ã£ã¦ã¦ã§ãã¢ããªãä½ãä»äºããããã¨ããªã, ãã¾ãã¡é£ããããã³ã¨ããªã. 趣å³ã§ããã£ã¦ããç¯å²ã ã¨æ®éã«æ¸ãã. ãª
Backbone.js Introduction Events â bind â unbind â trigger Model â extend â constructor / initialize â get â set â unset â id â cid â attributes - toJSON â save â destroy â validate â url â clone â isNew â change â hasChanged â changedAttributes â previous â previousAttributes Collection â extend â constructor / initialize â models â Underscore Methods (24) â add â remove â get â getByCid â at â le
å æ¥æ¸ãããã¤ã¾ã§Struts1ã使ãç¶ããã®ï¼ - é人ããã°ã©ãã¼ãç®æãã¦ãæ³å以ä¸ã®åé¿ã®å¤§ããã§é©ãã¦ãã¾ãããããªã«ãããããã¯ãããã ããã®ã¯ããã°éè¨ä»¥æ¥åãã¦ã§ããæ¿æ²»ççç±ã§ãã¬ã¼ã ã¯ã¼ã¯ãæåãã天ä¸ãçã«ä¸ãããã¦ãã¾ããçµæçã«è¦ä»¶ã«åããªããã¬ã¼ã ã¯ã¼ã¯ã®ä½¿ç¨ãå¼·ãããã¦è¦å´ãããããçµé¨ã®ããéçºè ã®æ¹ãå¤ãã¨æãã¾ããã¾ããéã«ãã¬ã¼ã ã¯ã¼ã¯ãæä¾ãããé¸æãããããå´ã®ç«å ´ã§ãæ代é ãã®ãã¬ã¼ã ã¯ã¼ã¯ãä»å¾ã©ãã«ãããªãã¦ã¯ãªããªãã¨ããåé¡æèãæããã¦ããæ¹ãå¤ãã®ã§ã¯ãªããã¨æãã¾ããï¼ããã¯ãã¡ããã©å¤ãã®ä¼ç¤¾ã®ãã½ã³ã³ã§Windows XPãIE6ã§ã¯ãããã«æ代é ãã ã¨èªèã¯ãã¦ãã¦ããã³ã¹ããªã©ãããªããªãæãããã«ãã¼ã¸ã§ã³ã¢ãããé²ã¾ãªãã¨ããã®ã¨ä¼¼ãã¨ãããããã¨æãã¾ãã*1ï¼Struts1ãæ¢ã«æ代é ããªã®ã¯ç¥ã£ã¦ããããã©ãæ±ãã¦
ææ¥ãæå¾æ¥ï¼10æ15æ¥ã16æ¥ï¼ã«ãYAPC::Asia 2010ãéå¬ããã¾ããããã«å ç«ã¡Pre-conference Meetupã¨ãã¦ãæ¬æ¥ãYAPC::Asia 2010 åå¤ç¥ããéããã¾ãã æ¬ãã¼ã¸ã§ã¯ããã®YAPC::Asia 2010 åå¤ç¥ãéæã¬ãã¼ããã¦ããã¾ãï¼ ãªããyusukebeãããããçºè¡¨ãèããã«ããã¼ã«ã®ãã¼ã«ã飲ãã§æ§ãã¾ããã¨ã¢ãã¦ã³ã¹ãããã¾ããï¼ä¼å ´å ã§ã¯é£²é£NGã¨ã®ãã¨â ï¼â ã yusukebeãããã¤ã³ãããã¯ã·ã§ã³ã ãåºå¼µPerlCasual #04ãã¨é¡ãã¦ãyusukebeãã¨åç°è£ä»æ°ããããåå¤ç¥éå§ã®æ¨æ¶ãããã¾ããããã®å¾ãã©ã¤ãã©ãªå©ç¨è ãæ¥æ大工çã«Perlãå©ç¨ãã¦ããæ¹ãªã©ã対象ã«ãããPerlCasualããã§ããçµç·¯ãããã¾ã§ã®æ´»åå ±åã説æããã¾ããã ãã®å¾ãä»åã®ããã°ã©ã ã§ãããWAFï¼Web A
Classã®ç¶æ¿ã«ã¤ãã¦ãµã³ãã«ã追è¨ãã¾ããã jQuery ã®ç¹å¾´çãªæ§æã uupaa.js ã§è¡¨ç¾ããæ¹æ³ã追è¨ãã¾ããã ãããã°æ¯æ´æ©è½ã«ã¤ãã¦è¿½è¨ãã¾ããã ç¹å¾´ uupaa.js jQuery åç version 0.1 (2008-06-07) version 1.0 (2006-10-27) ææ°ç version 0.8 (2010å¹´æ«ãäºå®) version 1.4.2 (2010-02-19) ã©ã¤ãã©ãªã®ç®æ¨ WebOSã®ããã³ãã¨ã³ã ä¸æ æ¬æ¥ã®ç¨é WebOS / WebApp DOMã®æä½ã¨ãµã¤ãã®è£ 飾 使ããæ¹ å°å ¥å®ç¸¾ãªã å°ãä¸è¦æ¨¡ãµã¤ã / ãã¼ã¿ã«ãµã¤ãç æ³å®ãããã³ã¢ã¦ã¼ã¶å±¤ ã¨ã³ã¸ã㢠ãã¶ã¤ãã¼ / ã³ã¼ãã¼ / ã¨ã³ã¸ã㢠åå空é uu (1ã¤) jQuery 㨠$ (2ã¤) ã©ã¤ãã©ãªã«ããèå¥åããªãã£ã¯ã¹ã®äºç´ uu ã¾ã
Sinatraã¯ããã§ããã¦ã§ãã¢ããªéçºç¨ãã¬ã¼ã ã¯ã¼ã¯ã ã¨æããåã«ãæ¸ããããURLããå¼ã³åºãããã¡ã½ããã決å®ããã¨ãããããã§ãã¦ããããä¾åããã©ã¤ãã©ãªãRackã ããªã®ã§ä½¿ãããããbeforeãã£ã«ã¿ã®åå¨ãstatus, content_typeã¨ãã£ãã¡ã½ãããªã©ãç´°ããã¨ããã¾ã§éçºããããããããã«ä½ããã¦ããããã«æããã ããããSinatraã¯Rubyã§æ¸ããã¦ããã®ã§ãä»ã®è¨èªã§ã¯ä½¿ããªãã趣å³ã§æ¸ãã¦ãããªãRubyã使ãã°ãã話ãªã®ã ããä»äºã ã¨ããããããªããã¨ãããã ããã ããã§ãSinatraã«ä¼¼ãæãã§ä½¿ããããªãã¬ã¼ã ã¯ã¼ã¯ãæ¢ãã¦ã¿ãã â»ã³ã¡ã³ãæ¬ãªã©ã§æãã¦ããã ãããã®ãããã¤ã追å ãã¾ãããæè¬ï¼ sinatra-on-perl perlç¨ http://code.google.com/p/sinatra/ ååã®éããããªãS
This document discusses Sencha Touch, a JavaScript framework for building mobile web applications. It highlights that Sencha Touch uses HTML5, CSS3 and JavaScript to build applications for iOS and Android devices. It also mentions features of Sencha Touch like gestures, transitions, GUI components and being lightweight at under 75kb minified.Read less
jQuery Mobile is no longer supported To read more about the status of the jQuery Mobile project, see the announcement blog post. A Touch-Optimized Web Framework jQuery Mobile is a HTML5-based user interface system designed to make responsive web sites and apps that are accessible on all smartphone, tablet and desktop devices. Seriously cross-platform with HTML5 jQuery Mobile framework takes the "w
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}