はてなブログに投稿しました - 判別可能なユニオン型 (discriminated union) - tailwindcss user-select - tailwindcss object-fit 今日の学び(2024/06/04) - オレの敵はだいたい『俺』 kanonon.hatenablog.com/entry/2024/06/… #はてなブログ

ECCHUとスプリットありました！ #PR #メルカリ <a href="jp.mercari.com/item/m42001944…" target="_blank"><img src="ambassador-system.mercari.com/v1/i?id=m42001…" width="110" height="110" style="object-fit:contain;"></a>

気に入った方は是非！激おすすめです！ #PR #メルカリ <a href="jp.mercari.com/item/m78492641…" target="_blank"><img src="ambassador-system.mercari.com/v1/i?id=m78492…" width="110" height="110" style="object-fit:contain;"></a>

これ似てるの持ってる！フルクローズできて中で着替えられるから便利♪ <a href="jp.mercari.com/shops/product/…" target="_blank"><img src="ambassador-system.mercari.com/v1/i?id=bR2eh3…" width="110" height="110" style="object-fit:contain;"></a>

カッコいい… バイクの後ろに積むやつとは違うタイプなのかな？ <a href="jp.mercari.com/shops/product/…" target="_blank"><img src="ambassador-system.mercari.com/v1/i?id=4DRDCc…" width="110" height="110" style="object-fit:contain;"></a>

たつ辰タツ～♪ めっちゃ素敵！次のキャンプ着てドやりたい～（友達に） <a href="jp.mercari.com/item/m81714575…" target="_blank"><img src="ambassador-system.mercari.com/v1/i?id=m81714…" width="110" height="110" style="object-fit:contain;"></a>

とっても可愛い❤レッサーくんマスコットキーホルダー <a href="jp.mercari.com/item/m63145674…" target="_blank"><img src="ambassador-system.mercari.com/v1/i?id=m63145…" width="110" height="110" style="object-fit:contain;"></a>

✔画像の比率を 保ったまま縮小・拡大 object-fit: cover; また、やらかしてしまいました😱 slackのスレッドで返信を しないといけないのに チャンネルに返信を… 皆様すみませんでした🙏

RTX4080SUPER、White、 165000円で中古品が入荷しました。#ad INNO3D RTX4080 super ↓メルカリ↓ <a href="jp.mercari.com/item/m12296771…" target="_blank"><img src="ambassador-system.mercari.com/v1/i?id=m12296…" width="110" height="110" style="object-fit:contain;"></a>

かわいすぎる絵本を見つけました☺️ ちびすけが、車とかわいい動物が好きなので喜びそうだなー <a href="jp.mercari.com/item/m67070995…" target="_blank"><img src="ambassador-system.mercari.com/v1/i?id=m67070…" width="110" height="110" style="object-fit:contain;"></a>

深澤直人　moretreesの鳩時計　状態もいいし、価格も手頃。すぐ売れちゃうでしょう。 <a href="jp.mercari.com/shops/product/…" target="_blank"><img src="ambassador-system.mercari.com/v1/i?id=g94BjR…" width="110" height="110" style="object-fit:contain;"></a>

ちいかわグッズ 新品・未使用品✨ ↓ <a href="jp.mercari.com/item/m11707465…" target="_blank"><img src="ambassador-system.mercari.com/v1/i?id=m11707…" width="160" height="160" style="object-fit:contain;"></a> #メルカリアンバサダー #ちいかわ

【交換：譲渡】i☆Ris 缶バッジ 💚山北💚 バラ売り：350円×個数+送料210円+手数料 よろしくお願いいたします。 <a href="jp.mercari.com/item/m34021931…" target="_blank"><img src="ambassador-system.mercari.com/v1/i?id=m34021…" width="110" height="110" style="object-fit:contain;"></a>

