Movatterモバイル変換


[0]ホーム

URL:


はてなブックマークアプリ

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

アプリで開く

はてなブックマーク

  • はてなブックマーク
  • テクノロジー
  • Tailwind CSSでデザインシステムを構築する[前編] ~「契約」としてのデザインシステム | gihyo.jp
  • Twitterでシェア
  • Facebookでシェア

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

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

エントリーの編集

loading...

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

タイトルガイドライン

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

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

ブックマークしました

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

Twitterで共有

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

126usersがブックマークコメント3

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

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

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

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

      よく使うタグ

        Tailwind CSSでデザインシステムを構築する[前編] ~「契約」としてのデザインシステム | gihyo.jp

        126 usersgihyo.jp

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

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

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

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

          よく使うタグ

            はてなブックマーク

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

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

            ユーザー登録

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

            記事へのコメント3

            • 注目コメント
            • 新着コメント
            eachtime
            デザインシステムはstorybookのようにそのままコードを再利用できるコンポーネントになっていないと運用できないよ。CSSのみじゃだめ。現実見ようよ。

              その他
              for-my-internet-demo
              “開発チームは「デザインシステムで<Modal>が提供されていないから今回はデザインシステムは無視して作る」という消極的な選択をしやすくなります”

                その他
                Magicant
                デザインシステムに必要なのはカスタムプロパティとかで定数を定義・参照することによってパターンを再利用することで、その観点では Tailwind の機能と関係ないのでは?

                その他
                eachtime
                eachtimeデザインシステムはstorybookのようにそのままコードを再利用できるコンポーネントになっていないと運用できないよ。CSSのみじゃだめ。現実見ようよ。

                  2024/01/26リンク

                  その他

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

                  リンクを埋め込む

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

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

                  関連記事

                    usersに達しました!

                    さんが1番目にブックマークした記事「Tailwind CSSでデ...」が注目されています。

                    気持ちをシェアしよう

                    ツイートする

                    Tailwind CSSでデザインシステムを構築する[前編] ~「契約」としてのデザインシステム | gihyo.jp

                    2024年1月26日発売の『TailwindCSS実践入門』の第9章「ユーティリティファーストでデザインシステムを...2024年1月26日発売の『TailwindCSS実践入門』の第9章「ユーティリティファーストでデザインシステムを構築する」の一部を、前後編の2回に分けて掲載します。ユーティリティファーストというTailwindCSSの発想を活かしたデザインシステム構築の最初の一歩をまとめたものです。開発者がデザインルールをTailwindCSSの設定に落とし込む過程はもちろん、デザイナーが開発者とどのように協力しあうべきかについても論じています。記事の内容は、書籍の最終章に当たる部分です。ほかの章の内容に言及していたり、書籍内ですでに使われた用語が説明なく登場したりするのを防ぐため、書籍の原文から一部を変更しています。 一般的には、デザインシステムとは一貫したデザインや操作性でWebサイトやアプリケーションを提供するためのガイドラインの集まりと理解されます。使われ得る色のパレットや可能なスペー

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

                    • y-teraoka2025/08/06y-teraoka
                    • montdsichel2025/05/12montdsichel
                    • nekoruri2024/12/27nekoruri
                    • donotthinkfeel2024/07/01donotthinkfeel
                    • techtech05212024/06/24techtech0521
                    • ayoshh2024/06/12ayoshh
                    • thaturn2024/02/02thaturn
                    • herakures2024/01/29herakures
                    • yuki_next2024/01/29yuki_next
                    • nuemoarukebashigokareru2024/01/28nuemoarukebashigokareru
                    • yonyon_yossy2024/01/28yonyon_yossy
                    • o_hiroyuki2024/01/27o_hiroyuki
                    • tkmt_kkc2024/01/27tkmt_kkc
                    • lugecy2024/01/27lugecy
                    • bayaread2024/01/27bayaread
                    • zakiy2024/01/26zakiy
                    • marutaku01312024/01/26marutaku0131
                    • locke-0092024/01/26locke-009
                    すべてのユーザーの
                    詳細を表示します

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

                    同じサイトの新着

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

                    いま人気の記事

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

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

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

                    新着記事 - テクノロジー

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

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

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

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

                    はてなブックマーク

                    公式Twitter

                    はてなのサービス

                    • App Storeからダウンロード
                    • Google Playで手に入れよう
                    Copyright © 2005-2025Hatena. All Rights Reserved.
                    設定を変更しましたx

                    [8]ページ先頭

                    ©2009-2025 Movatter.jp