---
title: CSSによる「スタイリング」コントロールの苦悩と変遷｜ブログ｜HubSpotやCSS設計に明るい半田 惇志の個人サイト
description: 2025/02/12にオンラインにて開催された「CSS設計完全ガイド／Tailwind-CSS実践入門著者に聞く 負債にならないCSSの書き方とは」のセミナーにて、LTとして発表した内容の資料です。CSSの始まりから、現代のスコープ付きコンポーネント環境に至るまでの変遷、パラダイムシフトとなったタイミングをざっくりまとめています。
image: https://assialiholic.net/hubfs/img/20250212-offers-css-styling-history/20250212-offers-css-styling-history-thumb.png
---

[![Thiking Saladのロゴ](https://assialiholic.net/hubfs/img/common/logo.svg)](https://assialiholic.net)

HubSpotやCSS設計に明るい半田のウェブサイトです。  
ウェブサイトの本質は情報を伝えることですので、それを言い訳にデザインは全体的に工事中です。

- <https://twitter.com/assialiholic>

- [半田について](https://assialiholic.net/about)
- [ブログ](https://assialiholic.net/blog)

Feb

- [\*Technology](https://assialiholic.net/blog/tag/technology)
- [スライド](https://assialiholic.net/blog/tag/スライド)
- [HTML/CSS](https://assialiholic.net/blog/tag/html-css)

# CSSによる「スタイリング」コントロールの苦悩と変遷

シェア：

- <https://www.facebook.com/sharer.php?u=https%3A%2F%2Fassialiholic.net%2Fblog%2Ftechnology%2F20250212-offers-css-styling-history>
- <https://twitter.com/share?text=CSS%E3%81%AB%E3%82%88%E3%82%8B%E3%80%8C%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AA%E3%83%B3%E3%82%B0%E3%80%8D%E3%82%B3%E3%83%B3%E3%83%88%E3%83%AD%E3%83%BC%E3%83%AB%E3%81%AE%E8%8B%A6%E6%82%A9%E3%81%A8%E5%A4%89%E9%81%B7&url=https%3A%2F%2Fassialiholic.net%2Fblog%2Ftechnology%2F20250212-offers-css-styling-history>

![CSSによる「スタイリング」コントロールの苦悩と変遷 サムネイル画像](https://assialiholic.net/hubfs/img/20250212-offers-css-styling-history/20250212-offers-css-styling-history-thumb.png)

2025/02/12にオンラインにて開催された「[CSS設計完全ガイド／Tailwind-CSS実践入門著者に聞く 負債にならないCSSの書き方とは](https://offers-jp.connpass.com/event/342125/)」のセミナーにて、LTとして発表した内容の資料です。

CSSの始まりから、現代のスコープ付きコンポーネント環境に至るまでの変遷、パラダイムシフトとなったタイミングをざっくりまとめています。

<iframe style="width: 100%; aspect-ratio: 16 / 9.9" src="https://assialiholic.net/hubfs/slides/20250212-offers-css-styling-history.pdf#toolbar=0&amp;navpanes=0" loading="lazy">
</iframe>

 スマホは下記から直接PDFを開いて下さい＼(^o^)／  
[直接PDFを開く](https://assialiholic.net/hubfs/slides/20250212-offers-css-styling-history.pdf)

シェア：

- <https://www.facebook.com/sharer.php?u=https%3A%2F%2Fassialiholic.net%2Fblog%2Ftechnology%2F20250212-offers-css-styling-history>
- <https://twitter.com/share?text=CSS%E3%81%AB%E3%82%88%E3%82%8B%E3%80%8C%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AA%E3%83%B3%E3%82%B0%E3%80%8D%E3%82%B3%E3%83%B3%E3%83%88%E3%83%AD%E3%83%BC%E3%83%AB%E3%81%AE%E8%8B%A6%E6%82%A9%E3%81%A8%E5%A4%89%E9%81%B7&url=https%3A%2F%2Fassialiholic.net%2Fblog%2Ftechnology%2F20250212-offers-css-styling-history>

## コメント

## 関連記事

## 人気の記事

- [半田について](https://assialiholic.net/about)
- [ブログ](https://assialiholic.net/blog)

© Atsushi Handa Powered by [HubSpot.](https://www.hubspot.jp/)

```json
{
  "@context" : "https://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "半田惇志",
    "url" : "https://assialiholic.net/blog/author/atsushi-handa"
  },
  "datePublished" : "2025-02-12T09:57:45.000Z",
  "headline" : "CSSによる「スタイリング」コントロールの苦悩と変遷",
  "image" : [ "https://assialiholic.net/hubfs/img/20250212-offers-css-styling-history/20250212-offers-css-styling-history-thumb.png" ],
  "mainEntityOfPage" : {
    "@id" : "https://assialiholic.net/blog/technology/20250212-offers-css-styling-history",
    "@type" : "WebPage"
  },
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject"
    }
  }
}
```

```json
{
  "@context" : "https://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "半田惇志"
  },
  "dateModified" : "2026-11-10 17:17:36",
  "datePublished" : "2025-02-12 09:57:45",
  "headline" : "CSSによる「スタイリング」コントロールの苦悩と変遷",
  "image" : [ "https://247945903.fs1.hubspotusercontent-na2.net/hubfs/247945903/img/20250212-offers-css-styling-history/20250212-offers-css-styling-history-thumb.png" ],
  "mainEntityOfPage" : {
    "@id" : "https://assialiholic.net/blog",
    "@type" : "WebPage"
  },
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "url" : ""
    },
    "name" : ""
  }
}
```