@extendを使うべき時、@mixinを使うべき時 | POSTD

テクノロジーカテゴリーの変更を依頼記事元:

postd.cc

130 usersがブックマークコメント

コメント

8

記事へのコメント8件

注目コメント
新着コメント

Jxck 「SASS の話」って書いておいた方が良さそう。

css
sass

2015/04/14 リンク

sakimoridotnet “@extendは「理由があって同じ」である場合に使いましょう。@mixinは「偶然同じ」の場合に使いましょう。”

HTML・CSS

2021/12/09 リンク

norando “@extendは重複に理由がある時に使いましょう。@mixinは特に理由なく重複させる際に使いましょう。”

Sass

2017/05/21 リンク

tohokuaiki うーん、@extendってブレースによる継承とほぼ意味が変わらない気がしてる。@mixinがあるのであれば過去の遺物なんじゃないかな？

2016/11/21 リンク

izumin5210 DRYをはきちがえるな問題 “コンパイルされたシステムでの重複は悪いことではありませんが、ソース内の重複はいいことではありません。”

2015/04/17 リンク

lpcwwwcom 【翻訳】@extendを使うべき時、@mixinを使うべき時

2015/04/14 リンク

Jxck 「SASS の話」って書いておいた方が良さそう。

css
sass

2015/04/14 リンク

otchy210 こういう話があるから、AltCSS は AltJS に比べてずっと怖いな、という印象がある。

2015/04/13 リンク

teppeis @extendは本当の継承関係にあるセレクタだけに使う、@mixinは単にDRYのために使う

sass

2015/04/13 リンク

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

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

@extendを使うべき時、@mixinを使うべき時 | POSTD

(編注：2020/08/18、いただいたフィードバックをもとに記事を修正いたしました。) 私がクライアントから... (編注：2020/08/18、いただいたフィードバックをもとに記事を修正いたしました。) 私がクライアントからよく受ける質問に「@mixinと@extend、それぞれどのような時に使うべき？」というものがあります。 “引数を使わない@mixinは悪である”。これは以前からある経験則です。同じコードを2つのインスタンスで重複させるだけの@mixinは不快でさえあります。しかし、@extendを使うべき時、@mixinを使うべき時、これらを見極めることにはもっと深い意味があるのです。それでは詳しく考察していくことにしましょう。私は普段、@extendは決して使わないようにとアドバイスしています。@extendには、一見したところ魅力的な特徴がたくさんあるのですが、注意しなければいけない点はそれ以上にあります。言ってしまえば見かけ倒しだということです。それでも@extendを使い

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

sakimoridotnet2021/12/09
papabeard2021/10/09
fuyu772020/11/15
ZombieStomp2020/07/20
fukukitaru29802018/11/16
wdr_s2018/10/22
hopekuson2018/04/03
latica2018/03/20
tzmfreedom2017/11/23
yutaszk232017/11/13
karur4n2017/08/08
tetsuharu1022017/06/12
norando2017/05/21
koogawa2017/05/17
InoHiro2017/05/16
pirokong-z2017/05/09
lordkf2017/05/02
IzumiSy2017/01/06

同じサイトの新着

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

いま人気の記事

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

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

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

新着記事 - テクノロジー

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

設定を変更しましたx