質問編集履歴
6
試してみたサービスを追記しています。(cssnano)
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
|
|
55
55
|
- [W3C CSS Validation Service](https://jigsaw.w3.org/css-validator/) - 重複していても、「おめでとうございます！エラーはありません」という結果になる。
|
|
56
56
|
|
|
57
|
-
- [CSSO](https://css.github.io/csso/csso.html) -
|
|
57
|
+
- [CSSO](https://css.github.io/csso/csso.html),[cssnano](https://cssnano.co/) - デフォルトCSSと追加CSSが統合されてしまい、追加CSSの分だけ取り出すことが出来ず失敗。
|
|
58
58
|
|
|
59
59
|
- [difff](https://difff.jp/) - 単純な文章の差分を探すサービスなので、重複しているスタイルなどは抽出できず失敗。
|
|
60
60
|
|
5
実際に試した行動を追記しています。（勉強会で相談してみました。）
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -46,19 +46,37 @@
|
|
|
46
46
|
|
|
47
47
|
|
|
48
48
|
|
|
49
|
-
|
|
49
|
+
#### 具体的に試してみたサービス
|
|
50
50
|
|
|
51
|
-
|
|
51
|
+
(仕事中は見つけたものを手当たり次第試してたので、思い出せる範囲内で記録。)
|
|
52
52
|
|
|
53
|
-
[difff](https://difff.jp/) - 単純な文章の差分を探すサービスなので、重複しているスタイルなどは抽出できず失敗。
|
|
54
53
|
|
|
55
|
-
[CSS LINT](http://csslint.net/),[SYNCER](https://lab.syncer.jp/Tool/CSS-PrettyPrint/),[WebTools](http://tm-webtools.com/Tools/CssBeauty),[CSS Portal](https://www.cssportal.com/format-css/) - インデントや改行の整形機能のみだったため失敗。
|
|
56
54
|
|
|
57
|
-
[
|
|
55
|
+
- [W3C CSS Validation Service](https://jigsaw.w3.org/css-validator/) - 重複していても、「おめでとうございます！エラーはありません」という結果になる。
|
|
58
56
|
|
|
59
|
-
[
|
|
57
|
+
- [CSSO](https://css.github.io/csso/csso.html) - 項目が統合され、更に並び替えられてしまい、追加CSSの分だけ取り出すことが出来ず失敗。
|
|
60
58
|
|
|
61
|
-
[
|
|
59
|
+
- [difff](https://difff.jp/) - 単純な文章の差分を探すサービスなので、重複しているスタイルなどは抽出できず失敗。
|
|
60
|
+
|
|
61
|
+
- [CSS LINT](http://csslint.net/),[SYNCER](https://lab.syncer.jp/Tool/CSS-PrettyPrint/),[WebTools](http://tm-webtools.com/Tools/CssBeauty),[CSS Portal](https://www.cssportal.com/format-css/) - インデントや改行の整形機能のみだったため失敗。
|
|
62
|
+
|
|
63
|
+
- [Pretty Diff](https://prettydiff.com/) - 英語かつ、構成が難解で、目的の機能を達成しているかどうかのテストすら難しい。実行結果のどこをコピーしていけば目的の部分を抽出できるのか分からず、実用的じゃない。
|
|
64
|
+
|
|
65
|
+
- [WinMerge](https://forest.watch.impress.co.jp/library/software/winmerge/) - Mac非対応のためテスト不可。
|
|
66
|
+
|
|
67
|
+
- [Diff Checker](https://www.diffchecker.com/diff) - 左方に !important を入れたり、右方に書いてないセレクタを左方に書いても左方が赤く表示されるので目的の機能ではない。
|
|
68
|
+
|
|
69
|
+
|
|
70
|
+
|
|
71
|
+
#### 勉強会で相談してみた結果
|
|
72
|
+
|
|
73
|
+
- 未使用のCSSを削除してくれるサービスを使って、重複している項目をリストアップする方法を提案されました。
|
|
74
|
+
|
|
75
|
+
→この方法だと、追加CSSで値を上書きしているプロパティまで、デフォルトCSSで未使用と判断されてリストアップされてしまう。結局重複してるのか上書きしているのかを目視で確認する必要がある。
|
|
76
|
+
|
|
77
|
+
|
|
78
|
+
|
|
79
|
+
|
|
62
80
|
|
|
63
81
|
### 補足情報
|
|
64
82
|
|
4
実際に試したサービスを追記しています。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -58,6 +58,8 @@
|
|
|
58
58
|
|
|
59
59
|
[WinMerge](https://forest.watch.impress.co.jp/library/software/winmerge/) - Mac非対応のためテスト不可。
|
|
60
60
|
|
|
61
|
+
[Diff Checker](https://www.diffchecker.com/diff) - どういう処理をしているのかわからないが、左方に !important を入れたり、右方に書いてないセレクタを左方に書いても赤く表示されるので目的の機能ではない。
|
|
62
|
+
|
|
61
63
|
### 補足情報
|
|
62
64
|
|
|
63
65
|
作業環境はMac OSXです。
|
3
実際に試したサービスを追記しています。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -54,11 +54,13 @@
|
|
|
54
54
|
|
|
55
55
|
[CSS LINT](http://csslint.net/),[SYNCER](https://lab.syncer.jp/Tool/CSS-PrettyPrint/),[WebTools](http://tm-webtools.com/Tools/CssBeauty),[CSS Portal](https://www.cssportal.com/format-css/) - インデントや改行の整形機能のみだったため失敗。
|
|
56
56
|
|
|
57
|
+
[Pretty Diff](https://prettydiff.com/) - 英語かつ、構成が難解で、目的の機能を達成しているかどうかのテストすら難しい。実行結果のどこをコピーしていけば目的の部分を抽出できるのか分からず、実用的じゃない。
|
|
57
58
|
|
|
58
|
-
|
|
59
|
+
[WinMerge](https://forest.watch.impress.co.jp/library/software/winmerge/) - Mac非対応のためテスト不可。
|
|
59
|
-
|
|
60
60
|
|
|
61
61
|
### 補足情報
|
|
62
|
+
|
|
63
|
+
作業環境はMac OSXです。
|
|
62
64
|
|
|
63
65
|
デフォルトCSSを取得することはできますが、削除することはできません。
|
|
64
66
|
|
2
実際に試したサービスを追記しています。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -46,6 +46,18 @@
|
|
|
46
46
|
|
|
47
47
|
|
|
48
48
|
|
|
49
|
+
以下に具体的に試してみたサービスも追記します。(仕事中は見つけたものを手当たり次第試してたので、思い出せる範囲内ですが。)
|
|
50
|
+
|
|
51
|
+
[CSSO](https://css.github.io/csso/csso.html) - 項目が統合され、更に並び替えられてしまい、追加CSSの分だけ取り出すことが出来ず失敗。
|
|
52
|
+
|
|
53
|
+
[difff](https://difff.jp/) - 単純な文章の差分を探すサービスなので、重複しているスタイルなどは抽出できず失敗。
|
|
54
|
+
|
|
55
|
+
[CSS LINT](http://csslint.net/),[SYNCER](https://lab.syncer.jp/Tool/CSS-PrettyPrint/),[WebTools](http://tm-webtools.com/Tools/CssBeauty),[CSS Portal](https://www.cssportal.com/format-css/) - インデントや改行の整形機能のみだったため失敗。
|
|
56
|
+
|
|
57
|
+
|
|
58
|
+
|
|
59
|
+
|
|
60
|
+
|
|
49
61
|
### 補足情報
|
|
50
62
|
|
|
51
63
|
デフォルトCSSを取得することはできますが、削除することはできません。
|
1
「重複するプロパティを削除したい」から「重複する項目を削除したい」に変更しました。
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
CSS 既存のスタイルに重複する
|
|
1
|
+
CSS 既存のスタイルに重複する項目を削除したい。
|
test
CHANGED
|
@@ -16,9 +16,11 @@
|
|
|
16
16
|
|
|
17
17
|
|
|
18
18
|
|
|
19
|
-
保守性の向上のため、過去のCSSから、デフォルトCSSと重複している
|
|
19
|
+
保守性の向上のため、過去のCSSから、デフォルトCSSと重複している項目を削除する必要があるのですが、
|
|
20
20
|
|
|
21
|
+
この作業が全て目視と手作業で実行している状況です。
|
|
22
|
+
|
|
21
|
-
|
|
23
|
+
部分的にでも自動化して、取りこぼしの削減や、作業時間の短縮をしたいです。
|
|
22
24
|
|
|
23
25
|
よいツールや手法を教えてください。
|
|
24
26
|
|