---
title: SaCSS vol.78 CSSの新しい設計思想 PRECSSを作りました
description: 2016/7/23(土)に札幌にて開催されたSaCSS vol.78にて「CSSの新しい設計思想 PRECSSを作りました」というタイトルでLT登壇いたしました。 PRECSSはOOCSS、SMACSS、BEMがベースのモジュール設計になっており、特に中規模〜大規模案件において最大の威力を発揮します。
---

[ブログ](https://assialiholic.net/blog)

# [SaCSS vol.78 CSSの新しい設計思想 PRECSSを作りました](https://assialiholic.net/blog/technology/sacss-vol78)

 作成者: [半田惇志](https://assialiholic.net/blog/author/atsushi-handa)｜Jul 25, 2016, 10:26:00 AM

2016/7/23(土)に札幌にて開催された[SaCSS vol.78](http://connpass.com/event/35716/)にて*「CSSの新しい設計思想 PRECSSを作りました」*というタイトルでLT登壇いたしました。

PRECSSはOOCSS、SMACSS、BEMがベースのモジュール設計になっており、CMSやフレームワークが出力するスタイルとの住み分けも明確にできるので、特に中規模〜大規模案件において最大の威力を発揮します。スライド内にて紹介しているユニークグループは現在仕様策定中なため、FIXし次第ドキュメントの方もアップデートいたします。  
[PRECSS - Manage your CSS with prefixes](http://precss.io/ja/)

それと当日すっかり言及し忘れましたが、日本発のアーキテクチャとしては谷拓樹さんが作られた[FLOCSS](https://github.com/hiloki/flocss)が先発です。 下記の緑の本を書かれた方で、書籍内にもFLOCSSの説明があります。  
[Web制作者のためのCSS設計の教科書 モダンWeb開発に欠かせない「修正しやすいCSS」の設計手法](https://amzn.to/3PgCRHI)

[完全な記事を表示](https://assialiholic.net/blog/technology/sacss-vol78)

```json
{
  "@context" : "http://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "半田惇志"
  },
  "dateModified" : "2026-11-10T08:17:08.542Z",
  "datePublished" : "2016-07-25T10:26:00Z",
  "headline" : "SaCSS vol.78 CSSの新しい設計思想 PRECSSを作りました",
  "image" : {
    "@type" : "ImageObject",
    "height" : 60,
    "url" : "/hs/hsstatic/content_shared_assets/static-1.4092/img/default-amp-logo.png",
    "width" : 60
  },
  "mainEntityOfPage" : "https://assialiholic.net/blog/technology/sacss-vol78",
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "height" : 60,
      "url" : "/hs/hsstatic/content_shared_assets/static-1.4092/img/default-amp-logo.png",
      "width" : 60
    },
    "name" : "ブログ"
  }
}
```