読者です 読者をやめる 読者になる 読者になる

lxyuma BLOG

開発関係のメモ

createjs,canvasでハマるところ2014

経緯 先日、初めてcreatejs使ったスマホ向けwebアプリ作ってリリースした。 まあ、予想通り、createjs、canvasにいろいろハマった。 はまったところは、gistにメモしておいたので、ここにも整理して乗っけておく。 なお、類似blog記事多数あり、俺もほとんど…

coffeescriptの使いどころ

最近、普通の現場で、coffeescriptの使いどころが分かってきた。 今日は、そのメモと、最後に設定(また、gulpとkarmaの話)を軽く書いておく。 railsとcoffee 自分は、ずっと、rails環境にいたので、coffeescriptで書いてた。 通常のコードも、テストコードも…

最近のjsテスト/ビルド環境

最近のテスト環境 最近、ブログ書かないうちに、また、 自分のjs周りのテストやビルド環境が変わってきた。 具体的には、karmaとかgulpとかに変わった。 今日は、 その環境にしてどうだったか?とか、 設定ファイル(gulpfile)とか書いてみる。 去年と今年と …

Ractive.js入門

これは、jsCafe18で話したSlideです。 概要 これから、「Ractive.js」という js上でReactiveなUIを とてもsimpleにbuildするためのlibraryの話をします 目次 reactive programming ractive.js 他のframeworkとの比較 Backboneに入れてみる そもそもReactive …

Backbone.jsとMarionette.jsで発表してきた

BackboneとMarionetteの発表してきた。 実践Backbone.Marionette 現場の悩みと解決まで from Ryuma Tsukano 結構現実的な内容で、色々個人的に試行錯誤している所を含んでおり、多分賛否ありそう。 まあ、こういうドロドロした話もたまには有っても良いかと…

Backbone.jsのテストの悩みとその解決

経緯 Backbone.jsでTDD書く時に、 Model/CollectionはServerSideのようなイメージで書けるのだが、 Viewのテストがfrontend特有の事があり、結構、悩ましい。 ここでは、Backbone.Viewを中心に、 テストで悩ましい所をどう解決していくか、試行錯誤している…

jsでTDD!MochaとChaiとsinon.js入門

※この記事は社内勉強会向けの資料の下書きです。書きなぐりの下書きで見直すと最後の方の文書がヤバいので、いつか書き直します。読み辛い所は申し訳ないです。 概要 TDD テスト自動化とTDDを整理 TDDとBDDの違い Test Framework in javascript QUnit/jasmin…

grunt bower yeoman入門記事

※これは、社内の勉強会の資料の下書きです。 ここ数年で、js環境が整理されてきた。 js開発するなら、これらの知識は必須。無いとめっちゃ不便。 という事で、今日は、gruntとbowerとyeomanの話。 各ツール概説 Yeoman applicationのひな形を作る アプリ構築…

Backbone.View入門

(この資料は、社内のBackbone入門の勉強会の為に作った物の下書きです。) これから、Backbone.Viewについての入門記事を書きます。 内容としては、Backboneを初めて学ぶ人の為の噛み砕いた入門記事にするつもりです。 Backbone.Viewの使い方 基本的な使い…

普通のrailsアプリのBackboneにMarionette付けて思った事

以前書いた記事の反省を元にMarionetteに移行した。 思った以上に快適! 大規模になったらMarionette.js使えとか書いているのは嘘で、普通にBackbone使うときは、初めから使うべき。 Backboneで一番恐ろしいのは、各現場/各開発者毎に異なるオレオレ実装。オ…

Backboneでデータバインディング(stickit)

最近、angularが熱くて、twitter見てると、angular周りが活発に流れて来るのだが、 angularのウリにしてるデータバインディング、Backboneでも同じ様な事がpluginで出来る。 Backbone自体は、非常にミニマルに出来ているので、(おそらく今後も本体にこういう…

和訳:BackboneとAngularを比較する

この記事は、Victor Savkin氏の「Contrasting Backbone and Angular」を翻訳したものです。 ※本人から翻訳の許可も頂きました。 オリジナル http://engineering.nulogy.com/posts/angular-and-backbone/ 和訳自体は自信なく、細かな所は意訳しているので正確…

普通のrailsアプリにbackbone適用して思った事その2

X)誰かと一緒に作業するには、やっぱり、template必要 X)逆引きは公式pageでなくて、生ソース追跡 X)生産性は短期的には高まらない。むしろ改悪する。 X)

普通のrailsアプリにbackbone適用して思った事

普通のrailsのwebアプリにbackboneを埋め込んでみて思った事等を書く。 1)Backboneを使うべきか否か? 初めに考える事。 大規模になったら使えとか、Single Page Applicationなら使えとか、色々意見あると思うが、 今時の普通のwebアプリならjsガリガリ動…

parse.comで始めるbackbone.js入門のslideをUPした

今年5月頃jsCafeで実施したBackbone.jsの入門slideをslideshareにUPした。 よくある、todoを作っていく内容なのだが、Parse.comというクラウドサービスを使う所が特徴。 これからBackboneの勉強始める方等、良ければ、どうぞ。 introduction to Backbone.js …

Marionette.js(Backbone.js)のチュートリアル with yeoman その2(Modelと基本View側実装編)

marionette.jsのチュートリアルの続き。 ここからが、メインである、marionette.jsの話。 前回に引き続き、gruntを起動している状態で進める事。 もし、起動していなければ、gruntを起動する。 model ここから、クライアント側のプログラムを書いて行く。 初…

casperjsのtestが通らない。

今、casperjsを公式docの通り、testすると、うまく動かない。 FAIL TypeError: 'undefined' is not a function (evaluating 'casper.test.begin') # type: uncaughtError # error: "TypeError: 'undefined' is not a function (evaluating 'casper.test.begi…

Marionette.js(Backbone.js)のチュートリアル with yeoman その1(準備からサーバー側実装まで)

Marionette.jsのチュートリアルを書く。 特に、yeoman製のgenerator-marionetteを使って、 railsみたいに、楽しながら、進めていく。 量が多くなったので、何度かに分けて書く。 この記事は、yeomanによる準備から、node+expressによるサーバー側まで。(bauc…

jscafe(javascript勉強会)の資料をslideshareにupした

ずっと、やろうと思っていながら、やってなくて、 せっかくの連休なので、この気になっていた事をやった! 何をやったかと言うと、javascriptの勉強会の資料をUPした! Marionette.js Backboneのライブラリー。 まだ、日本語の情報が少ないので、色々手助け…

polymerの話(GoogleのWeb component使ったjavascriptのlibrary)

polymer.js Google IO 2013で発表されたweb componentを使ったjavascriptのライブラリ Video Web Components in Action 概要 Web componentに対応/非対応に関わらず利用できるようにしたjsのライブラリ。 この考え方をPolyfill(ポリフィル)と呼ぶそうです…

jQueryでのuseCaptureの扱い(addEventListenerの引数)

今、javascriptの勉強会用の資料を書いているのだが。 target.addEventListener(type, listener [, useCapture]); のuseCaptureについて、 jQuery内でどう使われているか調べてみたら、 面白かったので、そのまとめ。 useCaptureとは? addEventListenerを書…

気になる本

そういえば、mongodbで検索してたら、偶々気になる本見つけた。 Building Node Applications with MongoDB and Backbone Rapid Prototyping and Scalable Deployment By Mike Wilson http://shop.oreilly.com/product/0636920026587.do?fb_action_ids=415998…