フロントエンド・PHPカンファレンス北海道2026
トーク(15分)
フロントエンド 初登壇

「その実装、本当に美しいか?」──CSS transform仕様を理解して実装の複雑さを回避した話

sbleru maru。 sbleru
1

何かの問題を解決する時、
実装としては動くけど、方法が複雑すぎて、もっと良い解決方法があるのでは
と感じたことはありませんか?

僕は何度もあります。
そのたびに「ではこの実装は、美しいか?」と、
僕の中のフベルトさんが問いかけてきます。
(チ。 ―地球の運動について― 1巻 p39)

そんな時、仕様を深く読み解くことでシンプルな解決方法が見つかることがあります。

本トークでは、ある問題に直面した際に、
CSSのtransformの仕様を読み解く中で、
それが内部的に行列計算されていることを知り、
各記法がどのような計算をしているかを理解することで
複雑だった実装をシンプルにできた経緯を紹介します。

もしかすると最後には
ラファウよろしくこう叫ぶことになるかもしれません。

あんな複雑な実装を、仕様を読み解くだけで、こんなにシンプルにできてしまったら、
この実装を、美しいと、思ってしまうッ!!