Web制作で今メインに使っているCSS手法は?

Name: Web制作で今メインに使っているCSS手法は?（アンケート集計データ）
Creator: コエカツ
Published: 2026-02-18T14:21:39+09:00
License: https://creativecommons.org/licenses/by/4.0/

作成: コエカツ運営・閲覧 466 ・最終投票 2026/06/21

現在の案件で主に採用しているもの。

回答を選んでください（1つ選択）

Tailwind CSS 素のCSS/カスタムプロパティ Sass/SCSS CSS Modules CSS-in-JS Bootstrapなどのフレームワーク

ゲストとして投票できます。メール確認済みのアカウントでログインして投票すると「メール確認済みの票」として記録されます。

まわりの人にも聞いてみませんか？

回答が増えるほど結果の精度が上がり、引用や参考にしやすいデータになります。 SNSやLINEでシェアして、みんなの声を集めましょう。

X LINE Facebook はてブ

集計結果

最新の集計・11票

並び順

表示する票

すべての投票メール確認済みのみ

Web制作で今メインに使っているCSS手法は?

回答11人のうち「CSS Modules」が36.4%で最多だった（コエカツ調べ・2026年6月時点）。

この質問のグラフ

「Web制作で今メインに使っているCSS手法は?」の集計結果
選択肢	票数	割合
Tailwind CSS	1	9.1%
素のCSS/カスタムプロパティ	2	18.2%
Sass/SCSS	1	9.1%
CSS Modules	4	36.4%
CSS-in-JS	2	18.2%
Bootstrapなどのフレームワーク	1	9.1%
回答者数	11

答えた人の内訳は、5人以上が属性を登録すると表示されます。

この結果から読み取れること

Web制作で今メインに使っているCSS手法を聞いたところ、「CSS Modules」が4票で36.4%と一番多く選ばれているみたいだね。2位には18.2%で「素のCSS/カスタムプロパティ」と「CSS-in-JS」がそれぞれ2票で並んでいるよ。1位との差は18.2ポイントあるから、少し抜け出している印象だね。上位2つを合わせると54.5%の6票になって、半数を超える人がこの2つのどちらかをメインに使っていることがわかる。一方で、4位には9.1%で「Tailwind CSS」「Sass/SCSS」「Bootstrapなどのフレームワーク」がそれぞれ1票で並んでいて、メインで使っている手法は人によってだいぶばらつきがあるみたいだね。

いまは最新の集計を表示中です。下から選ぶと、その時点・期間で数値が変わらない固定版を表示します（引用コードもその固定版になります）。 2026年2月〜2026年7月の範囲で選べます。

① ある月の終わりまでの集計を見る

選んだ月の終わりの日までに集まった票を全部合計したもの（その後に入った票は含みません）。「◯月の時点ではこうだった」と示したいときに。

2026年7月末 2026年6月末 2026年5月末

② ある期間に入った票だけで見る

累計ではなく、選んだ期間内に投じられた票だけを集計します。

※「ちょうど今この瞬間」を固定したいときは、下の「引用・掲載する」の「今の結果を固定して引用する」を押してください。

このアンケートを引用・掲載する

この調査結果は、ブログや記事に自由に掲載できます。下の「開く」から、グラフの埋め込み・リンク・出典の書き方・データがコピー／ダウンロードできます。掲載時は出典としてコエカツへのリンクを残してください。

リアルタイム表示中。投票が入るたびに数値は変わります。数値を変えずに引用したいときは、次の2通りです：

① 今この瞬間の数値で固定 ― いまの集計を別ページとして保存します（今月の途中でも固定できます）。

② 過去の特定の月・期間の数値で ― 上の「過去の時点・期間で引用する」で選ぶと、下の引用コード・ダウンロードもその数値になります。

① 埋め込みコード（グラフをそのまま貼れます）・常に最新

<iframe src="https://www.datasetsearch.jp/surveys/969/embed/" id="koe-embed-969" width="100%" height="786" frameborder="0" style="max-width:560px" title="Web制作で今メインに使っているCSS手法は? | コエカツ"></iframe><script>(function(){var s=document.currentScript,f=s&&s.previousElementSibling;window.addEventListener("message",function(e){if(f&&e.source===f.contentWindow&&e.data&&e.data.koeEmbed&&typeof e.data.height==="number"){f.style.height=e.data.height+"px";}});})();</script>

② リンクURL

③ 引用テキスト（出典表記）

④ 集計データをダウンロード（CSV / XML / YAML / JSON / SVG）

CSV＝Excel対応の表形式／ XML＝構造化マークアップ／ YAML＝人間が読みやすい形式／ JSON＝API連携用／ SVG＝そのまま貼れる集計チャート画像。出典明記で自由に利用できます（CC BY 4.0）。

全体

CSV XML YAML JSON SVG

メール確認済みの票のみ

CSV XML YAML JSON SVG

本データセットは Google Dataset Search の収載対象です（構造化データを機械可読で提供しています）。