mizchi / ã™ã¹ã¦ã®MVCã‚’éŽåŽ»ã«ã™ã‚‹ - GlidePlease note that Glide no longer supports Internet Explorer versions 7 or 8.
MVCã®æµã‚Œã‚’ç°¡å˜ã«ã¾ã¨ã‚ã¦ã¿ã‚‹ - Qiita [ã‚ータ]
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ç†è§£ã—ã‚„ã™ã„よã†ã«é©å½“ã«é®ã£ãŸã‚Šã€è¨€ã„切ã£ã¦ã—ã¾ã£ãŸã¨ã“ã‚ã‚‚ã‚ã‚‹ãŒã”容赦ã„ãŸã ããŸã„。 MVCã®ç™»å ´ MVCã¯ã€Smalltalkã®GUIライブラリã®ãƒ¢ãƒ‡ãƒ«ã¨ã—ã¦ç™»å ´ã—ãŸã€‚ ã“ã‚Œã¯GUIアプリケーションを記述ã™ã‚‹éš›ã«ã€é©åˆ‡ãªãƒ¢ãƒ‡ãƒ«åŒ–を進ã‚ã‚‹ã®ã«ã¨ã¦ã‚‚ã„ã„考ãˆæ–¹ã ã¨æ€ã‚ã‚Œã¦ã„ãŸã—ã€å®Ÿéš›ã«ãã†ã ã£ãŸã€‚ ã“ã‚Œã¯ã‚¢ãƒ¼ã‚テクãƒãƒ£ãƒ‘ターンã¨ã—ã¦ã€ãã‚Œãžã‚ŒãŒã©ã®ã‚ˆã†ã«ä¾å˜ã™ã‚‹ã¹ãã‹ã€ã©ã“ã«ã‚³ãƒ¼ãƒ‰ã‚’書ãã¹ãã‹ã¨ã„ã†ã“ã¨ã‚’端的ã«è¡¨ã—ã¦ã„る。 安定ä¾å˜ã®åŽŸå‰‡ã¨ã„ã†ã‚‚ã®ãŒã‚る。ã“ã‚Œã¯ã€è¦ä»¶ãŒå®‰å®šã—ã¦ã„るモジュールã«ä¾å˜ã—ã€è¦ä»¶ãŒå¤‰å‹•ã—ã‚„ã™ã„モジュールã«ã¯ä¾å˜
![MVCã®æµã‚Œã‚’ç°¡å˜ã«ã¾ã¨ã‚ã¦ã¿ã‚‹ - Qiita [ã‚ータ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/4eab66c03020ced4619e83c8ebe5ff0c4cbcd864/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9TVZDJUUzJTgxJUFFJUU2JUI1JTgxJUUzJTgyJThDJUUzJTgyJTkyJUU3JUIwJUExJUU1JThEJTk4JUUzJTgxJUFCJUUzJTgxJUJFJUUzJTgxJUE4JUUzJTgyJTgxJUUzJTgxJUE2JUUzJTgxJUJGJUUzJTgyJThCJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1hNWRhZWZkYmY5ODQxZTI1ZWE2NjFjZGEzYjVjNmRmNA%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwaGlyb2tpZGFpY2hpJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz00MmViZmQ0YmEwMzUxYTZmMGQyZjFhNWVhNzIyYjI2MA%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D02e229a1404969c8e3f437e0d6b7bbe0)
Frontrend Vol.4 ãŠã¤ã‹ã‚Œã•ã¾ã§ã—ãŸï¼ˆjQuery to Backbone フォãƒãƒ¼ã‚¢ãƒƒãƒ—）
当日ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã§ã”ã–ã„ã¾ã™ã€‚ 先月ã®ã¯ã˜ã‚ã”ã‚ã«ã‚¤ãƒ™ãƒ³ãƒˆå‘ŠçŸ¥ Frontrend Vol.4ã§å®£ä¼ã•ã›ã¦ã„ãŸã ã„ãŸã‚¤ãƒ™ãƒ³ãƒˆãŒå…ˆã€…週末ã«ç„¡äº‹ãŠã‚ã‚Šã¾ã—ãŸã€‚å¸æ•°ã«å¯¾ã—ã¦ã€éžå¸¸ã«å¤šæ•°ã®ï¼ˆ300/200人!!）ãŠç”³ã—è¾¼ã¿ã‚’ã„ãŸã ãã‚ã‚ŠãŒãŸã„é™ã‚Šã§ã™ã€‚ Frontrend Vol.4 powered by CyberAgent, Inc. セッション概è¦ãƒ»ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ»ãƒ‡ãƒ¢ãªã©ã¯ã€â†‘ã®ã‚µã‚¤ãƒˆã«ã¾ã¨ã¾ã£ã¦ã„ã¾ã™ã€‚t32k++ 60分ãã“ãã“ã®ãƒ—レゼンã ã‘ã§ã€æ£ç¢ºãªæƒ…å ±ãŒä¼ã‚ã‚‹/ä¼ãˆã‚‰ã‚Œã‚‹ã¨ã¯ã‚ã‚“ã¾ã‚Šæ€ã£ã¦ã„ãªã„ã®ã§ã€ãƒ¯ãƒ¼ã‚¯ã‚·ãƒ§ãƒƒãƒ—ç³»ã§ã‚‚ãªã„é™ã‚Šã€Œèˆˆå‘³ã®å–šèµ·ã¨ç‹¬å¦ã®åŠ©ã‘ã€ã‚’モットーã«ã‚„ã£ã¦ãŠã‚Šã¾ã™ã€‚ãã®ã‚ˆã†ãªã”託をå«ã‚ã€ä»Šå›žã¯å…ˆæœˆã®CSS Nite LP26ã§Stylus推ã—ã—ãŸã¨ãã¨ã¯ã€ã¾ãŸè¶£ã®é•ã†ãµã£ã‹ã‘気味ãªæ§‹æˆã§ã”ã–ã„ã¾ã—ãŸã€‚ å‹•ç”»ã¨ãƒ‡ãƒ¢ãƒ•ã‚¡ã‚¤ãƒ« jQuery to Backbone from Fr
無効ãªURLã§ã™
無効ãªURLã§ã™ã€‚ プãƒã‚°ãƒ©ãƒ è¨å®šã®åæ˜ å¾…ã¡ã§ã‚ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ ã—ã°ã‚‰ã時間をãŠã„ã¦å†åº¦ã‚¢ã‚¯ã‚»ã‚¹ã‚’ãŠè©¦ã—ãã ã•ã„。
JSã®MVCã«ã¤ã„ã¦è€ƒãˆã¦ã¿ãŸ ~ ãã®2 テンプレートエンジンã®åˆ†æ¥ã¨ãƒ‘フォーマンス - mizchi log
ã“ã®å‰ã®ç¶šã。相変ã‚らãšæ€ã„ã¤ãã§ã¤ã‚‰ã¤ã‚‰æ›¸ã„ã¦ã¦å›³ã¨ã‹ã¾ã¨ã‚‚ãªã‚µãƒ³ãƒ—ルã¨ã‹ãªã„。 JSã®ãƒ¢ãƒ‡ãƒ«ã«ã¯äºŒç¨®é¡žã‚ã‚‹ フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§ã‚る以上本質的ã«ã™ã¹ã¦ãƒ“ューã ã¨ã‚‚言ãˆã‚‹ã€‚ ã§ã‚ã‚‹ãŒã‚†ãˆã«ã‚ã‚„ãµã‚„ã«ã—ãªã„ã»ã†ãŒã„ã„。 ビューモデル UIã®çŠ¶æ…‹ã‚’示ã™å±žæ€§ã€‚é¸æŠžã—ã¦ã„るタブã¨ã‹ã€é–‹ã„ã¦ã„るダイアãƒã‚°ã¨ã‹ã€ãã†ã„ã†ã‚‚ã®ã®çŠ¶æ…‹ã‚’DOMã‹ã‚‰èªã‚€ã®ã§ã¯ãªãã€JSã¨ã—ã¦ä¸€åº¦ç¢ºå®šã—ã€ãã®çµæžœã‚’ビューã«åæ˜ ã™ã¹ãã 。激ã—ãç”»é¢ã‚’組ã¿æ›¿ãˆã‚‹å ´åˆã¯ãƒ“ューã¨ã„ã†ã‚°ãƒãƒ¼ãƒãƒ«å¤‰æ•°ã¯ã©ã“ã‹ã‚‰ã‚‚汚染ã•ã‚Œã‚‹å¯èƒ½æ€§ãŒã‚る。 データベースã®ãƒãƒ¼ã‚«ãƒ«ã‚ャッシュ ãŸã¨ãˆã°ã€a地点ã‹ã‚‰b地点ã®è·é›¢ã‚’ユークリッドè·é›¢ã‚’求ã‚ã‚‹ã®ã«ã€ã‚ã–ã‚ã–サーãƒãƒ¼ã«å•ã„åˆã‚ã›ã‚‹ã®ã¯ç„¡é§„。普通ã«ä¸‰å¹³æ–¹ã®å®šç†ã§è¨ˆç®—ã™ã‚Œã°ã„ã„。アクション性ãŒé«˜ã„ã‚‚ã®ã»ã©ã€ã“ã“ã®æŒ¯ã‚‹èˆžã„ã¯åˆ†åŽšããªã‚‹ã€‚ã„ã‚ゆるHTML5アプリã¯ã“ã“ã‚’é‡ç‚¹çš„ã«ã‚„ã‚‹ã»ã©ã‚µãƒ¼ãƒãƒ¼ã®è² æ‹…ãŒæ¸›ã‚Šã€ã‚µãƒ¼ãƒãƒ¼
Maintainable JavaScriptã«ã¿ã‚‹ã€ã‚³ãƒ³ãƒ†ã‚ストã¨ã‚¢ãƒ—リケーションãƒã‚¸ãƒƒã‚¯ã®åˆ†é›¢ - æ„›ã¨å‹‡æ°—ã¨ç¼¶ãƒ“ール
個人的ãªã“㨠èªæ›¸ã¯ã„ã‚ゆる自己投資？ã«ã‚ãŸã‚‹ã‚‚ã®ãªã®ã§ã‚±ãƒã‚‹ã‚‚ã‚“ã˜ã‚ƒãªã„よãªã‚ã€ã¨ã¯æ€ã„ã¤ã¤ã‚‚å¯èƒ½ãªã‚‰å®‰ã„値段ã§ã‚ˆã‚Šå¤§ããªãƒªã‚¿ãƒ¼ãƒ³ã‚’å¾—ãŸã„よãーã€ã¨ã„ã†ã“ã¨ã§æœ€è¿‘ã¯Oreillyã®åŠé¡ã‚»ãƒ¼ãƒ«ã«ç›®ã‚’光らã›ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚英語ã¯ã€Œæ‹¾ã„èªã¿ã€ãŒã—è¾›ã„ã¨ã„ã†æ¬ 点ãŒã‚ã‚‹ã®ã§ã™ãŒã€ã¾ãã€å®‰ã„ã—ã€å…¨ã¦ã®æœ¬ã«ã¡ã‚ƒã‚“ã¨è¨³ãŒå‡ºã‚‹ã‚ã‘ã§ã‚‚ãªã„ã®ã§ã€ãˆãˆã‹ãªãã¨ã€‚ ãã‚“ãªã‚ã‘㧠"Maintainable JavaScript" ã¨ã„ã†æœ¬ã‚’èªã‚“ã§ã„ãŸã®ã§ã™ãŒã€ãã®ä¸ã®Event Handlingã«ã¤ã„ã¦ã®ç« ãŒã€ŒãŠãŠã€ã“ã‚Œã“ã‚Œã€ã¨ã„ã†æ„Ÿã˜ã ã£ãŸã®ã§ã¡ã‚‡ã£ã¨ç´¹ä»‹ã€‚ Maintainable Event Handling jQuery覚ãˆãŸãœï¼ã£ã¦æ„Ÿã˜ã®äººãŒã¨ã‚Šã‚ãˆãšã‚³ãƒ¼ãƒ‰ã‚’書ãã¨ã€ã ã„ãŸã„ã“ã‚“ãªæ„Ÿã˜ã«ãªã‚Šã¾ã™ã。ã¡ãªã¿ã«ã€ã“ã‚Œã¯åˆ¥ã«jQueryãŒã©ã†ã¨ã‹ã„ã†è©±ã§ã¯ãªãã¦ã€æœ¬è³ªçš„ã«ã¯ç”ŸDOMã§ã‚‚ä»–ã®ãƒ©ã‚¤ãƒ–ラリã§ã‚‚
ステートフルJavaScript 1ç« | jekylog
1.1 åˆæœŸã®JavaScript JavaScriptãŒå¼·åŠ›ã§å‹•çš„ãªã‚ªãƒ–ジェクト指å‘言語ã§ã‚ã‚‹ ã“ã‚Œã£ã¦è°è«–ãŒåˆ†ã‹ã‚Œã‚‹ã¨ã“ã‚ã ã‘ã©æ›¸ç±ã§ã¯ã‚ªãƒ–ジェクト指å‘言語ã¨è¨€ã„切ã£ã¦ã„る。 1.2 アプリケーションã®æ§‹é€ 化 大è¦æ¨¡ãªjavaScriptアプリケーションを作æˆã™ã‚‹ä¸Šã§éµã«ãªã‚‹ã®ã¯ã€ã€ŒjavaScriptã®ã€ã‚¢ãƒ—リケーションをã¤ãã‚ã†ã¨ã¯ã—ãªã„ã“ã¨ã§ã™ã€‚ã¾ãšã€ç‹¬ç«‹æ€§ã®é«˜ã„コンãƒãƒ¼ãƒãƒ³ãƒˆã¸ã¨ã‚¢ãƒ—リケーションを分割ã™ã‚‹ã¹ãã§ã™ã€‚ 粒度ãŒç´°ã‹ã„ã»ã†ãŒåˆ¶ä½œã—ã‚„ã™ã„ã—管ç†ã‚‚ã—ã‚„ã™ã„ã¨ã€‚ 1.3 MVCã¨ã¯ MVCã¯ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ターンã®1ã¤ã§ã‚ã‚Šã€ã‚¢ãƒ—リケーションをデータ（Model）ã¨ãƒ—レゼンテーションレイヤ（View）ãã—ã¦ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ãƒ¬ã‚¤ãƒ¤ï¼ˆController）ã®3ã¤ã«åˆ†å‰²ã™ã‚‹ã¨ã„ã†æ¦‚念ã§ã™ã€‚ 大抵ã®WEBアプリケーションã¯ã“ã†åˆ†å‰²ã§ãるよãã¨ã€‚ ユーザーãŒã‚¢ãƒ—リケーションをæ“作ã—
Webアプリ制作ã®ãŸã‚ã®Backbone.js入門
自己紹介 å¤–æ‘ å’Œä» @hokaccha æ ªå¼ä¼šç¤¾ ピクセルグリッド JavaScript, Node.js, Ruby
ã„ã‚ã‚“ãª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フレームワークãŒã©ã®ã‚ˆã†ãªã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¹ã‚¿ã‚¤ãƒ«ã‚’用ã„ã¦ã„ã‚‹ã®ã‹ã€ã©ã®ã‚ˆã†ãªæ©Ÿèƒ½ã‚’æä¾›ã—ã¦ã„ã‚‹ã®ã‹ã€ã¨ã„ã£ãŸé•ã„
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種類ã™ã¹ã¦ã®åˆ©ç‚¹ã¨æ¬ 点を説明ã—
Better Web Templating with AngularJS 1.0- Google Developers Blog
Share Facebook Twitter LinkedIn Mail By Miško Hevery, Google AngularJS team AngularJS lets you write web applications as if you had a smarter browser.  It lets you extend HTML's syntax to express your application's components clearly and succinctly and lets use standard HTML as your template language.  And it automatically synchronizes data from your UI (view) with your JavaScript objects (model)
Digesting JavaScript MVC - Pattern Abuse Or Evolution?
Digesting JavaScript MVC - Pattern Abuse Or Evolution? June 13, 2012 In my talk from London Ajax, we'll explore the current state of MVC in the JavaScript community, how Smalltalk-80's MVC differed and whether modern frameworks abuse (or evolve) the MVC pattern. We'll also look at a framework that tries to stick more closely to Smalltalk MVC and close up with a panel discussion. http://speakerdeck
Understanding MVC And MVP (For JavaScript And Backbone Developers)
Understanding MVC And MVP (For JavaScript And Backbone Developers) January 13, 2012 Last updated: 16th Jan, 2012. Before exploring any JavaScript frameworks that assist in structuring applications, it can be useful to gain a basic understanding of architectural design patterns. Design patterns are proven solutions to common development problems and can suggest structural paradigms to help guide us
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
[android-group-japan: 4143] アプリ起動時ã«EditTextã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ãŒæœ‰ã‚‹ã¨IMEãŒé–‹ã„ã¦ã—ã¾ã†ã€‚ - Google グループ
ステートフルJavaScript ―MVCアーã‚テクãƒãƒ£ã«åŸºã¥ãWebアプリケーションã®çŠ¶æ…‹ç®¡ç† - ãã‚Œã¯Books
{{#tags}}- {{label}}
{{/tags}}