1: 2018/09/10(月) 21:26:01.646 ID:xARroakfM
家帰るまで休憩だから構って

2: 2018/09/10(月) 21:26:39.112 ID:L0HqM65h0
俺がちょっとかじったときはCSS3だったけど今はCSS4まであるの?

5: 2018/09/10(月) 21:29:52.765 ID:xARroakfM
>>2
css4ってのはないが、css3のレベル4ってのがあるから、できることは多くなってる

4: 2018/09/10(月) 21:28:22.463 ID:iKdf6ylK0
cssとか必要な時にググれば良い
覚える意味無い

8: 2018/09/10(月) 21:30:33.443 ID:xARroakfM
>>4
デザインからお仕事にしたくてね
ちゃんと出来るようにお勉強中だ

12: 2018/09/10(月) 21:32:58.288 ID:iKdf6ylK0
>>8
なるほど
見た目の良いウェブサイト作るためには必要かもね

14: 2018/09/10(月) 21:33:58.584 ID:xARroakfM
>>12
設計要素もあるからね
ちゃんと覚えたい

6: 2018/09/10(月) 21:30:20.897 ID:L0HqM65h0
よくW3C(であってる?)読んでいたわ

9: 2018/09/10(月) 21:31:06.054 ID:xARroakfM
>>6
よく読んでた割にあやふやな記憶だな…

7: 2018/09/10(月) 21:30:32.973 ID:UO7QlS8d0
会社で勉強してたの?

11: 2018/09/10(月) 21:32:12.686 ID:xARroakfM
>>7
職業訓練だよ

10: 2018/09/10(月) 21:31:45.888 ID:YBQ4MACr0
はいdiv
はいspan
はいrelative
はいabsolute

13: 2018/09/10(月) 21:33:33.591 ID:L0HqM65h0
>>10 div とspanはよく間違えてレイアウトぐちゃぐちゃになるわw

15: 2018/09/10(月) 21:35:36.159 ID:xARroakfM
ぶっちゃけもう少し簡単だろうと思ってたら難しすぎて泣きそう

22: 2018/09/10(月) 21:39:11.894 ID:L0HqM65h0
>>15 どこら辺が難しいと感じるの?

25: 2018/09/10(月) 21:40:29.861 ID:xARroakfM
>>22
書き方自由過ぎて、設計しにくいし崩れやすい。

あと、実現する書き方が多岐にあるから、どれ使っていいかわからんことが多い。

27: 2018/09/10(月) 21:41:34.482 ID:L0HqM65h0
>>25 たしかに書き方がたくさんあるから、うまく選ばないと自分の思うようなものがどんどん難しくなっていく。

16: 2018/09/10(月) 21:35:58.618 ID:GkjSV62p0
何でもかんでもdivっとけばいい風潮

18: 2018/09/10(月) 21:37:05.416 ID:xARroakfM
>>16
今はそんな風潮無くなってるぞ

17: 2018/09/10(月) 21:36:33.937 ID:ZHL4FTwWH
scss使おう

19: 2018/09/10(月) 21:37:51.332 ID:xARroakfM
>>17
それ難しいからとりあえず使わない。

慣れたら使いたい

23: 2018/09/10(月) 21:39:48.850 ID:ZHL4FTwWH
>>19
そんな難しい要素あるか?
素のcssめんどすぎてもう無理だわ

28: 2018/09/10(月) 21:42:00.558 ID:xARroakfM
>>23
まず設計で悩んで割るのでそこを固めてからscss行きたい

20: 2018/09/10(月) 21:37:53.447 ID:30MnKTte0
あと数年もすればサイトのレイアウト手書きしただけでレスポンシブも考慮したCSSをAIが作ってくれそう

21: 2018/09/10(月) 21:39:06.722 ID:xARroakfM
>>20
Microsoftがそれの簡素版みたいなソフト出したね

でも、まだまだ先だと思う

24: 2018/09/10(月) 21:40:13.995 ID:YBQ4MACr0
レスポンシブって全部相対配置ってだけじゃ駄目なの?

26: 2018/09/10(月) 21:41:16.526 ID:Wl7rct8t0
かれこれ10年くらいCSS触ってるわ
SCSSは楽だわな
部下にも覚えさせたい

29: 2018/09/10(月) 21:43:02.467 ID:xARroakfM
>>26
まじか、大先輩やな

FLOCSS理解できないんだけど…

30: 2018/09/10(月) 21:43:35.695 ID:ZHL4FTwWH
書き方たくさんあるのは間違いないんだけど
プリプロセッサ使わずに素で書いてると記述量が増えてどんどん見通しが悪くなって詰むってパターンだと思う

33: 2018/09/10(月) 21:47:10.887 ID:xARroakfM
>>30
初心者から見ると難しい…
あれコンパイルいるんしょ?
ちょっとずつ書き直しながら確認してるからかなりの手間になりそうだから、生でわかるようになってから使いたい