RTX3090、中古品、 109500円で入荷しました。 RTX3090 GAMING x TRIO msi ↓メルカリ↓ <a href="jp.mercari.com/item/m88285450…" target="_blank"><img src="ambassador-system.mercari.com/v1/i?id=m88285…" width="110" height="110" style="object-fit:contain;"></a>

RTX3060搭載、 エイスース ASUS ゲーミングノートPC/ROG Strix G15/15.6、中古品、 115000円に値下がりしました。#ad ↓メルカリ↓ <a href="jp.mercari.com/item/m29338027…" target="_blank"><img src="ambassador-system.mercari.com/v1/i?id=m29338…" width="110" height="110" style="object-fit:contain;"></a>

メルカリ価格未設定機能実際どうなの？ <a href="jp.mercari.com/item/m98741706…" target="_blank"><img src="ambassador-system.mercari.com/v1/i?id=m98741…" width="110" height="110" style="object-fit:contain;"></a>

RTX3090、中古品、 105000円で入荷しました。#ad PALIT RTX3090 24GB ↓メルカリ↓ <a href="jp.mercari.com/item/m70294633…" target="_blank"><img src="ambassador-system.mercari.com/v1/i?id=m70294…" width="110" height="110" style="object-fit:contain;"></a>

かわいい…売ってるところが少ない…<a href="jp.mercari.com/item/m91521504…" target="_blank"><img src="ambassador-system.mercari.com/v1/i?id=m91521…" width="110" height="110" style="object-fit:contain;"></a>

イエモンのドキュメンタリー映画オトトキの豪華版BluRay <a href="jp.mercari.com/item/m44244284…" target="_blank"><img src="ambassador-system.mercari.com/v1/i?id=m44244…" width="110" height="110" style="object-fit:contain;"></a>

<a href="jp.mercari.com/item/m55642336…" target="_blank"><img src="ambassador-system.mercari.com/v1/i?id=m55642…" width="160" height="160" style="object-fit:contain;"></a> いいねー！#supreme

返信先:@okunokentaroimg や canvas の場合は width, height 両方 100% にして、object-fit: contain もあり SVG 要素の場合は、<svg preserveAspectRatio="xMidYMid meet"> で contain になる

ハンドメイドの布マスクです。 鬼滅の刃の珠世さんをイメージ😃 <a href="jp.mercari.com/item/m54262956…" target="_blank"><img src="ambassador-system.mercari.com/v1/i?id=m54262…" width="110" height="110" style="object-fit:contain;"></a>

RTX3090Ti、ジャンク品、 83000円で入荷しました。#ad msi rtx3090ti ↓メルカリ↓ <a href="jp.mercari.com/item/m25339733…" target="_blank"><img src="ambassador-system.mercari.com/v1/i?id=m25339…" width="110" height="110" style="object-fit:contain;"></a>

商品ページにアクセスできました。 RTX3090Ti、 70000円 ジャンク品のようです。#ad ↓メルカリ↓ <a href="jp.mercari.com/item/m95500039…" target="_blank"><img src="ambassador-system.mercari.com/v1/i?id=m95500…" width="110" height="110" style="object-fit:contain;"></a>

RTX3090+Core i5-12450H　搭載、ゲーミングノートPC、 80000円で中古品が入荷しました。#ad MSI ゲーミングノートPC RTX3090 ↓メルカリ↓ <a href="jp.mercari.com/item/m37728768…" target="_blank"><img src="ambassador-system.mercari.com/v1/i?id=m37728…" width="110" height="110" style="object-fit:contain;"></a>

メルカリPR 最近のvtuberのグッズはすごいのね <a href="jp.mercari.com/item/m23455637…" target="_blank"><img src="ambassador-system.mercari.com/v1/i?id=m23455…" width="110" height="110" style="object-fit:contain;"></a>

マフラータオル 黒 こちらは2枚ありま～す😃まとめ買い大歓迎♡ <a href="jp.mercari.com/item/m21712830…" target="_blank"><img src="ambassador-system.mercari.com/v1/i?id=m21712…" width="110" height="110" style="object-fit:contain;"></a>

