[フレーム]
はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

気に入った記事をブックマーク

  • 気に入った記事を保存できます
    保存した記事の一覧は、はてなブックマークで確認・編集ができます
  • 記事を読んだ感想やメモを書き残せます
  • 非公開でブックマークすることもできます
適切な情報に変更

エントリーの編集

loading...

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

タイトルガイドライン

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます
コメントを非表示にできます コメント表示の設定

ブックマークしました

ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

274users がブックマーク コメント 14

ガイドラインをご確認の上、良識あるコメントにご協力ください

0 / 0
入力したタグを追加

現在プライベートモードです 設定を変更する

おすすめタグタグについて

よく使うタグ

よりよいCSSを書くための、CSS / Sass (SCSS) 30のルールとその理由

274 users zenn.dev/kagan

ガイドラインをご確認の上、良識あるコメントにご協力ください

0 / 0
入力したタグを追加

現在プライベートモードです 設定を変更する

おすすめタグタグについて

よく使うタグ

はてなブックマーク

はてなブックマークで
関心をシェアしよう

みんなの興味と感想が集まることで
新しい発見や、深堀りがもっと楽しく

ユーザー登録

アカウントをお持ちの方はログインページ

記事へのコメント14

  • 注目コメント
  • 新着コメント
arx0balest
css 界隈、いい加減たかが css の global scope 問題のためだけに、BEMM だの Sass だの狂った複雑性を持ち込むのやめんかね。style componentsやLinariaで標準のcssだけ書けばいいよ。React以外は知らん。

その他
ultimatebreak
感覚麻痺してると思うんだけど、昨今のフロントエンドは全部狂った複雑性の集まりだぞ

その他
mayumayu_nimolove
多すぎだよ。これだとサイト仕上げるよりルールを守ることだけに気が行ってしまう。CSSの沼に見事にハマってる。あとやったことないけどtailwind使ってるのに別のリセット使ったら不具合起きない?

その他
Lhankor_Mhy
詳細度をそんなに頻繁に変えるならそもそもBEMいらんのでは......などと思ってしまう。ネストの深度を表現するだけのためのツールとして使ってるイメージ?

その他
glass-_-onion
Sassで変数やら関数やらBEMやら頑張るくらいならTailwind使っとけ。Tailwindの登場でスタイルシートの世界は変わったと思う。

その他
kvx
詳細度気にしながらtailwindcss使う環境というのはどんな環境だろう。アプリなのかサイトなのか。/書いてあることはやってれば覚える内容だから特別めんどくさがる必要はないと思う。

その他
strawberryhunter
何が最適なのか未だに答えが出せないわ。CSSクラスを指定した要素だけにスタイルが適用される方が扱いやすいようだ。TailwindもBEMもこの法則にしたがうので、ここまでは確かなんだろうと思っている。

その他
otchy210
えー、SCSS 使う時も BEM にするん?せっかくブロックをネスト出来るのに?人間が命名ルールに合わせてクラス名をコピーして回るの?超違和感。

その他
yasu-log
良い内容

その他
glass-_-onion
glass-_-onion Sassで変数やら関数やらBEMやら頑張るくらいならTailwind使っとけ。Tailwindの登場でスタイルシートの世界は変わったと思う。

2022年04月18日 リンク

その他
n314
3つぐらい参考になればいいかと思ってなるほどーって読んでたけど、ブコメを見ると結構批判的だ。自分がCSS詳しくないから...?

その他
gg119104
すまん、Tailwind使うわ

