2013/12/7に開催されたSaCSS Special4 Frontrend in SapporoのBrush up your Coding 2013 Winterのセッションの資料です。

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

JavaScriptに対する自動テストツールも充実し、Jenkinsなどを用いてCIをまわす人も増えてきました。 しかし、レスポンシブレイアウトや、Floatのレイアウト崩れなど、人間が見ればすぐに分かる「見た目」に関する問題は、自動テストによる判定がし辛いのが実情です。 この記事では、この問題を解決するために作成した、テスト中にスクリーンキャプチャを取るためのプラグイン「phantom-capture」を紹介します。 現状の問題点 Jasmine や QUnit といったテストフレームワークや、 PhantomJS , sinon.js といったツールの助けを借りることで、JavaScriptの自動テストが行えるようになり、サーバ側だけではなく、クライアント側にも自動テストを適用する人が増えてきています。 ビジネスロジックやバリデーション、DOMの構築結果などは問題なくテストすること

JavaScriptで強力なUnicodeを扱う方法について書きます！（嘘） 先月末に発売されたWEB+DB PRESS Vol.78で「フロントエンドの国際化」の記事を書いたのは前回書いた通り。 WEB+DB PRESS Vol.78に「フロントエンドの国際化」について書いた！ - teppeis blog 記事内で、JSの文字列は基本UTF-16なのでサロゲートペアがうまく扱えないっていう問題は書いたけど、じゃあどうすればいいの？っていうのは載せられなかったので書く。 文字数のカウント 「𠮷（U+20BB7、つちよしだ）」や「𩸽（U+29E3D、ほっけ）」はUTF-16ではサロゲートペアで表現するのでlengthが見た目とズレる。 console.log("𠮷野家で𩸽".length); // 7 これを「5文字」とカウントしたいという話。 正規表現を使う方法 たぶん実装が一番

screencaptureコマンド screencapture foo.png ファイル名を引数に指定すると、そのファイル名でスクリーンキャプチャがカレントディレクトリに生成される -t pdf のようにフォーマット指定が可能。省略の場合 png -x サウンドを再生しない。"パシャ!" ってやつです。 screencapture -R 117,226,100,100 ピクセル範囲指定<x,y,w,h>。 ファイル名 117,226,100,100 のようなファイルがカレントディレクトリに生成される(ファイル名指定との併用はできない模様)。Retinaディスプレイの場合、この指定では実際は200ピクセル四方となる模様。 sipsコマンド 画像の情報取得、リサイズ、加工など。 sips --resampleWidth 400 from.png --out to.png 幅400pxに拡大(リ

はじまるなよ…まだはじまるなよ…と思っていたらすぐ目の前でした。＼(^o^)／ドヒャー ZeppDiverCity 2daysを終えて、 2014年、5月6日の武道館ワンマンライブが決定しました。 本当に聞かされてなくて、 モニターに映された文字をみて頭が真っ白になった。声がでなかった。 この感情をどう表現したらいいのかわからないんだけど、自分だけ、取り残されてるような気分になった。 泣いたのは、嬉しかったからじゃなかった。 きっと、喜ぶべきことで、 誇らしいことで、 自信をもつことなんだろう。 家族や、セカオワ彩織さんや、きゃりーちゃんからもお祝いのメールがきてた。 けれど、 急に不安になった。 驚きを超えて、その先がこわくなった。 時が経つのは本当にこわい。 みりんちゃんが「武道館でライブをしたい」と2012年9月16日に恵比寿リキッドルームで叫んでから、一年ちょい 昨日のことのような

Symfony Advent Calendar JP 2012 - Day 3 ドメイン駆動設計にしたがってドメインモデルをソフトウェアとして表現するのにエンティティが使われます。エンティティは、ドメイン駆動設計におけるモデル駆動設計パターンの1つに分類されます。 賢すぎるエンティティはアンチパターンRuby on Rails由来のアクティブレコードと直結したMVCフレームワークでは、本来エンティティとして扱われるべきクラスを「モデルクラス」と呼び、そこにビジネスロジック等を実装することが推奨されていました。これらのフレームワークでは、自らモデルレイヤー部分もカバーしておきながら、すべてをエンティティとして実装することを強いるため、ドメインモデルの実装にはほとんど自由度がありませんでした。 このスタイルに慣れてしまうと、ピュアなクラスでドメインレイヤーを実装できる状況においても、誤った設計