nodeframework.com - nodeframework リソースãŠã‚ˆã³æƒ…å ±
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Route 477(2013-06-26)
â– [javascript] JS MVCフレームワークã«ã¤ã„ã¦ã¡ã‚‡ã£ã¨èª¿ã¹ãŸ (2013å¤) JS MVC戦国時代ã£ã¦ãã†ã„ãˆã°ã©ã†ãªã£ãŸã‚“ã ã‚ã†ã€ã¨æ€ã„ã¤ã¤ã„ãã¤ã‹ã®ãƒ©ã‚¤ãƒ–ラリを調ã¹ã¦ã¿ãŸã¨ã“ã‚ã€æ„外ã¨ãã‚Œãžã‚Œã‚ャラãŒé•ã†ã“ã¨ãŒåˆ†ã‹ã£ãŸã€‚ Backbone.js 1.0.0 ã„ã¾ã®ã¨ã“ã‚一番人気らã—ã„ æ„外ã¨å°ã•ã„。ソースãŒ1ファイルã—ã‹ãªã„。 Modelã€Collectionã€Viewã¨ã„ã†ã€è‡ªä½œã—ã¦ã‚‚ã“ã†ã„ã†æ„Ÿã˜ã«ãªã‚Šãã†ã ãªãã¨ã„ã†æ§‹æˆã€‚(Router/Historyã¯URLã„ã˜ã‚‰ãªã„ãªã‚‰ä½¿ã†å¿…è¦ã¯ãªã„ã®ã§ã€å®Ÿè³ªã“ã®3ã¤ã ã‘) è–„ã„フレームワークãªã®ã§ã€ä»–ã®ãƒ©ã‚¤ãƒ–ラリã¨çµ„ã¿åˆã‚ã›ã‚‹ã®ã¯ç°¡å˜ãã†ã€‚ デメリット：以下ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークãŒæŒã£ã¦ã„ã‚‹data bindingã®ã‚ˆã†ãªé«˜åº¦ãªæ©Ÿèƒ½ã¯ãªã„ã®ã§ã€ç›¸å¯¾çš„ã«ã‚³ãƒ¼ãƒ‰é‡ãŒå¢—ãˆã‚‹ã€‚ã“ã‚Œã¯å°ã•ãªã‚¢ãƒ—リã§ã‚‚ãã“ãã“行数を書ã‹ãªã„ã¨ã„ã‘ãªã„ã¨ã„ã†ã“
Angular.jsã¨Backbone.jsã®DOMä¾å˜ã‚’図解ã™ã‚‹ - ã‚¸ãƒ³ã‚¸ãƒ£ãƒ¼ç ”ç©¶å®¤
果敢ã«ã‚‚MVCフレームワークã®å›³è§£ã‚’試ã¿ãŸã®ã§ã€ã©ã†ãžï¼ MVCã®å‹•æ©Ÿ MVCã¨ã„ã†è¨€è‘‰ãŒåˆã‚ã¦ç™»å ´ã—ã¦ã‹ã‚‰30年以上ãŸã£ãŸä»Šã€æœ€æ—©ãªã‚“ã ã£ãŸã®ã‹åˆ†ã‹ã‚‰ãªã„ã»ã©MVCã®å®šç¾©ã¯æ··è¿·ã‚’ããŸã—ã¦ã„ã‚‹ã‚ã‘ã ãŒã€ã©ã‚ŒãŒMVCã§MVVMã§MVPã§ã‚ã‚‹ã¨ã„ã†å®šç¾©ã«ã¤ã„ã¦ã‚ã‚Œã“れ考察ã™ã‚‹ã®ã¯å€‹äººçš„ã«ã¯å¥½ãã§ãªãã¦ã€ã€Œçµå±€ä½•ãŒã—ãŸã„ã®ã‹ã€ã¨ã„ã†å‹•æ©ŸãŒã¶ã‚Œã¦ã„ãªã‘ã‚Œã°ä½•ã§ã‚‚良ã„ã¨æ€ã£ã¦ã„る。 ã˜ã‚ƒã‚ãã‚Œã¯ä¸€ä½“何ãªã®ã‹ã¨ã„ã†ã“ã¨ã‚’自分ãªã‚Šã«è€ƒãˆã¦ã¿ãŸã¨ã“ã‚ã€æ¬¡ã®ä¸€è¨€ã«è½ã¡ç€ã„ãŸã€‚ 「Modelã¯Viewã«ä¾å˜ã—ãŸããªã„〠世間的ã«ã¯ï¼ˆï¼Ÿï¼‰Modelã¨Viewã‚’å˜ã«ã€Œåˆ†ã‘ã‚‹ã€ã¨èª¬æ˜Žã•ã‚Œã‚‹ã“ã¨ãŒå¤šã„ãŒã€ç§ã¯ãã‚Œã ã‘ã§ã¯ç´å¾—ã—ã¦ã„ãªãã¦ã€ä¾å˜ã®æ–¹å‘ã“ããŒé‡è¦ã ã¨æ€ã£ã¦ã„る。ãŸã¨ãˆåˆ†ã‹ã‚Œã¦ã„るよã†ã«è¦‹ãˆã¦ã‚‚ModelãŒViewã‚’å‚ç…§ã—ã¦ã„ãŸã‚‰ã€æƒ…å ±ã®å–得先や表ç¾æ–¹æ³•ã¯å›ºå®šåŒ–ã•ã‚Œã¦ã—ã¾ã†ã€‚ Modelã¯Viewã®äº‹æƒ…ã‹ã‚‰
雑把㮠UI アーã‚テクãƒãƒ£ãƒ¼å²(MVCã‹ã‚‰MVVMã¸) | プãƒã‚°ãƒ©ãƒžãƒ¼ã‚ºé›‘記帳
Web ã®å ´åˆã¯ View 㨠Controller ã®é•ã„ã¯ã¯ã£ãã‚Šã—ã¦ã¾ã™ã€‚ View 㯠html ページã¨ãã®ä½œæˆã‚’担当ã—ã¾ã™ã€‚ CGI 㯠アドレスã¨ãƒ‘ラメーター(アドレス㮠? ã®å¾Œãªã©)ã‚’å—ã‘å–ã‚Šã€å‡¦ç†ã‚’è¡Œã„ã¾ã™ã€‚ ãã®å—ã‘å–り部分㌠Controller ã§ã™ã€‚ Model 㨠View ã§ã¯ãªãã€ãªãœ MVC ã¨ã—ãŸã®ã§ã—ょã†ã‹ ? 『 GoF 本〠ã§ã¯ Controller を分ã‘る利点をã„ãã¤ã‹æŒ™ã’られã¦ã„ã¾ã™ã€‚ ã‚ーボードã®å¿œç”を変ãˆãŸã‚Šã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‹ã‚‰ã®å‘¼ã³å‡ºã—ã«å¤‰æ›´ã™ã‚‹ã¨ãã€è¡¨ç¤ºæ–¹æ³•ã‚’変更ã—ãªãã¦ã„ã„。 入力イベントを無視ã™ã‚‹ã¨ã„ã£ãŸã“ã¨ã‚’コントãƒãƒ¼ãƒ©ãƒ¼ã®ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ã®å…¥ã‚Œæ›¿ãˆã§å¯èƒ½ã€‚ ãã®ä»–ã«ã‚‚ "View を入れ替ãˆã‚Œã°ã€ PC アプリ〠Web アプリã§ã‚‚使ãˆã‚‹ã‚ˆã†ã«" ã¨ã„ã†ç†ç”±ã‚‚ã‚ã‚Šã¾ã™ã€‚ ã¡ã‚‡ã£ã¨ç„¡ç†ãã†ãªè©±ã§ã™ãŒã€ä¾‹ãˆã°ã€ PC アプリãŒæ¬¡ã®ã‚ˆã†ãª
AngularJS 㧠ToDo アプリã®ã‚µãƒ³ãƒ—ルを書ã„ã¦ã¿ãŸ - present
Google 製㮠JavaScript MVC フレームワーク『AngularJSã€ã§ã€ç°¡å˜ãª ToDo アプリã®ã‚µãƒ³ãƒ—ルを書ã„ã¦ã¿ãŸã€‚ <!DOCTYPE html> <html ng-app> <head> <meta charset="utf-8"> <title>AngularTodo</title> <script src="http://code.angularjs.org/angular-1.0.1.min.js"></script> <script> // モデル function Todo(text, done) { this.id = Todo.getNextId(); this.text = text; this.done = done || false; this.editing = false; } // 連番㮠ID ã‚’ä½œæˆ Todo.getNextId =
ステートフルJavaScript 1ç« | jekylog
1.1 åˆæœŸã®JavaScript JavaScriptãŒå¼·åŠ›ã§å‹•çš„ãªã‚ªãƒ–ジェクト指å‘言語ã§ã‚ã‚‹ ã“ã‚Œã£ã¦è°è«–ãŒåˆ†ã‹ã‚Œã‚‹ã¨ã“ã‚ã ã‘ã©æ›¸ç±ã§ã¯ã‚ªãƒ–ジェクト指å‘言語ã¨è¨€ã„切ã£ã¦ã„る。 1.2 アプリケーションã®æ§‹é€ 化 大è¦æ¨¡ãªjavaScriptアプリケーションを作æˆã™ã‚‹ä¸Šã§éµã«ãªã‚‹ã®ã¯ã€ã€ŒjavaScriptã®ã€ã‚¢ãƒ—リケーションをã¤ãã‚ã†ã¨ã¯ã—ãªã„ã“ã¨ã§ã™ã€‚ã¾ãšã€ç‹¬ç«‹æ€§ã®é«˜ã„コンãƒãƒ¼ãƒãƒ³ãƒˆã¸ã¨ã‚¢ãƒ—リケーションを分割ã™ã‚‹ã¹ãã§ã™ã€‚ 粒度ãŒç´°ã‹ã„ã»ã†ãŒåˆ¶ä½œã—ã‚„ã™ã„ã—管ç†ã‚‚ã—ã‚„ã™ã„ã¨ã€‚ 1.3 MVCã¨ã¯ MVCã¯ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ターンã®1ã¤ã§ã‚ã‚Šã€ã‚¢ãƒ—リケーションをデータ（Model）ã¨ãƒ—レゼンテーションレイヤ（View）ãã—ã¦ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ãƒ¬ã‚¤ãƒ¤ï¼ˆController）ã®3ã¤ã«åˆ†å‰²ã™ã‚‹ã¨ã„ã†æ¦‚念ã§ã™ã€‚ 大抵ã®WEBアプリケーションã¯ã“ã†åˆ†å‰²ã§ãるよãã¨ã€‚ ユーザーãŒã‚¢ãƒ—リケーションをæ“作ã—
MVCã¯æ»ã‚“ã 。MOVEã™ã‚‹ã¨ããŒã㟠- ãã—ã ã®Hatena
Conrad Irwinã•ã‚“ã®ã€ŒMVC is dead, it's time to MOVE on.ã€ã‚’訳ã—ã¦ã¿ã¾ã—ãŸã€‚ MVC is dead, it's time to MOVE on. ã“ã®è¨³æ–‡ã‚‚原文ã®ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’引ã継ã„ã§CC-BY-3.0ライセンスã§åˆ©ç”¨å¯èƒ½ã¨ã—ã¾ã™ã€‚ 追記13:58 ã™ã§ã«è¨³ã—ã¦ãŸæ–¹ãŒã„ã¾ã—ãŸã€‚MVCã®æ™‚代ã¯çµ‚ã‚ã£ãŸã€‚MOVEを使ã„始ã‚ã¾ã—ょã†ã€‚ - ãµã˜ã“ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å¥®é—˜è¨˜ MVCã¯æ»ã‚“ã 。MOVEã™ã‚‹ã¨ããŒã㟠MVCã¯ã™ã°ã‚‰ã—ã„アイデアã 。モデルをæŒã¡ã€ãƒ¢ãƒ‡ãƒ«ã¯å†…部ã«å°‘ã—ã®çŠ¶æ…‹ã‚’ã‚‚ã¤ã€‚ビューã¯å†…部ã«å°‘ã—ã®UIã‚’ã‚‚ã¤ã€‚ãã—ã¦ã€ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ã¯å†…部ã«å°‘ã—ã®ãƒ»ãƒ»ãƒ» 何をæŒã¤ï¼Ÿ ç§ã¯ç¢ºã‹ã«ã“ã®ã“ã¨ã«æ°—ã¥ã„ãŸæœ€åˆã®äººç‰©ã§ã¯ãªã„。ã—ã‹ã—示ã•ã‚ŒãŸã‚ˆã†ãªMVCã®å•é¡Œã®ãŸã‚ã«ã€ã‚ãªãŸã¯æœ€å¾Œã«ã¯éŽå‰°ãªã‚³ãƒ¼ãƒ‰ã‚’コントãƒãƒ¼ãƒ©ã«è©°ã‚込むã“ã¨ã«ãªã‚‹ã€‚ãªãœãªã‚‰ã€ä»–ã«ã©ã“ã«å…¥ã‚Œã¦ã„ã„ã‹
ã“ã¦ã•ãAjax:クールãªMVCを実ç¾ã™ã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ワーク Angular.js ã®ç´¹ä»‹ - livedoor Blog（ブãƒã‚°ï¼‰
先週＆今週ã¯ã€å‡ºå¼µã§ã‚¢ãƒ¡ãƒªã‚«è¥¿æµ·å²¸ã€‚ãã‚“ãªæŠ˜ã€å…ˆé€±ã®é‡‘曜日（16日）ã®å¤œã« BayJax meetup ㌠Yahoo! 本社ã§é–‹å‚¬ã•ã‚Œã‚‹ã¨ã„ã†ã“ã¨ã§ã€å‚åŠ ã—ã¦ãã¾ã—ãŸã€‚ BayJaxã¯ã€ã‚·ãƒªã‚³ãƒ³ãƒãƒ¬ãƒ¼åœ°åŒºã®Ajax & Javascriptã«é–¢ã™ã‚‹MeetUp。大体ã€åŠå¹´ãŠãã«é–‹å‚¬ã•ã‚Œã¦ã„るよã†ã§ã™ã€‚今回å‚åŠ ã—ãŸMeetUpã®å½¢æ…‹ã¯ã€Conferenceå½¢å¼ï¼ˆå‹‰å¼·ä¼šã®ã®ã‚Šã«è¿‘ã„）。日本ã¨ã®å‹‰å¼·ä¼šã¨ã®é•ã„ã¯ã€æœ€åˆã«ãƒ”ザを食ã¹ã¦ãŠè…¹ãŒæº€ãŸã•ã‚ŒãŸã¨ã“ã‚ã§å‹‰å¼·ä¼šãŒå§‹ã¾ã‚‹ã“ã¨ã¨ï¼ˆã“ã£ã¡ã®è€ƒãˆæ–¹ã®æ–¹ãŒã€ç¢ºã‹ã«ãƒªãƒ¼ã‚ºãƒŠãƒ–ル）ã€è³ªå•ãŒæ´»ç™ºãªã“ã¨ï¼ˆæµ·å¤–ã§ã¯ä¸€èˆ¬çš„ãªã“ã¨ã§ã™ãŒï¼‰ã€‚ã¨ã¦ã‚‚ã€æ¥½ã—ã„時間をéŽã”ã™ã“ã¨ãŒå‡ºæ¥ã¾ã—ãŸã€‚ ãã®ä¸ã§è¬›æ¼”ã•ã‚ŒãŸ AngularJS ã«ã¤ã„ã¦ã€ä»Šå›žã¯ç´¹ä»‹ã—ã¾ã™ã€‚ AngularJS AngularJSã¯ã€ã¨ã¦ã‚‚シンプルã«Web Appを書ãã“ã¨ãŒã§ãる軽é‡ãª MVC フレームワ
Handlebars
Semantic templates Handlebars provides the power necessary to let you build semantic templates effectively with no frustration. Mustache-compatible Handlebars is largely compatible with Mustache templates. In most cases it is possible to swap out Mustache with Handlebars and continue using your current templates. Fast execution Handlebars compiles templates into JavaScript functions. This makes th
TodoMVC
Thanks for stopping by! Let's get started TodoMVC is a common set of JavaScript examples for MVC frameworks like SproutCore, JavaScriptMVC, Backbone, YUILibrary, Spine, Sammy, AngularJS and others. Live examples To preview a Todo implementation for a particular framework, simply select it from the menu to the right of the screen. Depending on the browser you're using, you may need to access the
The client-side templating throwdown: mustache, handlebars, dust.js, and more
The client-side templating throwdown: mustache, handlebars, dust.js, and more In a previous post, we told you how LinkedIn is dumping server-side templates in favor of client-side templates. We've gotten lots of great feedback that we'll discuss in future posts, but today, we'll focus on one question that was especially popular: How did LinkedIn pick dust.js as its client-side templating solution?
Using Templates to Achieve Awesomer Architecture
Templates are the best kind of tool: simple to write and implement, but powerful enough to make your architecture slicker and your code leaner. Getting markup out of your Javascript is a huge deal, but templates can help with more than that. They can manage repeated code snippets, allow you to deftly switch states in single page applications, and help keep your code DRY when supporting users with
pure.js - Javascript Template Engine
Write your templates in pure HTML Clean of any inline logic or special tags CSS selectors are used to bridge the HTML with Javascript actions Providing a radical separation between the representation and the logic Here we explain why we did pure.js back in 2008 And you can ask your questions to the user group Download pure.js on Github We have been happily using pure.js since 2008 for our own web
Hatena-Textbook/javascript-event-driven.md at master · hatena/Hatena-Textbook · GitHub
JavaScript ã«ã‚ˆã‚‹ã‚¤ãƒ™ãƒ³ãƒˆãƒ‰ãƒªãƒ–ン アジェンダ JavaScript ã®è¨€èªžã«ã¤ã„㦠DOM ã«ã¤ã„㦠イベントã«ã¤ã„㦠jQuery ã«ã¤ã„㦠MVC アーã‚テクãƒãƒ£ã«ã¤ã„㦠ã¾ãšã¯ã˜ã‚ã« Just moment! Web 㧠JS を使ã†ã¨ãã€HTML ã®çŸ¥è˜ãŒå‰æã¨ãªã‚‹ã“ã¨ãŒå¤šã„ http://www.kanzaki.com/docs/htminfo.html å°‘ãªãã¨ã‚‚「簡å˜ãªHTMLã®èª¬æ˜Žã€ã¯æŠ¼ã•ãˆã¦ãŠããŸã„。 目的 講義時間ã¯é™ã‚‰ã‚Œã¦ã„ã‚‹ã®ã§ JS ã‚’å¦ã¶ä¸Šã§ã¨ã£ã‹ã‹ã‚Šã‚’ã¤ã‹ã‚ã‚‹ã“㨠リファレンスをæ示ã—ã¾ã™ã€‚概念をç†è§£ 言語的部分ã€DOM åŠã³ã‚¤ãƒ™ãƒ³ãƒˆãƒ‰ãƒªãƒ–ンãªãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚° 覚ãˆã‚ˆã†ã¨ã™ã‚‹ã¨ã‚¯ã‚½å¤šã„ã®ã§ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã²ã‘る部分ã¯è¦šãˆãªã„ JS ã¨ã¯ã©ã‚“ãªè¨€èªžã§ã‚ã‚‹ã‹? 基本クライアントサイド=ブラウザã§å‹•ã 実装ãŒãŸãã•ã‚“ã‚ã‚‹ ã¯ã¦ãªã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¯ã¿ã‚“ãªèª°ã‚‚ãŒã‚る程
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
writings/published/understanding-backbone.md at master · kimjoar/writings
http://spinejs.com/
Amazon.co.jp: ステートフルJavaScript ―MVCアーã‚テクãƒãƒ£ã«åŸºã¥ãWebアプリケーションã®çŠ¶æ…‹ç®¡ç†: Alex MacCaw (è‘—), ç‰§é‡Žè¡ (翻訳): 本
GitHub - creationix/haml-js: Haml ported to server-side Javascript. This is a traditional server-side templating language. Tested with node-js
http://atnd.org/events/28189
client side templatingã®å‹‰å¼·ã—㟠- r7kamura's Hakolog
{{#tags}}- {{label}}
{{/tags}}