その他
webstriver
なるほど便利!だけどめんどくささの絶望感(笑

その他
misarine3
正直「うぜえ」以外の感想がわかないのである

その他
kvx
kvx 詳細度気にしながらtailwindcss使う環境というのはどんな環境だろう。アプリなのかサイトなのか。/書いてあることはやってれば覚える内容だから特別めんどくさがる必要はないと思う。

2022年04月18日 リンク

その他
mayumayu_nimolove
mayumayu_nimolove 多すぎだよ。これだとサイト仕上げるよりルールを守ることだけに気が行ってしまう。CSSの沼に見事にハマってる。あとやったことないけどtailwind使ってるのに別のリセット使ったら不具合起きない?

2022年04月18日 リンク

その他
remonoil
.BlockName__ElementName--modifierNameじゃなくて.BlockName_ElementName-modifierNameにしてる。2個打つ必要性が無い

その他
ultimatebreak
ultimatebreak 感覚麻痺してると思うんだけど、昨今のフロントエンドは全部狂った複雑性の集まりだぞ

2022年04月18日 リンク

その他
Lhankor_Mhy
Lhankor_Mhy 詳細度をそんなに頻繁に変えるならそもそもBEMいらんのでは......などと思ってしまう。ネストの深度を表現するだけのためのツールとして使ってるイメージ?

2022年04月18日 リンク

その他
arx0balest
arx0balest css 界隈、いい加減たかが css の global scope 問題のためだけに、BEMM だの Sass だの狂った複雑性を持ち込むのやめんかね。style componentsやLinariaで標準のcssだけ書けばいいよ。React以外は知らん。

2022年04月18日 リンク

その他

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

プレビュー
アプリのスクリーンショット
いまの話題をアプリでチェック!
  • バナー広告なし
  • ミュート機能あり
  • ダークモード搭載
アプリをダウンロード

関連記事

usersに達しました!

さんが1番目にブックマークした記事「よりよいCSSを書く...」が注目されています。

気持ちをシェアしよう

ツイートする

よりよいCSSを書くための、CSS / Sass (SCSS) 30のルールとその理由

Webエンジニアを始めて丸2年が経ちました。 複数プロジェクトを進める中で、CSSコーディングを行うとき... Webエンジニアを始めて丸2年が経ちました。 複数プロジェクトを進める中で、CSSコーディングを行うときの「こうしておくと便利」「このほうが管理しやすい」といった知見が溜まってきたのでまとめます。 はじめに 長くなってしまった細かい説明はところどころ折りたたんでいます。概要だけで理解できたら飛ばしていただき、詳しい話が気になったら開いて読んでください。 これらは「自分がよく取り入れている手法」であって、必ずしもどのプロジェクトにも当てはまるものではないと思います。 各項目について、自分がその判断に至った 「理由」 を説明していますので、 理由を読んだ上で自分のプロジェクトに取り入れるか判断いただくと良いと思います。 この記事は、すでにCSSコーディングをしていてアイデアがほしい人に向けた記事で、 CSSをこれから学び始めるような 初学者向けではない ことご了承ください。 一般的と思われるキ

ブックマークしたユーザー

  • m-shi052025年08月12日 m-shi05
  • techtech05212023年02月11日 techtech0521
  • t_suda090612022年10月28日 t_suda09061
  • seza-ru2022年09月26日 seza-ru
  • cyber_snufkin2022年08月04日 cyber_snufkin
  • jytech2022年05月29日 jytech
  • mtrock2022年05月09日 mtrock
  • tsu4420002022年05月09日 tsu442000
  • masakuma08122022年05月06日 masakuma0812
  • akira_maru2022年05月02日 akira_maru
  • shibu_t2022年04月24日 shibu_t
  • strawberryhunter2022年04月20日 strawberryhunter
  • herakures2022年04月19日 herakures
  • littlefield2022年04月19日 littlefield
  • lesser282022年04月19日 lesser28
  • field_combat2022年04月19日 field_combat
  • tasukuchan2022年04月19日 tasukuchan
  • msukasuka2022年04月19日 msukasuka
すべてのユーザーの
詳細を表示します

ブックマークしたすべてのユーザー

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

同時期にブックマークされた記事

いま人気の記事 - 企業メディア

企業メディアをもっと読む

はてなブックマーク

公式Twitter

はてなのサービス

Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しましたx

AltStyle によって変換されたページ (->オリジナル) /