こちらも解散前、ﾌｧﾝｸﾗﾌﾞがPetticoat laneだった20年以上前のお品です。HEESEYプロデュースのピアス‼️ <a href="jp.mercari.com/item/m12018408…" target="_blank"><img src="ambassador-system.mercari.com/v1/i?id=m12018…" width="110" height="110" style="object-fit:contain;"></a>

解散前、Petticoat lane時代の公式グッズです。シルバーのブレスレット。20年以上前のお品です。 <a href="jp.mercari.com/item/m61971132…" target="_blank"><img src="ambassador-system.mercari.com/v1/i?id=m61971…" width="240" height="240" style="object-fit:contain;"></a>

いよいよ生活破綻💢 根こそぎ断捨離💦 コツコツ集めた家宝たち💎 ガチホ出来ず泣く泣く放出中･･･ <a href="jp.mercari.com/item/m92273237…" target="_blank"><img src="ambassador-system.mercari.com/v1/i?id=m92273…" width="110" height="110" style="object-fit:contain;"></a>

さすが北海道堪りません^_^ <a href="jp.mercari.com/shops/product/…" target="_blank"><img src="ambassador-system.mercari.com/v1/i?id=jTjq3P…" width="160" height="160" style="object-fit:contain;"></a> #いくら #北海道

斬新なくつ！ <a href="jp.mercari.com/shops/product/…" target="_blank"><img src="ambassador-system.mercari.com/v1/i?id=wjKV74…" width="160" height="160" style="object-fit:contain;"></a> #NIKK #流行り #トレンド

めっちゃ美味い！ <a href="jp.mercari.com/shops/product/…" target="_blank"><img src="ambassador-system.mercari.com/v1/i?id=YMNz3L…" width="160" height="160" style="object-fit:contain;"></a>

こちらも解散前の公式グッズ、ブレスレットです。 <a href="jp.mercari.com/item/m14249516…" target="_blank"><img src="ambassador-system.mercari.com/v1/i?id=m14249…" width="110" height="110" style="object-fit:contain;"></a>

RTX3090、TUF、中古品、 105000円で入荷しました。#ad TUF-RTX3090-24G-GAMING [ASUS NVIDIA] ↓メルカリ↓ <a href="jp.mercari.com/item/m38591095…" target="_blank"><img src="ambassador-system.mercari.com/v1/i?id=m38591…" width="110" height="110" style="object-fit:contain;"></a>

RTX4090 SUPRIM水冷、 280000円で中古品が入荷しました。#ad MSI GeForce RTX 4090 SUPRIM LIQUID X 24G ↓メルカリへのリンク↓ <a href="jp.mercari.com/item/m40721236…" target="_blank"><img src="ambassador-system.mercari.com/v1/i?id=m40721…" width="110" height="110" style="object-fit:contain;"></a>

imgにwidth:100%とheight:100%とobject-fit:coverを指定して、 back-ground-colorでサイトのイメージカラー入れておけば、 lorem picsum使わなくても何となくイメージ湧くサイトを一旦作れるから画像の用意がまだならオススメ

RTX2070塔載、ASUS ROG STRIX ゲーミングノート、 73000円まで値下がりしました。#ad G531GW-I7R2070 ↓メルカリ↓ <a href="jp.mercari.com/item/m89969016…" target="_blank"><img src="ambassador-system.mercari.com/v1/i?id=m89969…" width="110" height="110" style="object-fit:contain;"></a>

「東洋の英知と西欧の心理療法 精神医学者のインド紀行」 メダルト・ボス / 霜山 徳爾 / 大野 美都子 定価: ￥ 4200 <a href="jp.mercari.com/item/m73652374…" target="_blank"><img src="ambassador-system.mercari.com/v1/i?id=m73652…" width="110" height="110" style="object-fit:contain;"></a>