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

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

アプリで開く

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

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

エントリーの編集

loading...

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

タイトルガイドライン

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

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

ブックマークしました

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

Twitterで共有

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

58users がブックマーク コメント 6

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

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

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

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

よく使うタグ

UIコンポーネントの大きさは外から制御しよう - Qiita

58 users qiita.com/uhyo

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

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

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

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

よく使うタグ

はてなブックマーク

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

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

ユーザー登録

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

記事へのコメント6件

  • 注目コメント
  • 新着コメント
uehaj
tailwindcssにしよう、と言っているようにしか見えないんだけど

その他
kituneudon97
propsで大きさを変更するCSSを受け取るのではなく、大きさは親要素いっぱいになるようにする。最近はwidth・heightではなくinline-size、block-sizeというサイズの指定方法が登場している

その他
kiririmode
コンポーネントのボックスがブロックレベルボックスなのであれば、コンポーネントのボックスが親から伸ばされることを前提に設計する

その他
habarhaba
CSSのボックスモデルを最大限活用することに同意

その他
yarumato
"Cardコンポーネントのwidth指定で望ましい方法は、親要素の横幅で制御。つまり、親のdiv要素を250pxに制限することで、Card要素のwidthを100%にすれば250pxまでしか広がらない。heightを100%に伸ばすには親をgridレイアウトに"

その他
jay-es
コンポーネントのサイズを指定するための props を作らない。`width: number` などだと表現力が足りない。親要素でサイズを調整する。grid なら子要素の高さも制御できる

その他

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

リンクを埋め込む

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

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

関連記事

usersに達しました!

さんが1番目にブックマークした記事「UIコンポーネント...」が注目されています。

気持ちをシェアしよう

ツイートする

UIコンポーネントの大きさは外から制御しよう - Qiita

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure y... Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

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

  • sanko04082025年10月04日 sanko0408
  • kappa-kappakun2025年06月09日 kappa-kappakun
  • sh0g02024年12月30日 sh0g0
  • uehaj2024年12月29日 uehaj
  • s_ryuuki2024年12月28日 s_ryuuki
  • h_notsu2024年12月27日 h_notsu
  • Toge2024年12月27日 Toge
  • repon2024年09月27日 repon
  • techtech05212024年08月16日 techtech0521
  • kituneudon972024年07月18日 kituneudon97
  • donotthinkfeel2024年07月16日 donotthinkfeel
  • hush_in2024年07月16日 hush_in
  • kyo_ago2024年07月15日 kyo_ago
  • lugecy2024年07月14日 lugecy
  • caramelcoffee2024年07月05日 caramelcoffee
  • machupicchubeta2024年07月05日 machupicchubeta
  • penpen-07042024年07月04日 penpen-0704
  • tsubuo2024年07月04日 tsubuo
すべてのユーザーの
詳細を表示します

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

同じサイトの新着

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

いま人気の記事

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

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

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

新着記事 - テクノロジー

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

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

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

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

はてなブックマーク

公式Twitter

はてなのサービス

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

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