{"id":7147,"date":"2022-12-23T08:58:06","date_gmt":"2022-12-22T23:58:06","guid":{"rendered":"https:\/\/www.sria.co.jp\/blog\/?p=7147"},"modified":"2022-12-23T08:58:06","modified_gmt":"2022-12-22T23:58:06","slug":"7147","status":"publish","type":"post","link":"https:\/\/www.sria.co.jp\/blog\/2022\/12\/7147\/","title":{"rendered":"Live Sass Compiler\u3067\u30d9\u30f3\u30c0\u30fc\u30d7\u30ec\u30d5\u30a3\u30c3\u30af\u30b9\u3092\u4ed8\u3051\u308b\u65b9\u6cd5 \u3010SCSS\u3011"},"content":{"rendered":"

\u534a\u5e74\u307b\u3069\u653e\u7f6e\u3057\u3066\u3044\u305f\u30bf\u30a4\u30c8\u30eb\u306e\u7591\u554f\u304c\u3088\u3046\u3084\u304f\u89e3\u3051\u305f\u306e\u3067\u3001\u5fd8\u5099\u9332\u3068\u3057\u3066\u6b8b\u3057\u307e\u3059\u3002<\/p>\n

    \n
  1. VSCode\u306esettings.json\u3067”liveSassCompile.settings.autoprefix”\u306b\u5bfe\u3059\u308b\u5024\u3092\u8a2d\u5b9a<\/li>\n<\/ol>\n
    {\n    \"workbench.startupEditor\": \"none\",\n    \"telemetry.telemetryLevel\": \"off\",\n    \"update.showReleaseNotes\": false,\n    \"explorer.confirmDelete\": false,\n    \"explorer.confirmDragAndDrop\": false,\n    \"editor.unicodeHighlight.ambiguousCharacters\": false,\n    \"files.eol\": \"\\n\",\n    \"liveSassCompile.settings.autoprefix\": [\n        \"> 0.5%\", \n        \"last 2 versions\"\n    ],\n}<\/pre>\n
    \n2. “liveSassCompile.settings.autoprefix”\u306b\u5165\u308c\u308b\u5024\u306f\u3001Browserslist<\/a>\u3067\u541f\u5473\u3057\u3066\u6c7a\u3081\u308b
    \n\u4e0a\u306ejson\u306e\u4f8b\u3060\u3068\u3001
    \n“> 0.5%”: \u4e16\u754c\u3067\u30b7\u30a7\u30a25%\u4ee5\u4e0a\u306e\u30d6\u30e9\u30a6\u30b6
    \n“last 2 versions”: \u5404\u30d6\u30e9\u30a6\u30b6\u306e\u6700\u65b0\u30ea\u30ea\u30fc\u30b9\u304b\u30892\u756a\u76ee\u306b\u65b0\u3057\u3044\u30d6\u30e9\u30a6\u30b6
    \n\u3068\u3044\u3046\u6761\u4ef6\u306b\u4e00\u81f4\u3057\u305f\u30d6\u30e9\u30a6\u30b6\u3067\u3082\u898b\u308c\u308b\u3088\u3046\u3001\u30d9\u30f3\u30c0\u30fc\u30d7\u30ec\u30d5\u30a3\u30c3\u30af\u30b9\u3092\u4ed8\u4e0e\u3057\u3066\u304f\u308c\u307e\u3059\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"
    \u534a\u5e74\u307b\u3069\u653e\u7f6e\u3057\u3066\u3044\u305f\u30bf\u30a4\u30c8\u30eb\u306e\u7591\u554f\u304c\u3088\u3046\u3084\u304f\u89e3\u3051\u305f\u306e\u3067\u3001\u5fd8\u5099\u9332\u3068\u3057\u3066\u6b8b\u3057\u307e\u3059\u3002 VSCode\u306esettings.json\u3067”liveSassCompile.settings.autoprefix”…<\/p>\n","protected":false},"author":26,"featured_media":7149,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[14,8],"tags":[],"_links":{"self":[{"href":"https:\/\/www.sria.co.jp\/blog\/wp-json\/wp\/v2\/posts\/7147"}],"collection":[{"href":"https:\/\/www.sria.co.jp\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sria.co.jp\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sria.co.jp\/blog\/wp-json\/wp\/v2\/users\/26"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sria.co.jp\/blog\/wp-json\/wp\/v2\/comments?post=7147"}],"version-history":[{"count":2,"href":"https:\/\/www.sria.co.jp\/blog\/wp-json\/wp\/v2\/posts\/7147\/revisions"}],"predecessor-version":[{"id":7150,"href":"https:\/\/www.sria.co.jp\/blog\/wp-json\/wp\/v2\/posts\/7147\/revisions\/7150"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.sria.co.jp\/blog\/wp-json\/wp\/v2\/media\/7149"}],"wp:attachment":[{"href":"https:\/\/www.sria.co.jp\/blog\/wp-json\/wp\/v2\/media?parent=7147"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sria.co.jp\/blog\/wp-json\/wp\/v2\/categories?post=7147"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sria.co.jp\/blog\/wp-json\/wp\/v2\/tags?post=7147"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}