タグ

Backbone.jsに関するiR3のブックマーク (23)

  • Backbone + Lo-Dash + Ender? | MOL

    Backbone.js Advent Calendar 2012 Backbone.jsのTIPSとかパターンとか、他のライブラリとの連携などなど。 フルスタック感がない分、各自でいろいろ編み出しながら使いこなしていると思うので、そのあたりの共有がてら書きましょう! ということで、Advent Calendarでは与えられたテーマから外れた内容で記事を書くことに定評のある@t32kが23日目をお贈りしてやんよ(o°3°b)b 私、恥ずかしながらBackbone.jsとは今のところ無縁な最下級HTMLコーダー(戦闘力・たったの5か・・ゴミめ・・・)でして、そんあ僕でもいつかはAPIとか使って情報とってきて面白いWebアプリケーション作りたいと思うわけです。そこでBackbone.jsなわけです。 そんなわけでわけの分からぬままBackbone.jsの公式サイトを読んでみると Backbon

    iR3
    iR3 2014/06/23
    今ごろ見てる #sendagayarb
  • Rubyist Magazine - スはスペックのス 【第 1 回】 RSpec の概要と、RSpec on Rails (モデル編)

    『るびま』は、Ruby に関する技術記事はもちろんのこと、Rubyist へのインタビューやエッセイ、その他をお届けするウェブ雑誌です。 Rubyist Magazine について 『Rubyist Magazine』、略して『るびま』は、Rubyist の Rubyist による、Rubyist とそうでない人のためのウェブ雑誌です。 最新号 Rubyist Magazine 0064 号 バックナンバー Rubyist Magazine 0064 号 Rubyist Magazine 0063 号 Rubyist Magazine 0062 号 Kaigi on Rails 特集号 RubyKaigi Takeout 2020 特集号 Rubyist Magazine 0061 号 Rubyist Magazine 0060 号 RubyKaigi 2019 直前特集号 Rubyist

    iR3
    iR3 2014/04/09
  • Backbone.jsでViewからModel・DOMを操作する時の流れ - maeharinの日記

    自分の頭の中の整理のために。 はじめに Backbone.jsガイドブックを読んでいたら、このような事が書いてあった。 Backbone流MVCでは、ビューとコントローラは両方ともViewが担当します。(略)これらはそれぞれViewのメソッドとして実装しますが、書では区別のために前者をビューメソッド、後者をコントローラメソッドと呼ぶことにします。(略)重要な点は、DOMイベントに応じてコントローラメソッドが実行されることで処理が始まり、その中でmodelやcollectionを操作し、その結果生じるイベントがビューメソッドを呼ぶ、という流れを意識することです。そのためにも、コントローラメソッドには処理の起点になる以上の仕事を与えず、DOM操作はすべてビューメソッドに集めるよう明確に区別しましょう。 図にするとこんな感じになる(点線がイベントで実線が直操作) しかし、なぜこのような書き方に

    Backbone.jsでViewからModel・DOMを操作する時の流れ - maeharinの日記
    iR3
    iR3 2014/01/14
  • 新・三大JavaScriptフレームワークの実践(Backbone.js Knockout.js Angular.js) - Qiita

    Todoリストの機能 1.テキストボックスから、Enterで追加できる 2.登録したTodoはダブルクリックで編集可能になり、Enterで編集確定できる 3.登録されているTodoの総件数がフッターに表示される 4.完了したTodoがある場合、それらをリストから消すボタンが表示される 5.全選択/解除を行うチェックボックスがある 個人的な結論 趣味開発で使うならAngular.js・仕事で使うならKnockout.jsをお勧めしたい。 まず、フレームワークを選択する際は、以下3つの選択基準を持つとよいと思う。 1.開発の規模 大規模ならBackbone.jsはお勧めできる。 書き方が決まっていて、チュートリアルに目を通せば(面倒なのは置いておいて)何を作らなければならないかは簡単に理解できる。そこそこの人数で長い時間の開発を行うなら、UIチームはアプリケーションとView、サーバーサイドは

    新・三大JavaScriptフレームワークの実践(Backbone.js Knockout.js Angular.js) - Qiita
    iR3
    iR3 2014/01/08
  • 試して学ぶ Backbone.js 入門のまとめ - Taste of Tech Topics

    皆さん、こんにちは。id:KenichiroMurataです。 今回はKnowledge Noteにて連載させて頂いていた 「試して学ぶBackbone.js入門」が全5回分公開されたため、そのまとめをしたいと思います。 記事のコンセプト タイトルに含めた通り、実際にコードを書いて試してみることでBackbone.jsの理解を深めることを一番の目的としています。 なので、ぜひ実際に記事の中に出てくるコードを書いて、動かして、コンソールのログや動作を確認することをおススメします。 各記事の概要 第1回 試して学ぶBackbone.js入門 Backbone.jsの概要から、インストール方法、Model、Collectionの基を説明しています。 目次 はじめに セットアップ Modelの基 Collectionの基 Collectionの便利な関数 第2回 試して学ぶBackbone.

    試して学ぶ Backbone.js 入門のまとめ - Taste of Tech Topics
    iR3
    iR3 2014/01/08
  • backbone.marionetteのview関連まとめ - Qiita

    個人的まとめ 各種view要素 item view 例えば「ユーザー」の構成要素としてユーザー名やメールアドレスがあるとして、この2つを含む「ユーザー詳細」と呼べるような最小単位の画面要素。ユーザー名を一つのitemviewにするのは多分やり過ぎ。 itemviewには一塊のhtmlの部品が対応していて、itemviewではその部品をタグ(tagNameで指定される)でラップして返してくれる。 collection view item viewを繰り返すためのview。collection viewは自分自身のhtml部品を持たないためtrに対応したitem viewを繰り返すのには向かない。この目的のためにはcomposit viewを使う。 参考 composit view item viewを何かでラップし、繰り返しなどをするためのview。テーブルやツリーなどはこちらを使う。 re

    backbone.marionetteのview関連まとめ - Qiita
    iR3
    iR3 2013/11/25
    見てる。 #sendagayarb
  • 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

    The Backbone Framework
    iR3
    iR3 2013/11/25
    marionette.js のサイト見てる。 #sendagayarb
  • GitHub - marionettejs/backbone.marionette: The Backbone Framework

    You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

    GitHub - marionettejs/backbone.marionette: The Backbone Framework
    iR3
    iR3 2013/11/25
    marionette 見てる。 #sendagayarb
  • (1/2) - 第一回 jQueryから始めるBackbone.js - 実践!Backbone - Mobile Touch - モバイル/タブレット開発者およびデザイナー向け情報ポータル

    はじめに はじめまして。プログラマ向け情報共有サイトQiitaを開発・運営しているIncrements株式会社の高橋と申します。Qiitaではフロントエンドのアプリケーション開発にBackboneを採用しています。また縁があってBackbone.jsガイドブックというを執筆させていただきました。連載では、Backboneを使ったより実践的な話題を紹介していきたいと思います。 初回となる今回は「すでにjQueryを使っているけど最近何かと話題のBackboneも気になる!」という開発者の方がBackboneを試しに使ってみる際の初めの一歩の踏み出し方を紹介することが目的です。そのために今回はjQueryで実装されたサンプルコードをBackboneに移植します。 なぜBackboneを使うの? すでにjQueryがあるのになんでわざわざBackboneを使うのでしょう。jQueryを使えば

    iR3
    iR3 2013/09/26
    う〜ん 今から始めるのに Ember.js とBackbone.js とではどっちが良いの?
  • 狠狠色噜噜狠狠狠狠97,你懂的在线视频,亚洲AV制服丝袜日韩高清

    狠狠色噜噜狠狠狠狠97,你懂的在线视频,亚洲AV制服丝袜日韩高清,日免费三级片,久久综合给合久久国产免费,轻轻的挺进少妇的体内,美女销魂,av日韩av,日大乳高潮视频在线观看,亚洲一区高清

  • Backbone.js入門 「MVC」 - Qiita

    閲覧上の注意 この記事で対象としているバージョン0.5.3は結構古いので注意してください。 その他の割りと新しい情報は Backbone.js Advent Calendar 2012 などにあります。 (追記ここまで) 予定では View の日ですが、当初の予定を変更して、今回は Backbone.js における MVC について解説したいと思います。 なお、今回の内容は、私の認識方法の紹介であり、異なる考え方をする人もいると思います。 とりあえず大事なことは「Rails の MVC と同じものだと考えてはいけない」ということです。 Backbone.js と MVC Ruby on Railsに代表される MVC アーキテクチャを採用した WEB アプリケーションフレームワーク (WAF) に慣れ親しんでいる人にとって、MVC という単語は馴染み深いものだと思います。 しかしながら、

    Backbone.js入門 「MVC」 - Qiita
    iR3
    iR3 2013/06/24
    #sendagayarb では Backbone.jsの話になってる
  • 【前編】Backbone.jsでつくるMVPなUIパターン【スクロールスパイ】 | DevelopersIO

    前回の更新からだいぶ間が開いてしまいましたがこのシリーズはまだ終わりません!今回はTwitter BootstrapにjQuery Pluginとして実装されているScrollSpyを真似して作ってみたいと思います。 ちょっと解説が長くなってしまったので前後編に分けてご紹介します。 後半はこちら >> Backbone.jsでつくるMVPなUIパターン【スクロールスパイ】後編 デザイン 4つの文章に対しそれぞれナビゲーションが存在し、文章のエリアをスクロールして閲覧している文章に対応するナビゲーションがアクティブ表示になるというものです。 このUIhtmlは以下のようにコーディングしました <div id="ui-scroll-spy"> <div class="scroll-spy-nav navbar"> <div class="navbar-inner"> <div class="

    iR3
    iR3 2013/04/04
  • Backbone.jsにおけるModel-View-Presenterアーキテクチャパターン | DevelopersIO

    クライアントサイドJavaScriptのフレームワークとして人気のBackbone.jsが採用している Model–View–Presenter (MVP) というアーキテクチャパターン(以下MPVパターン)について考察してみます。 Model-View-Controllerなら聞いたことあるけど? 僕もそうでした。初めて知ったのはRuby on Railsを触った時です。 Modelはデータと手続きを担当し、ViewはUIを、Controllerは入力イベントを受付けてModelとView操作する…とまぁざっくり言うとこんな感じですよね。 MVPパターンも凄く似ていて、どうもMVCパターンから派生したものみたいです。以下が各パターンの図です。 Model-View-Controller Model-View-Presenter PresenterがModelとViewを操作しているところ

    iR3
    iR3 2013/02/27
    ふむふむ
  • TOPSLOT88 Situs Gaming Online Papan Atas Untuk Pro Player

    instalasi android pindai kode qR untuk android pilih buka situs web pilih "uNDuH" untuk mengunduh apK Kami pilih "pENGaTuRaN" pilih "Mengizinkan" dari sumber kami pilih "Terima" pilih "insTaL" TOPSLOT88 Situs Gaming Online Papan Atas Untuk Pro Player Permainan game online topslot88 semakin marak dimainkan warga Indonesia semenjak hadirnya kami. Mengapa seperti itu? Situs slot online ini senantiasa

    iR3
    iR3 2012/07/09
  • thoughtbot workshops

    Backbone.js on Rails Build snappier, more interactive apps with cleaner code and better tests in less time. Read a free sample from the book: HTML | PDF You build web apps, and you've seen the shift towards highly interactive, rich client-side web applications. Over the past years, we've seen the same things, and have built our apps, processes, and best practices around this. Learn the better way

    iR3
    iR3 2012/07/09
    #sendagayarb で話題になったのでメモ
  • 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種類すべての利点と欠点を説明し

    JavaScript MVCフレームワークはすでに十種類以上、その比較や最新情報などのまとめ
    iR3
    iR3 2012/06/29
    ふむふむ
  • jQuery Mobileでのアプリケーション開発にBackbone.jsを導入しよう | Lab by engineering@dwango.jp

    こんにちは、2011年度新卒エンジニアの夏目です!突然ですがみなさんJavaScript書いてますか? 最近はjQuery Mobileなどを利用したスマートフォン向けアプリ開発において、クライアントサイドでもヘビーなJavaScriptのコーディングをする機会があると思います。そのようなときコードのいたるところにHTMLが混入したり、どこでどのデータを扱っているのか分からなくなるということになりがちです。 今回はそんな悪夢のようなコーディング生活に一筋の希望の光を照らすBackbone.jsを紹介したいと思います。 対象読者 JavaScriptでの開発経験がある方 Backbone.jsとは Backbone.jsはDocumentCloudが開発をしている、クライアントサイドのJavaScriptコードをModel、View、Controllerで構築するためのフレームワークです。b

  • Backbone.js

    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

    iR3
    iR3 2011/07/31
  • Building a single page app with Backbone.js, underscore.js and jQuery | &yet | the blog

    OverviewWe've been finding ourselves building more and more JS heavy apps here at &yet. Until recently, we've pretty much invented a custom app architecture for each one.Not surprisingly, we're finding ourselves solving similar problems repeatedly.On the server side, we use django to give us an MVC structure to follow. But there's no obvious structure to your client-side code. There are some large

    iR3
    iR3 2011/07/31
  • Backbone.jsを利用したクライアントサイドMVCの導入についてそろそろ書いておくか - 出町ミスド攻防記

    jQueryヘビーなアプリケーションの問題点と、MVCによる構造化の必要性 jQueryは、ブラウザ上で動くJSアプリケーションの開発生産性を劇的に向上させました。DOM操作による動的なページ書き換え処理などは、セレクタを使ってちょろっとコードを書くだけで、ほんの数行で記述できてしまいます。 しかし、この方法の延長で、大規模なJSアプリケーションを構築することは果たして現実的でしょうか。例えば「GMail」や「New Twitter」程度の規模のJSアプリケーションを書かなければならないとしたら、どうでしょう? 大規模なJSアプリケーションを開発するには、こういった手法を延長するのではなく、より洗練されたデザインパターンを導入する必要があります。この目的にぴったりのデザインパターンが、「MVC」デザインパターンです。 MVCパターンは、Webの世界ではサーバサイドプログラミングで広く知られ

    Backbone.jsを利用したクライアントサイドMVCの導入についてそろそろ書いておくか - 出町ミスド攻防記
    iR3
    iR3 2011/07/31