34: 2018/09/10(月) 21:50:39.189 ID:ZHL4FTwWH
>>33
難しく見えるのは気のせいだよ
ちまちま素のcss書いてる方がよっぽど難しいことやってるよ
規模がでかいと特に

コンパイルが必要なのはあってるけど別に導入してしまえばリアルタイムでコンパイルされるからリロードの手間は感じたこと無いかな
そもそも試行錯誤はブラウザでやるしね

36: 2018/09/10(月) 21:52:16.380 ID:xARroakfM
>>34
そもそも論なんだが、ちゃんと設計?コード規約決まってないと余計にぐちゃぐちゃしそうで怖い

37: 2018/09/10(月) 21:56:00.185 ID:ZHL4FTwWH
>>36
逆だよ
素の言語なりでやるから自由度があってぐちゃぐちゃになりやすい
だからフレームワークやプリプロセッサ使って書き方を統一して見通しを良くする
scssで言ったらほかのフレームワークとかとと違ってほぼcssを便利にしただけだから学習コストもほぼ無いしね

38: 2018/09/10(月) 21:59:32.006 ID:xARroakfM
>>37
なるほど。フレームワークはデザインがこり固まりそうで使いたくなかったんだが、現場では使うのが当たり前なの?

40: 2018/09/10(月) 22:05:34.060 ID:ZHL4FTwWH
>>38
フレームワーク使わない職場
もしくは自社フレームワークなんて使ってる現場はどちらも例外無く技術的に何年も遅れを取ってる

41: 2018/09/10(月) 22:06:33.806 ID:xARroakfM
>>40
え…まじかよ…

ブートストラップしか知らんかったけど、みんな使ってるんかあ

43: 2018/09/10(月) 22:09:06.021 ID:ZHL4FTwWH
>>41
bootstrap の名前だすか悩んだけど積極的に使ってくべきよ

45: 2018/09/10(月) 22:11:16.833 ID:xARroakfM
>>43
ははぁ…ちょっと調べて見るかなあ

設計は何ベース?まぁ会社やプロジェクトによってバラバラだろうけど…

46: 2018/09/10(月) 22:14:02.632 ID:ZHL4FTwWH
>>45
俺の知識不足であったら申し訳ないんだけど
さっきから気にしてる設計って言葉がよくわからない
例えば何ベースみたいなのがあるの?

49: 2018/09/10(月) 22:17:31.245 ID:xARroakfM
>>46
俺も素人なので手探りやけども…
MCSS、OOCSS、FLOCSSとか…

今はFLOCSSっぽい感じで書こうと頑張ってるんだけどよくわからん

52: 2018/09/10(月) 22:21:37.543 ID:ZHL4FTwWH
>>49
やーしらなかった
意識したこと無いけどoocssだと思う

53: 2018/09/10(月) 22:28:33.909 ID:xARroakfM
>>52
そうか、現場でもみんな使ってるわけじゃないんだな。
ありがとう

54: 2018/09/10(月) 22:30:48.284 ID:ZHL4FTwWH
>>53
ググってみた感じあまり資料も無くて流行ってる感無いように見えた
超大規模なところとかじゃないと意識されないんだろうね

31: 2018/09/10(月) 21:44:32.863 ID:SAHF90Pm0
時代はSass

32: 2018/09/10(月) 21:46:12.299 ID:L0HqM65h0
scssとかあるんだな。触ってみよう

39: 2018/09/10(月) 22:01:48.760 ID:eGRJLpHs0
transition覚えたらなんか一気にやれてる感出て楽しくなるぞ

42: 2018/09/10(月) 22:07:20.258 ID:xARroakfM
>>39
アニメーションのやつな
簡単なのはjsじゃなくてこっち使いたいな

50: 2018/09/10(月) 22:19:23.613 ID:eGRJLpHs0
bootstrapは複数人とグリッドシステム共有するとき便利
仕事でやるんなら慣れといた方がいいぞ

51: 2018/09/10(月) 22:21:20.343 ID:xARroakfM
>>50
フリーでやろうと思ってるから、チーム開発はとりあえず無視してる…

デザインって似たよったりしない?

55: 2018/09/10(月) 22:41:02.851 ID:eGRJLpHs0
>>51
基本型があった上でのデザインがちょうどいいんだよ
奇抜な形にして喜ぶのは作ったやつとそれにOKしたクライアントだけ
それ見に来たユーザーは見にくいつって直帰するからな

48: 2018/09/10(月) 22:15:02.119 ID:ZPwtNlBJ0
今のcssって色々出来んのなちょっと前までposition以外はHTMLでできるのばったかだったのに

引用元: http://hebi.5ch.net/test/read.cgi/news4vip/1536582361/