2023年はCSSで三角関数「sin(), cos(), tan()」が主要ブラウザのすべてで使用できるようになるぞ！

2023年はついに、CSSで三角関数が主要ブラウザのすべてで使用できるようになります！ CSSで使用できる三角関数は、sin(), cos(), tan(), asin(), acos(), atan(), atan2()です。すでに2022年にリリースされたSafari, Firefoxではサポートされており、3月リリースのChrome 111でもサポートされる予定です。 CSSの三角関数を使用すると、複雑なアニメーションに使用するJavaScriptを減らしたり、要素を曲線に配置するレイアウトなどもCSSで実装できます。 Chrome Platform Status CSS Trigonometric functions（三角関数）はCSS Values and Units Module Level 4ですでに定義されています。 sin() 引数として与えた数のサイン ボックスのサイズ

[coliss]

2023年はついに、CSSで三角関数が主要ブラウザのすべてで使用できるようになります。

[yuyans]

三角関数なんて仕事で役に立つんですか？の直接的な反論がこの業界でも与えられるわけだな。。。。

[kagioo2uma]

三角関数の知識が仕事で直接的に役に立つ時が来てしまった（）

[OkadaHiroshi]

そのうち css 単独でチューリング完全になるだろう。

[otchy210]

利点はよく分かるが、自分で書くよりはライブラリ書く人にお任せしたい。

[m4fg]

ナナメってるデザインする時jsでがんばってたけどcssだけでいけるやん！

[hayashikousun]

ゲーミングキーボード的な滑らかで連続した色のグラデーションアニメが出来るかも。Webサイト利用者としては要らんけど。

[stabucky]

これはやりすぎだと思う。

[yabu_kyu]

あーはいはいアレで使うのねアレで。ちょっと言葉では説明しづらいけどアレでしょ。アレが便利になるよねー。

[beed]

みんな三角関数好きだよねー。学問（数学）なんかなんの役にたつの？って話題の代表が三角関数なのなんでだろ。それほど難しくないからネタにしやすいのかな。

[solidstatesociety]

3Dかー

[heniha]

自分の脳内では三角関数はだいぶまえに廃止されてるので…

[strawberryhunter]

またやべぇのが増えるのか。

[zakkie]

Web系のデザイナーは、これまで学校で習った三角関数が役に立てられない代表業種だったんかー(←そういう理解がイケナイ)

[ot2sy39]

プログラミングで三角関数の話になると、awkを思い出す。「tan()がほしい？sin()とcos()あれば導出できるだろ？」という硬派具合。

[ieno98]

sin()は使いそう

[spark7]

jsでできることだしな...

[sippo_des]

とうとうできちゃう。

[aox]

HTMLとCSSは加減乗除以上の事を考えたくない僕のような人でも扱えるようにしておいて欲しいです

[ryunosinfx]

jsで計算させるのしんどいからCSSで肩代わりさせると計算する部位が違うから計算力の吸出しが劇的に改善するとかいうギミックはよ（WebGPUで触れる範囲が云々で並列処理が可能とか）

[yamadar]

CSSちょっと分かった人になるには数学を学ぶ時代

[masa8aurum]

「三角関数はちゃんと役に立つ」の例

[Yuny]

CSSは原義のスタイルシート＝レイアウトの指示書からアニメの指示書に脱皮しつつあるのか。FLASHみたいになってきたな。

[anus3710223]

これデザインめちゃくちゃ楽になるね！(デザインしたことないけど)

[queeuq]

すでに回転とかはあったわけで三角関数欲しくなるわなぁ。

[ultimatebreak]

斜めとか丸とかそう言うめんどくさいデザイン渡された時に使う(めんどくさい)

[kondoly]

角丸とか円運動とかふわっと止まるとか浮き出るとかにつかえそう。

[sgo2]

jsで実装されるよりは遥かに軽い(はず)なので無駄に凝ったクソ重サイトが減ることに期待。

[acealpha]

ボタンの周りを回る謎アイコンとか実装されるんだろうなあウザいだろうなあ

[yasushicohi]

役に立つ日が来た

[anhelo]

cssで三角関数、主要ブラウザ全てでサポート。サンプルcss

[mayumayu_nimolove]

ますますFlash化してきた

[mohno]

「CSSで使用できる三角関数は、sin(), cos(), tan(), asin(), acos(), atan(), atan2()…Safari, Firefoxではサポートされており、3月リリースのChrome 111でもサポートされる予定」/あなたが使わないからといって誰も使わないわけじゃない(定期)

[neet_modi_ki]

作例のように、indexの値をサイン波にマッピングするとかはわかるが、他の使い道が思いつかない…そこまでプログラマブルにやるなら結局JSでやったほうが…みたいにならないのだろうか。