テクノロジー

これは朗報! ついにCSSでif else文が使えるようになります、Chrome 137で新しく追加された7個のCSSの機能

1: coliss 2025/05/29 10:14

if else文の条件付きでCSSの値を設定できるif()関数、CSS GridやFlexboxで見た目の順序とtabキーの順序を制御できる新しいプロパティなど

2: nakamura-kenichi 2025/05/29 10:14

「言語は何が出来ますか?」「CSSです!」がアリになるんか!(ならない)

3: Tack2Me 2025/05/29 10:19

便利だと思うけど徐々にjavascriptの領分を侵食してきているような

4: roshi 2025/05/29 10:27

そろそろプログラムが書けそう。if文もいいけどcontains()擬似セレクターを追加して欲しい。

5: htmikan 2025/05/29 11:21

条件分岐なんか追加されたら、QA評価項目が膨れ上がると思うのだけど。WEB屋さんは大変だな。

6: pixmap 2025/05/29 11:23

15年前にCSSはTuring Completeという話もあったけど、これ使えば人間が理解できるコードになりそう。 https://stackoverflow.com/questions/2497146/is-css-turing-complete

7: hiduki001 2025/05/29 11:41

またChromeだけでしかちゃんと動かないサイトやサービスが増えてしまうの…?

8: nekosann_08 2025/05/29 11:45

朗報・・・か?

9: kakei-akihiko 2025/05/29 11:49

CSSがCross Site Scriptingの略のような気がしてきた。

10: tamanecoplus 2025/05/29 12:06

デザイナのコーディングルールでNGにする奴!!

11: J138 2025/05/29 12:21

やっとまともなダークモードが実装できるようになるのだろうか・・・

12: hatebu_admin 2025/05/29 12:36

もうスクリプト言語やんけ

13: matsuedon 2025/05/29 12:51

chromeだけじゃね、って感じで、浸透するまでどのくらいかかるかはまた別の話だけど期待するよね。あ、その前にセキュリティがって話になって、また別の言語でてきたりして、う!頭が!

14: misshiki 2025/05/29 13:04

“CSSでif()関数が使用できるようになり、if else文の条件付きでCSSの値を設定できるようになりました。”

15: Helfard 2025/05/29 13:11

ほーん?

16: Imamura 2025/05/29 13:15

2009年にHTMLとCSSの入門書を書いたけどもうついていけない(いや、ずっと前から)

17: Shinwiki 2025/05/29 13:19

処理系を重複して持つ方向に抵抗ないならサーバサイドの言語持ってきてくれた方が…っつーかJsでもう少しネイティブ感覚で触れるように進化してくれる方がもはやありがたいかも。

18: hiroshe 2025/05/29 14:09

こういう節操のないところが嫌いだよ、web屋さんは

19: sucelie 2025/05/29 14:15

もう少し見やすい構文にしてくれよ・・・

20: kujoo 2025/05/29 14:27

ロジック複雑化するなって気はするけど、デザインの為にjsとcssを行ったり来たりするダルさもわからなくはない……

21: KAZ99K 2025/05/29 14:39

「Chromeのみ実装」は悲報なんよ…ところでIE6って知ってる?

22: lifeisadog 2025/05/29 15:25

こう言うのじゃないのよね。CSSにロジックを入れて欲しくない勢

23: hiroomi 2025/05/29 15:54

"if else文の条件付きでCSSの値を設定できる"

24: hgaragght 2025/05/29 16:04

やり過ぎだろ。

26: ravell 2025/05/29 16:24

とにかくCSSがらみでJS使いたくないのでありがたい。

27: strawberryhunter 2025/05/29 16:31

もうやめてくれって言いたい。誰も幸せにならない。

28: aietvpaobkgndm 2025/05/29 16:53
29: poponponpon 2025/05/29 16:56

嬉しいっちゃ嬉しいけど、もう一から自分でcss組むことなんてそうそうないからどうでもいいっちゃどうでもいい。10年遅い。

30: ultimatebreak 2025/05/29 17:19

確かにあったら便利そうとは思うけど、ただでさえも読みづらいのが更にヤバくなるやつ

31: prjpn 2025/05/29 17:28

バグの温床となる予感

32: mysql8 2025/05/29 17:29

これは悲報!!

33: leiqunni 2025/05/29 17:37

これって判断できるのはCSS内だけなのかな。DOMで何とかってクラスのエレメントがあったりとか、JSの変数が奇数だったりとか判断できるの?

34: bamlynupdes 2025/05/29 17:54
35: yorkfield 2025/05/29 17:58

ifというよりはswitch-caseに似た構文にみえるな。elseがdefaultの役。

37: randomcapture 2025/05/29 18:33

だんだんとやりすぎの領域に踏み込みつつあるとは少し前から思ってる。これも使い方次第では便利だけど、JSとの切り分けが訳わからなくなりそう。

38: sumomo-kun 2025/05/29 18:34

cssはできるだけ単純な方がいいと思うけどな。短い、ではなく。

39: KoshianX 2025/05/29 19:03

便利にはなるが安全性とか心配になってくるな……

40: otoku-memo 2025/05/29 19:29

そろそろCSSだけでDOOM動くようになるかな

41: kibitaki 2025/05/29 19:59

htmlはプログラムじゃないという旧世代の定義が最早通用しない。そして旧世代の蓄積されまくったバッドノウハウ活用能力と悪魔合体する未来。

42: tk_musik 2025/05/29 20:10

これ見て思ったけどCSSもカバレッジとれるのかな

43: repon 2025/05/29 20:33

増々結果がわかりにくくなる。何も嬉しくない。論理は1次元だけど、次元が一つ増えた時点で宣言型以外には無理なのよ

44: queeuq 2025/05/29 21:33

javascriptでデザイン制御するよりは責務的にcssにifがあれば済むってケースは往々にしてあるのでありがたい。

45: in2 2025/05/29 22:33

Safariちゃん、うまくレンダリングやってくれるかなあ。特定の子供がいるときは…ていう処理、できるだろうか。

46: peatnnuts 2025/05/29 22:55

“複雑なロジックをシンプルかつ簡潔に記述することができます。”ただでさえぐちゃぐちゃになるのにスクリプト化して大丈夫?

47: pochi-taro00 2025/05/29 23:35

どんどん描画が重くなるわ

48: kshtn 2025/05/30 00:57

対応するテストスイートないと地獄にならんか?

49: secseek 2025/05/30 01:44

他にやり方ないんですかねえ…。スクリプトじゃやはりやりづらいのか…

50: shira0211tama 2025/05/30 03:01

ちょっとー!IEくんも仲間に入れてあげてー!向こうで一人遊びしてるでしょー!?

51: otihateten3510 2025/05/30 08:11

ロジックがたくさん入るCSSが量産されるんですね〜〜〜〜