リキッドレイアウトのように幅が常に変動するレイアウトのデザインは、動かないカンプからは実際の挙動が読み取れず、デザイナーの意図が汲み取りきれないことが多い。また、複雑化するアニメーションの実装においても、カンプだけではコミュニケーションに不備が生まれてしまう。ほかにも、CMSを使った案件ではデザインカンプと実際のデータの間に齟齬がある可能性もある。 実装効率を高めてスケジュール通りに仕事を終わ…

筆者は元々デザイン系の出身なので、ソフトウェアのテストというものを真剣に考えたり調べたことはあまりなかった。この記事では、そんな自分がブラックボックステストをやることになり知った、組み合せテストにまつわる問題について説明する。 **本記事の概要** * テストにおいて**パラメータの組み合せが厄介な性質を持っている**ことに気付いた * 組合せテストの負荷を軽減する「**ペアワイズ法**」と…

## CSSのcalc()関数とは `calc()`を使うと、プロパティ値の中で数値の四則演算ができる。単純な数値同士の計算はSassなどのプリプロセッサでも可能だが、`calc()`は異なる単位系同士の足し引きができるのが便利なポイントだ。 ```scss .foo { // SCSSなら同じ単位同士の足し引きは可能だが… margin-top: 30px + 30px; //…