タグ

ブックマーク / lxyuma.hatenablog.com (6)

  • 和訳:BackboneとAngularを比較する - lxyuma BLOG

    この記事は、Victor Savkin氏の「Contrasting Backbone and Angular」を翻訳したものです。 ※人から翻訳の許可も頂きました。 オリジナル http://engineering.nulogy.com/posts/angular-and-backbone/ 和訳自体は自信なく、細かな所は意訳しているので正確にはオリジナルを参照して下さい。日語として、冗長になってしまった所はすみません。 それと、ちなみにAngularはよくわかってないので、変な和訳してるかも(気づいた方、コメントで教えて下さい) ※ちなみにtitleはcontrastingなので、両者の違いを明らかにするため対比する、なのですが、冗長だったので短くしました。 以下より、文 アイディアとツールを比較する事は、その対象をより良く知るとても良い方法です。この記事のシリーズで、webアプリ

    和訳:BackboneとAngularを比較する - lxyuma BLOG
    nilab
    nilab 2016/06/07
    和訳:BackboneとAngularを比較する - lxyuma BLOG
  • 普通のrailsアプリのBackboneにMarionette付けて思った事 - lxyuma BLOG

    以前書いた記事の反省を元にMarionetteに移行した。 思った以上に快適! 大規模になったらMarionette.js使えとか書いているのは嘘で、普通にBackbone使うときは、初めから使うべき。 Backboneで一番恐ろしいのは、各現場/各開発者毎に異なるオレオレ実装。オレオレ実装作るコストに加え、使う人の思わぬバグや学習コストやスイッチングコスト等諸々考えると、特別な理由がない限りMarionetteみたいな既存のframework使うべき。 あんど。データバインディングを提供してくれる、stickitと一緒に使うと、より一層効果的。 めっちゃ、ソースコードの量が減って、ソースの意図が明快になった。悩みも少ない。工数も勿論減る。 ここから、幾つか思った事を、サッカー見ながらお酒飲みながら、ダラダラ書く。※ちなみに、日vsオランダ戦見てる。 railsアプリでのjs周辺の作りの

    普通のrailsアプリのBackboneにMarionette付けて思った事 - lxyuma BLOG
    nilab
    nilab 2016/06/07
    「このまま使うと、this.uiを要素として使えないので、initializeの中に、bindUIElements 書くのを忘れないように」
  • jsでTDD!MochaとChaiとsinon.js入門 - lxyuma BLOG

    ※この記事は社内勉強会向けの資料の下書きです。書きなぐりの下書きで見直すと最後の方の文書がヤバいので、いつか書き直します。読み辛い所は申し訳ないです。 概要 TDD テスト自動化とTDDを整理 TDDとBDDの違い Test Framework in javascript QUnit/jasmine/mochaについて、違いやメリデメを知る mocha 基的な書き方 アサーションライブラリのメリデメを整理する chai 記述形式の違い整理 基文法 sinonjs spy stubs mock TDD Test Driven Development テスト駆動開発 by ケントベック 特徴 xUnit系/BDD系のテストフレームワーク使う テストするコードも実装 テストファースト 実装の後にテストするのではなく、テストを先に書いて実装する サイクル Red(失敗) => Green(通過

    jsでTDD!MochaとChaiとsinon.js入門 - lxyuma BLOG
    nilab
    nilab 2015/05/19
    jsでTDD!MochaとChaiとsinon.js入門 - lxyuma BLOG
  • Marionette.js(Backbone.js)のチュートリアル with yeoman その3(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 その3(Marionette.View実装編) - lxyuma BLOG
    nilab
    nilab 2013/12/20
    Marionette.js(Backbone.js)のチュートリアル with yeoman その3(Marionette.View実装編) - @lxyuma BLOG
  • Marionette.js(Backbone.js)のチュートリアル with yeoman その2(Modelと基本View側実装編) - lxyuma BLOG

    marionette.jsのチュートリアルの続き。 ここから、クライアント側の話。 先に言うと、メインのmarionetteは、この記事でなく、その3なので読んで飽きてきたら、その3に飛ぶべし。 前回に引き続き、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 その2(Modelと基本View側実装編) - lxyuma BLOG
    nilab
    nilab 2013/12/20
    Marionette.js(Backbone.js)のチュートリアル with yeoman その2(Modelと基本View側実装編) - @lxyuma BLOG
  • Marionette.js(Backbone.js)のチュートリアル with yeoman その1(準備からサーバー側実装まで) - 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(Backbone.js)のチュートリアル with yeoman その1(準備からサーバー側実装まで) - lxyuma BLOG
    nilab
    nilab 2013/12/20
    Marionette.js(Backbone.js)のチュートリアル with yeoman その1(準備からサーバー側実装まで) - @lxyuma BLOG
  • 1