Using React components as Backbone Views
At Venmo, we've begun rewriting and redesigning our front-end into clean, idiomatic Backbone code. Backbone is an unopinionated framework that provides structure to your code. However, its view layer is purposefully lacking, providing only a few basic lifecycle hooks. Unlike Ember components or Angular directives, it does not hook your data up to your views for you, and does little to enforce sepa
HackFlowy - Backboneで作られたWorkflowyクローン
有名なWebサービスをパクるのはよくありませんが、真似たサービスをあくまでも個人用途で作ってみるのは悪くありません。そこからシステム的な面白さを知ったり、技術的な工夫を知ることができます。 今回はチーム用のタスクツールWorkflowyのクローン、HackFlowyを紹介します。 HackFlowyの使い方 HackFlowyはBackbone.jsの使い方を学ぶために作ってみたとのことですが、WebSocketを使っていたりしてちゃんと利用できるレベルになっています。同じようにBackbone.jsを学んだり、WebSocketを学ぶ上でも良いコードなのではないでしょうか。 HackFlowyはnode/JavaScript製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）です。 abhshkdz/HackFlowy
BACKBONE.JSによるWebアプリケーション開発について
フロントエンドとJavaScript JavaScriptのMV*向けライブラリ BACKBONE.JSによるWebアプリケーション開発について 「オープンソースカンファレンス 2013 福岡」の HTML5と最近のフロントエンド事情で発表した資料です。
BackStack - Backboneにスマートフォンの画面遷移機能を追加
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました WebアプリケーションのJavaScriptフレームワークにBackboneを使っている方は多いです。そしてPhoneGap/Cordovaをはじめとするスマートフォンアプリや、スマートフォン向けWebアプリケーションでもそのままBackboneを使いたいと思うでしょう。 スマートフォンの場合に問題になるのは画面遷移です。やはりプッシュしていく画面遷移のがネイティブっぽくなります。そこで使ってみたいのがBackStackです。 BackStackの使い方 動画のが分かりやすいと思いますので、ぜひこちらをご覧ください。 コードとしては以下のようになります。 var FirstView = Backbone.View.extend({ events: { 'click #btnNext
Python/Flask と Backbone.js で Markdown エディタを作った - tototoshi の日記
Atom はまだいまいちだし、Sublime Text は使ってると金を要求してくるし、emacs はそろそろ引退かな。Markdown 書くのに Mou とかは便利だけど、長い文章を書いてるとだんだんもっさりしてくる。と、普段使いのテキストエディタをどれにすればいいかここのところずっと考えている。 それとは別に、保存したテキストファイルたちをどう管理すればいいかもよく考える。ファイル名を考えるのがめんどくさい。どこに保存したのか忘れる。ファイルツリーをたどるのがめんどくさい。⌘+s を押すのすらめんどくさい。正直エディタのほうでなんとかしてほしい。 Evernote とか便利だけど、勝手にフォーマットされて困る。コードとか貼付けられない。 というわけで少し前に自分用の Markdown エディタを作った。 tototoshi/gfm-editor 左側にエディタ、右側にリアルタイムプレビ
Backbone Antipatterns - Shine Solutions Group
Backbone.js deserves a lot of credit for bringing MVC to mainstream client-side Javascript development. That said, many beginners ask what the ‘right way’ of doing something with Backbone is. The bad news is that there’s not necessarily a ‘right way’ – it all depends on the problem you are trying to solve. The good news is that there are definitely some ‘wrong ways’ that you should avoid on your w
Backbone.Marionette で MVVM っぽい CRUD のサンプル - Qiita
MVVM というのは釣りですが……。昨今 Angular JS の人気が過熱していますが、自分は Backbone の方が好みなので Backbone を利用しています（自分の場合は Web 開発が本職でなく Web 開発の経験も浅いので、シンプルでハマりづらい方を使いたいというのが大きいです）。 さて Backbone.Marionette は「フレームワーク」というよりは Backbone の「エクステンション」なのですが、「Marionette で MVVM っぽく作るとどうなるかな」と思ったので、Backbone.stickit と組み合わせてシンプルな CRUD アプリを作ってみました。コードは以下に置いてあります。 最低限のサンプルなのでエラーハンドリングが無かったり、テンプレートエンジンを使ってなかったりします。ちょっとイマイチだな〜と思っているところもあるので、「こうした方
Still Within · Compassionate guidance on the path of the heart
In my life, I have recognized immense benefit by consciously extending myself beyond what is comfortable.By choosing to encounter all that within me is unknown—fear, grief, and death; silence, ecstasy, and unity—I have uncovered a peace inside myself that seems to deepen my capacity to be with all the uncertainties of what it means to be human. Feeding this inquiry has allowed me to meet suffering
Backbone UI
Overview Backbone UI provides a simple way to represent your Backbone Models and Collections as UI components. The need to shuffle data in and out of your UI is replaced with simple data binding techniques. All components are skinnable with CSS, and will render consistently accross browsers. The source is hosted on github with an MIT license. Philosophy This framework is written to embrace the DOM
Backbone.js Testing
Apps, suites, and examples for Backbone.js test development. Introduction This site provides materials and resources for developing and testing Backbone.js web applications. All of the application and test examples for the book Backbone.js Testing can be found here, grouped by chapter. We also provide a reference Backbone.js application - Notes - for creating and viewing notes, which we use throug
7 Battle tested Backbone.js rules for amazing web apps
7 Battle tested Backbone.js rules for amazing web apps - Redirecting to content…
Marionette.js in Single Page Applicationという話をした - 車輪を再発明 / koba04の日記
最近Marionette.jsを使っているのでその話を社内勉強会でやった資料です。 https://speakerdeck.com/koba04/marionette-dot-js-in-single-page-application SinglePageAppをBackbone.jsでつくろうとするとどうしてもView周りで独自実装をせざるを得なくて、でもオレオレフレームワークは作りたくないなぁと思ってたところ、Marionette.jsがいい感じにやってくれたのでその辺りについて書いています。 蛇足(Marionette.jsとAngular.js) Marionette.js 前のプロジェクトではAngular.jsを使っていて今回Backbone系なMarionette.jsを使ってみての感想としては、Marionette.jsはView周りも含め構造化して書くことが出来てメモリ管
Backbone-Eye·Backboneアプリを開発するならFirefoxでいこう！ MOONGIFT
これは面白い！ Webアプリを開発する際に注目を集めているフレームワークBackbone。あまり厚くない仕組みになっているので理解はしやすいのですが、それでも開発時には色々難問にぶつかることがあります。そこでDevtoolsのような開発ツールが役立ちます。 さらにそれを一歩進めてBackbone専用に特化させたのがBackbone-Eyeになります。Firebug専用のツールになっており、Firefoxに元々含まれている開発ツールでは動きませんのでご注意ください。 インストール インストールはMozilla Add-onsから行えます。Firebugも忘れずにインストールしましょう。 インストールしたらBackboneアプリケーションを開きます。 使い方 こちらはサンプルのBackboneアプリケーションです。Firebugを開きます。 Firebugを開くとBackbone-Eyeのタブ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
今、改めてBackboneを評価する
Boosting Your Productivity, with Backbone & RactiveJS
GitHub - marionettejs/bbclonemail: [ Deprecated ] A Marionette.js reference application, cloning basic GMail features![GitHub - marionettejs/bbclonemail: [ Deprecated ] A Marionette.js reference application, cloning basic GMail features](https://cdn-ak-scissors.b.st-hatena.com/image/square/9b686966851e1cb642d4b510208809b8ddd41457/height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2F7f77d74264d9ae372dbc3d01af7dc030037aa516b01de1f52bb39c3337063d8a%2Fmarionettejs%2Fbbclonemail)
Nyle Engineering Blog
Backbone, RequireJS, Jasmine, PhantomJS, Bower, and Grunt 4.1 · Hidenari's Random Thougths
thoraxjs.org
実践Backbone.Marionette 現場の悩みと解決まで
