前回、Backbone.Viewのソースを読みながら、UIの設計についてとりとめなく考えてみました。 UIの役割を担うオブジェクトの振る舞いは、極めてシンプルにまとめると： ユーザー入力による、DOMオブジェクトからのメ […] 本文を読む
Backbone.View。 Backboneの中の登場人物としては、サッカーで言うところのフォワード、、、なのかな。いわゆる「ユーザーインターフェイス」の役割を担うわけですから、まあ、最前線ですよね。「ユーザーインター […] 本文を読む
ずっと前回の続きです。やっとこさ、テストが出来ます。コマンドはkarma startです！ $ karma start すると、、、やたら長い出力が。。。webpackのバンドルの結果がだらだらでてくるですね。 んで、残 […] 本文を読む
前回の続き。それではテストを書いてみましょう。テストするにもテストするモジュールがないので（「こんちは！」のテストをしてもしょうがない）、なにか簡単なアプリをつくってみましょう。今回はショップカートを作ってみることにしま […] 本文を読む
前回までで、超簡単ではありますがwebpackを使ったフロントエンドの開発環境ができあがりました。ここいらで、ブラウザから一旦離れて、テストにスポットを当ててみます。 ところで、テストとブラウザの画面でのチェック、両方大 […] 本文を読む
さて前回$を参照できないエラーが出ました。jQueryを読み込んでいなかった、というやつです。jQueryは前々回にすでにnpmでインストールしてあるので、それをrequireすれば良いわけです。./index.coff […] 本文を読む
前回の続き。以下のファイル構成になっています。 . ├── app │ └── index.coffee ├── index.coffee ├── package.json └── public └── in […] 本文を読む
前提： javascriptはCoffeeScriptで cssはsassで フレームワークはBackbone.js テンプレートエンジンはjade(今はpugに改名したようですが) ユニットテストはmocha+powe […] 本文を読む
フロントエンドの仕事をするにあたり、どのようにしてJSのソースをモジュール化すればいいのか、ずっと考えていました。<head>にずらっと並んだ<script>タグはどうにもまずいだろうと。何とかし […] 本文を読む
Rubyのattr_reader的なことをBackbone.js + CoffeeScriptでやると、綺麗に書ける。すばらしいですね。 ミソはCoffeeScriptのclass構文と=>構文。 Finally, […] 本文を読む
ウェブ制作において、いわゆるフロントエンド開発と呼ばれている所で、何を採用しようか今まで試行錯誤していましたが、とりあえず一つ、これからの方針が立ってきた気がしました。まあ、これからまた変わるかもなのですが。 coffe […] 本文を読む
