Marionette.jsã¾ã¨ã‚ ãã®3 CompositeView, Layout, Region - Qiita
Marionette.jsã¾ã¨ã‚ ãã®1 Application, Controller, AppRouter Marionette.jsã¾ã¨ã‚ ãã®2 View, ItemView, CollectionView Marionette.jsã¾ã¨ã‚ ãã®3 CompositeView, Layout, Region Marionette.CompositeView Marionette.CollectionViewã‚’æ‹¡å¼µã—ãŸã‚ªãƒ–ジェクトã§ã™ã€‚ CollectionViewã¨é•ã„ã€ãƒ†ãƒ³ãƒ—レートをè¨å®šã™ã‚‹äº‹ãŒã§ãã¾ã™ã€‚ itemViewContainer itemViewã®ã‚³ãƒ³ãƒ†ãƒŠã¨ãªã‚‹è¦ç´ ã‚’jQueryセレクタã§æŒ‡å®šã—ã¾ã™ã€‚ var FooItemView = Marionette.ItemView.extend({ template: '#itemTemplate' }); var Foo
Marionette.js(Backbone.js)ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« with yeoman ãã®ï¼“（Marionette.View実装編） - lxyuma BLOG
ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã®ç¶šã。 ã•ã‚“ã–ん伸ã°ã—ãŸæŒ™ã’å¥ã€ã‚ˆã†ã‚„ãã“ã“ã‹ã‚‰ãŒã€æœ¬ç•ªã€‚ Marionetteã®Viewを使ã†ã€‚ ã¾ãŸã€é•·ã„記事ã«ãªã£ãŸã®ã§ã€å…ˆã«ã‚½ãƒ¼ã‚¹ã‚ã’ã¦ãŠã。 https://github.com/lxyuma/todo-mario ã“ã‚Œã‹ã‚‰ä½œã‚‹ã‚‚ã® å‰å›žã€æ–°è¦ä½œæˆformを作ã£ãŸã®ã§ã€ æ–°è¦ä½œæˆã—ãŸtodoを表示ã™ã‚‹Viewを作る。 liã‚¿ã‚°ã§ã€ä¸€ã¤ãšã¤ã®Taskを表示ã™ã‚‹ ulã‚¿ã‚°ã§ã€ãれらをæŸãã‚‹ liタグ用ã®View(1ã¤1ã¤ã®Task) generatorã‚’ã¾ãŸä½¿ã†ã€‚ $ yo marionette:itemview task --create-all --create-allも付ã‘ã‚‹ã¨ã€templateも作ã£ã¦ãれる。 出æ¥ä¸ŠãŒã£ãŸã‚½ãƒ¼ã‚¹ã«å¯¾ã—㦠tagName: liã‚’ç´ã¥ã‘ã‚‹ liをクリックã—ãŸã‚‰finished:trueã«ã—ã¦ã€ç·šã‚’引ããŸã„ã®ã§ã€ clickã•ã‚ŒãŸ
Marionette.js(Backbone.js)ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« with yeoman ãã®ï¼’（Modelã¨åŸºæœ¬Viewå´å®Ÿè£…編） - lxyuma BLOG
marionette.jsã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã®ç¶šã。 ã“ã“ã‹ã‚‰ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆå´ã®è©±ã€‚ å…ˆã«è¨€ã†ã¨ã€ãƒ¡ã‚¤ãƒ³ã®marionetteã¯ã€ã“ã®è¨˜äº‹ã§ãªãã€ãã®ï¼“ãªã®ã§èªã‚“ã§é£½ãã¦ããŸã‚‰ã€ãã®ï¼“ã«é£›ã¶ã¹ã—。 å‰å›žã«å¼•ã続ãã€gruntã‚’èµ·å‹•ã—ã¦ã„る状態ã§é€²ã‚る事。 ã‚‚ã—ã€èµ·å‹•ã—ã¦ã„ãªã‘ã‚Œã°ã€gruntã‚’èµ·å‹•ã™ã‚‹ã€‚ model åˆã‚ã«model を作る。 railsã¿ãŸã„ã«ã€MVC,routerãã‚Œãžã‚Œã®generatorãŒæº–å‚™ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€å‹¿è«–ãれを使ã†ã€‚ $ yo marionette:model task create app/scripts/models/task.js invoke mocha-amd:unitTest create test/spec/models/task.js conflict test/spec/testSuite.js [?] Overwrite test/spec
Marionette.js(Backbone.js)ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« with yeoman ãã®ï¼‘(準備ã‹ã‚‰ã‚µãƒ¼ãƒãƒ¼å´å®Ÿè£…ã¾ã§) - lxyuma BLOG
Marionette.jsã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’書ã。 特ã«ã€yeoman製ã®generator-marionetteを使ã£ã¦ã€ railsã¿ãŸã„ã«ã€æ¥½ã—ãªãŒã‚‰ã€é€²ã‚ã¦ã„ã。 é‡ãŒå¤šããªã£ãŸã®ã§ã€ä½•åº¦ã‹ã«åˆ†ã‘ã¦æ›¸ã。 ã“ã®è¨˜äº‹ã¯ã€yeomanã«ã‚ˆã‚‹æº–å‚™ã‹ã‚‰ã€node+expressã«ã‚ˆã‚‹ã‚µãƒ¼ãƒãƒ¼å´ã¾ã§ã€‚(baucis ã¨ã„ã†æ¥½ãƒãƒ³ãªä»•çµ„ã¿ã‚’使ã†) Marionette.jsã¨ã¯ï¼Ÿ ã“ã®å‰ä½œã£ãŸslideã‚’ã”å‚考ã«ã€‚ introduction to Marionette.js (jscafe14) from Ryuma Tsukano インストール 以下ã®generator-marionetteã®githubã®ãƒšãƒ¼ã‚¸ã‚’å‚ç…§ https://github.com/mrichard/generator-marionette#install 特ã«ãƒãƒžã‚‹äº‹ã¯ç„¡ã„。多分ã。 projectä½œæˆ proje
Marionette.jsã«ã¤ã„ã¦ã‚ã‚Œã“ã‚Œ - tohashi's blog
Marionette.jsã¯Backbone.jsã®ãƒ©ãƒƒãƒ‘ー的ãªãƒ©ã‚¤ãƒ–ラリã§ã™ã€‚ Backbone.jsã®å•é¡Œç‚¹ Backbone.jsã¯å‰²ã¨è‡ªç”±åº¦ãŒé«˜ã„フレームワークãªã®ã§ã™ãŒã€ ãれ故ã«ä¸è¦æ¨¡ä»¥ä¸Šã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ä½¿ãŠã†ã¨ã™ã‚‹ã¨ è¨è¨ˆãŒé›£ã—ã„（ベストプラクティスãŒã‚ã‹ã‚‰ãšã‚ªãƒ¬ã‚ªãƒ¬å®Ÿè£…ã«ãªã‚‹ï¼‰ åˆæœŸåŒ–やインスタンスã®ç®¡ç†ãŒé¢å€’ Viewã¯åŒã˜ã‚ˆã†ãªå‡¦ç†ãŒå¢—ãˆã‚‹ï¼ˆã§åŸºåº•ã‚¯ãƒ©ã‚¹ã«ã¾ã¨ã‚ãŸã‚Šã™ã‚‹ï¼‰ ã¨ã„ã£ãŸãƒ‡ãƒ¡ãƒªãƒƒãƒˆãŒã‚ã‚Šã¾ã™ã€‚ 実際僕もよãã‚ã‹ã‚‰ãªã„ã¾ã¾åˆæœŸè¨è¨ˆã‚’ã—ãŸçµæžœ 大ããªæŠ€è¡“çš„è² å‚µã‚’ä½œã£ã¦ã—ã¾ã£ãŸäº‹ãŒã‚ã‚Šã¾ã—ãŸã€‚ Marionette.js Marionette.jsã¯Backbone.jsã¨æ¯”ã¹ã¦æŠ½è±¡åº¦ãŒé«˜ã〠モジュール機構ã€CollectionViewã€Viewã®ãƒ‡ã‚¹ãƒˆãƒ©ã‚¯ã‚¿ãªã© 独自実装ã«ãªã‚ŠãŒã¡ãªæ©Ÿèƒ½ã‚’æä¾›ã—ã¦ãã‚Œã¾ã™ã€‚ ã“れらを使ã†äº‹ã§ä¸Šã«æŒ™ã’ãŸã‚ˆã†ãªãƒ‡ãƒ¡ãƒªãƒƒãƒˆã‚’回é¿ã— B
introduction to Marionette.js (jscafe14)
3. ãªãœMarionette? Backboneを実際書ã„ã¦ã¿ã‚‹ã¨è‰²ã€…æ‚©ã‚€ ◠①自由度ãŒé«˜éŽãŽ â—‹ Viewã®è¦ªåã‚„é…ç½®ç‰ã€äººã«ã‚ˆã£ã¦ãƒãƒ©ãƒãƒ©ã§å¤§å¤‰ ◠②用æ„ã•ã‚ŒãŸmoduleã ã‘ã§ã¯è¶³ã‚Šãªã„ â—‹ 特ã«Viewã‚„RouterãŒæ±šã‚Œã‚‹ â— â‘¢åŒã˜sourceã°ã‹ã‚Šè†¨å¤§ãªé‡ã‚’書ããƒãƒ¡ã«... =>ã“れらを解決ã™ã‚‹ãŸã‚ã«Marionette 4. Marionetteã®è‰¯ã„所 â— â‘ Viewã®æ§‹æˆãŒæ•´ç†ã•ã‚Œã¦åˆ†ã‹ã‚Šæ˜“ããªã‚‹ â—‹ Layout管ç†(Viewã®é…ç½®)ã®ä»•çµ„ã¿ãŒã‚ã‚‹ â—‹ ã©ã®View使ã†ã‹ã§Viewã®è¦ªå階層ãŒæ˜Žç¢ºã« ◠②開発作æ¥ã®åŠ¹çŽ‡åŒ– â—‹ ã¨ã«ã‹ã書ãé‡ãŒåŠåˆ†ä»¥ä¸‹ã«æ¿€æ¸›ï¼ â—‹ é‡ãŒå°‘ãªã„ã®ã§ã€èªã‚€ã®ã‚‚楽ã«ãªã‚‹ï¼ ◠③ソースãŒæ±šã‚Œãªã„ â—‹ routerã¨Controller分ã‘ã¦ã‚‹ï¼ â—‹ イベント連æºã®ä»•çµ„ã¿ãŒæ•´ç†ã•ã‚Œã¦ã‚‹ï¼ 5. 噂：抽象度 噂「抽象度ãŒé«˜ã™ãŽãªã‚“ã˜ã‚ƒãªã„
A Thorough Introduction To Backbone.Marionette (Part 1) — Smashing Magazine
Backbone.js is quickly becoming the most popular framework for building modular client-side JavaScript applications. To help you tap the full potential of Marionette, Joseph Zimmerman prepared an entire eBook full of useful hands-on examples! To help you tap the full potential of Marionette, we’ve prepared an entire eBook full of useful hands-on examples which is also available in the Smashing Lib
A simple Backbone.Marionette tutorial | Bridging the geek-suit divide
In this series of posts, we’ll cover writing a simple Backbone.js application as a primer. You can see the live result here. The original application is at https://github.com/ddellacosta/backbone.js-examples/tree/master/collections3 and all design assets (CSS, images, etc.) are from there. This tutorial will show you how to use Derick Bailey’s Backbone.Marionette to build a simple application. But
The Backbone Framework
The Backbone FrameworkMarionette simplifies your Backbone application code with robust views and architecture solutions. Download v4.1.2View Docs Organize your app in terms of small Views. Marionette makes it easy to compose rich layouts out of small components Show a sorted filtered list without breaking a sweat. Have a massive collection? Want to add or remove an item? No worries! Learn to love
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Class: View
Marionette.jsã¾ã¨ã‚ ãã®2 View, ItemView, CollectionView - Qiita
Marionette.jsã¾ã¨ã‚ ãã®1 Application, Controller, AppRouter - Qiita
backbone.marionette/docs/marionette.application.md at master · marionettejs/backbone.marionette
GitHub - davidsulc/backbone.marionette-collection-example: A basic example of using Backbone.Marionette to simplify building Backbone.js apps
Marionette.js
{{#tags}}- {{label}}
{{/tags}}