知ったふうに書いてますが言葉しか知らないです。詳しくはWikipediaでどうぞ。我々の便利な日常生活にはきちんと数学が使われているのです。して面白い小説にさえなるのですよ。高橋文樹」のテキストにリンク貼りたかったけれどモノが無いですどうにかしてください。独断と偏見による心地よいイージング3選さてWikipediaを読んでなるほど分からんとなったところで、この知がフロントエンドな場面でどう使われているかという話をしましょう。この記事を読んでいる人は上記のリンク先に挫折した人か、心優しき私の知人か酔狂な御仁ぐらいでしょう。function)ともよく言われます。CSSでアニメーションやグラデーションを表現する時に使えます。実際に、どのように使うかは、やっぱりMDNのページとチートシートサイトが一番近道なのでどうぞ。ここには私がよく使う数字を貼っておきます。数値は0〜1の範囲ですが、縦軸(y1,y2)はマイナス値も1以上も持てます。y2)でも数字だとなかなかイメージできないので、シミュレーションできるサイトとかがいくつかあります。https://cubic-bezier.comとはいえ、スクラッチで数字探る人はあんまり居なさそう。オススメは、チートシートサイトで良さげな数値を見つけて勘所を持ってからカスタムか、好きな動きを見つけてソースを見るとかが良いのでは。1)私が好んで使う筆頭というか、ほぼコレしか常用してないやつ。あれこれ試す時間が無い時(だいたいそう)にコレを突っ込んでごまかしていますスミマセンスミマセン。忘れてしまいましたが、どこかの誰かのソースからコレ良いなと思って貰ってきた数字ですゴメンナサイゴメンナサイ。1)でも全然良いと思います。0.86)あと2つは、もうチートシートサイトからまんまです。これは、easeInBackのやつ。印象づけたい、positionとかtransparentに使うと綺麗。1)easeOutQuintです。目立たせたくない邪魔にならない、さくっと自然にいれたい感じのときに。書いてるけど、スクロールごとにやたらと適当なアニメーションするようなページは好きじゃないので、クライアントが欲しがったら全力で阻止する人です悪しからず。記事にしたところでコピペしてしまうのはたぶんこれからも変わらないのですが、つまるところ外部記憶化なので、探す場所が固定出来るし、リピートするから気がついたら定着しているといいなと思っています。知りたいなーと思ったひとはこの辺の記事とか面白いのでは。Curveshttps://dev.wgao19.cc/cubic-bezier/この記事を書いた人mimi主に書いている人。