{"id":9588,"date":"2023-04-11T10:00:00","date_gmt":"2023-04-11T01:00:00","guid":{"rendered":"https:\/\/www.kagoya.jp\/howto\/?p=9588"},"modified":"2023-07-19T11:43:00","modified_gmt":"2023-07-19T02:43:00","slug":"scsswriting","status":"publish","type":"post","link":"https:\/\/www.kagoya.jp\/howto\/it-glossary\/web\/scsswriting\/","title":{"rendered":"\u3010Sass\u5165\u9580\u3011SCSS\u306e\u57fa\u672c\u7684\u306a\u66f8\u304d\u65b98\u9078\uff01\u30b3\u30fc\u30c9\u4ed8\u304d\u3067\u89e3\u8aac"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.kagoya.jp\/howto\/wp-content\/uploads\/scsswrite.jpg\" alt=\"SCSS\u306e\u66f8\u304d\u65b9\" class=\"wp-image-9753\"\/><\/figure>\n\n\n\n<p>HTML\u306e\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u306b\u304a\u3044\u3066\u3001\u591a\u304f\u306e\u958b\u767a\u8005\u304c\u4f7f\u7528\u3057\u3066\u3044\u308bSCSS\uff08\u8aad\u307f\u65b9\uff1a\u30a8\u30b9\u30fb\u30b7\u30fc\u30fb\u30a8\u30b9\u30a8\u30b9\uff09\u3002CSS\uff08\u8aad\u307f\u65b9\uff1a\u30b7\u30fc\u30fb\u30a8\u30b9\u30fb\u30a8\u30b9\uff09\u306b\u304a\u3051\u308b\u8ab2\u984c\u3092\u89e3\u6d88\u3059\u308b\u305f\u3081\u306b\u958b\u767a\u3055\u308c\u305f\u8a00\u8a9e\u3067\u3001\u4fbf\u5229\u306a\u6a5f\u80fd\u304c\u3055\u307e\u3056\u307e\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u3057\u304b\u3057\u3001SCSS\u3068\u306f\u3069\u306e\u3088\u3046\u306a\u3082\u306e\u306a\u306e\u304b\u5206\u304b\u3089\u306a\u3044\u65b9\u3082\u3044\u3089\u3063\u3057\u3083\u308b\u306e\u3067\u306f\u306a\u3044\u3067\u3057\u3087\u3046\u304b\u3002<\/p>\n\n\n\n<p>\u4eca\u56de\u306f\u3001SCSS\u306e\u57fa\u672c\u7684\u306a\u6a5f\u80fd\u3068\u3001\u66f8\u304d\u65b9\u306b\u3064\u3044\u3066\u308f\u304b\u308a\u3084\u3059\u304f\u89e3\u8aac\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">SCSS\u306e\u57fa\u672c\u6a5f\u80fd\u3068\u306f<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.kagoya.jp\/howto\/wp-content\/uploads\/02_02.jpeg\" alt=\"\" class=\"wp-image-9755\"\/><\/figure>\n\n\n\n<p>SCSS\u3068\u306f\u3001Sass\uff08\u8aad\u307f\u65b9\uff1a\u30b5\u30b9\uff09\u3068\u547c\u3070\u308c\u308b\u30b9\u30bf\u30a4\u30eb\u30b7\u30fc\u30c8\u8a00\u8a9e\u203b\u306e\u8a18\u6cd5\u306e\u3072\u3068\u3064\u3067\u3059\u3002<br>Sass\u306e\u8a18\u6cd5\u306b\u306f2\u7a2e\u985e\u304c\u5b58\u5728\u3057\u3001\u3082\u3046\u4e00\u3064\u306e\u8a18\u6cd5\u306fSASS\u3068\u3044\u3044\u307e\u3059\u3002<br>\u6df7\u540c\u3057\u3084\u3059\u3044\u3067\u3059\u304c\u3001Sass\u3068\u547c\u3070\u308c\u308b\u8a00\u8a9e\u306e\u4e2d\u306b\u3001\u300cSCSS\u300d\u3068\u300cSASS\u300d\u306e2\u3064\u306e\u8a18\u8ff0\u65b9\u6cd5\u304c\u3042\u308b\u3068\u7406\u89e3\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<p class=\"has-red-color has-text-color has-small-font-size\">\u203b\u30b9\u30bf\u30a4\u30eb\u30b7\u30fc\u30c8\u8a00\u8a9e\u3068\u306f\u3001\u6587\u66f8\u306e\u898b\u305f\u76ee\u306a\u3069\u306e\u8868\u793a\u5f62\u5f0f\u3092\u5b9a\u7fa9\u3059\u308b\u8a00\u8a9e\u3067\u3059\u3002<\/p>\n\n\n\n<p>\u5e83\u304f\u6d3b\u7528\u3055\u308c\u3066\u3044\u308b\u30b9\u30bf\u30a4\u30eb\u30b7\u30fc\u30c8\u8a00\u8a9e\u306b\u3001CSS\u304c\u3042\u308a\u307e\u3059\u3002<br>\u3057\u304b\u3057\u3001CSS\u306b\u306f\u3055\u307e\u3056\u307e\u306a\u8ab2\u984c\u304c\u3042\u308a\u305d\u308c\u3092\u89e3\u6c7a\u3059\u308b\u305f\u3081\u3001\u308f\u304b\u308a\u3084\u3059\u304f\u7ba1\u7406\u3057\u3084\u3059\u3044\u5f62\u306b\u3057\u305f\u8a18\u8ff0\u65b9\u6cd5\u304c\u304cSCSS\u3067\u3059\u3002<\/p>\n\n\n\n<p>\u3053\u306e\u7ae0\u3067\u306f\u3001SCSS\u306e\u57fa\u672c\u6a5f\u80fd\u306b\u3064\u3044\u3066\u89e3\u8aac\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"kh-box is-style-bg-sky-blue\"><div class=\"kh-box__content\">\n<p><strong>\u3010SCSS\u306e\u57fa\u672c\u6a5f\u80fd\u3011<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u5909\u6570\u3092\u5229\u7528\u3067\u304d\u308b<\/li>\n\n\n\n<li>\u30cd\u30b9\u30c8\u69cb\u9020\u3092\u5229\u7528\u3067\u304d\u308b<\/li>\n\n\n\n<li>\u30b9\u30bf\u30a4\u30eb\u30b7\u30fc\u30c8\u3092\u5206\u3051\u3089\u308c\u308b<\/li>\n\n\n\n<li>\u6761\u4ef6\u5206\u5c90\u3092\u5229\u7528\u3067\u304d\u308b<\/li>\n\n\n\n<li>Mixin\u6a5f\u80fd\u3092\u5229\u7528\u3067\u304d\u308b<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">\u5909\u6570\u3092\u5229\u7528\u3067\u304d\u308b<\/h3>\n\n\n\n<p>\u5909\u6570\u3068\u306f\u3001\u304f\u308a\u8fd4\u3057\u51fa\u3066\u304f\u308b\u30b9\u30bf\u30a4\u30eb\u5185\u306e\u30ab\u30e9\u30fc\u30b3\u30fc\u30c9\u3084\u6570\u5024\u306b\u540d\u524d\u3092\u3064\u3051\u308b\u3053\u3068\u3067\u3001\u518d\u3073\u4f7f\u7528\u3059\u308b\u6642\u306b\u540d\u524d\u3092\u66f8\u304f\u3060\u3051\u3067\u4f7f\u3048\u308b\u4fbf\u5229\u306a\u6a5f\u80fd\u3067\u3059\u3002<\/p>\n\n\n\n<p>\u4f8b\u3048\u3070\u3001Web\u30b5\u30a4\u30c8\u306e\u30d9\u30fc\u30b9\u30ab\u30e9\u30fc\u3092\u6c34\u8272\u3067\u69cb\u7bc9\u3066\u3044\u305f\u3068\u3053\u308d\u3001\u5b8c\u6210\u76f4\u524d\u306b\u306a\u3063\u3066\u8584\u3044\u7dd1\u8272\u3078\u5909\u66f4\u3057\u305f\u304f\u306a\u3063\u305f\u969b\u306b\u3001\u5909\u6570\u3092\u5b9a\u7fa9\u3057\u3066\u304a\u304f\u3053\u3068\u3067\u4e00\u62ec\u3067\u8272\u3092\u5909\u66f4\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<br>CSS\u3067\u306f\u3001\u30ab\u30e9\u30fc\u3092\u5909\u66f4\u3057\u305f\u3044\u3068\u3053\u308d\u306f\u30011\u30f6\u6240\u3054\u3068\u306b\u8a18\u8ff0\u3057\u306a\u3051\u308c\u3070\u306a\u308a\u307e\u305b\u3093\u3067\u3057\u305f\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u30cd\u30b9\u30c8\u69cb\u9020\u3092\u5229\u7528\u3067\u304d\u308b<\/h3>\n\n\n\n<p>Sass\u306f\u3001\u30cd\u30b9\u30c8\uff08\u5165\u308c\u5b50\uff09\u306b\u3088\u3063\u3066\u8a18\u8ff0\u3067\u304d\u308b\u305f\u3081\u3001\u30b3\u30fc\u30c9\u6570\u3092\u77ed\u7e2e\u3067\u304d\u308b\u7279\u9577\u304c\u3042\u308a\u307e\u3059\u3002<br>\u9069\u5ea6\u306b\u30cd\u30b9\u30c8\u3092\u4f7f\u3063\u3066\u8a18\u8ff0\u3059\u308c\u3070\u30011\u3064\u306e\u51e6\u7406\u30921\u304b\u6240\u306b\u307e\u3068\u3081\u3089\u308c\u308b\u305f\u3081\u3001\u30b7\u30f3\u30d7\u30eb\u3067\u308f\u304b\u308a\u3084\u3059\u304f\u306a\u308b\u3068\u3044\u3046\u30e1\u30ea\u30c3\u30c8\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u30b3\u30fc\u30c9\u3092\u305d\u306e\u307e\u307e\u8aad\u89e3\u3059\u308b\u3088\u308a\u3082\u3001\u898b\u843d\u3068\u3057\u306a\u3069\u306e\u30df\u30b9\u3092\u9632\u304e\u3084\u3059\u3044\u3068\u8a00\u3048\u308b\u3067\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u30b9\u30bf\u30a4\u30eb\u30b7\u30fc\u30c8\u3092\u5206\u3051\u3089\u308c\u308b<\/h3>\n\n\n\n<p>SCSS\u306f\u3001\u30b9\u30bf\u30a4\u30eb\u30b7\u30fc\u30c8\u3092\u5206\u3051\u3089\u308c\u308b\u305f\u3081\u3001\u7ba1\u7406\u304c\u3057\u3084\u3059\u3044\u7279\u9577\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u4f8b\u3048\u3070\u3001\u30d5\u30a1\u30a4\u30eb\u306e\u4fee\u6b63\u3084\u78ba\u8a8d\u3092\u884c\u3046\u969b\u306b\u3001\u30b9\u30bf\u30a4\u30eb\u30b7\u30fc\u30c8\u3092\u308f\u304b\u308a\u3084\u3059\u304f\u5206\u3051\u3066\u7ba1\u7406\u3057\u3066\u304a\u304f\u3053\u3068\u3067\u3001\u76ee\u7684\u306e\u30d5\u30a1\u30a4\u30eb\u304c\u898b\u3064\u3051\u3084\u3059\u304f\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u6761\u4ef6\u5206\u5c90\u3092\u5229\u7528\u3067\u304d\u308b<\/h3>\n\n\n\n<p>\u6761\u4ef6\u5206\u5c90\u3092\u6d3b\u7528\u3059\u308c\u3070\u3001\u3055\u307e\u3056\u307e\u306a\u51e6\u7406\u306e\u5b9f\u88c5\u304c\u53ef\u80fd\u3067\u3059\u3002<\/p>\n\n\n\n<p>Sass\u306f\u3001\u6761\u4ef6\u51e6\u7406\u306b\u3088\u308b\u6761\u4ef6\u5206\u5c90\u304c\u3067\u304d\u308b\u305f\u3081\u3001CSS\u3067\u8907\u6570\u884c\u306e\u8a18\u8ff0\u304c\u5fc5\u8981\u306a\u30b1\u30fc\u30b9\u3067\u3082\u3001\u30b3\u30fc\u30c9\u6570\u3092\u77ed\u7e2e\u3057\u3066\u8a18\u8ff0\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">mixin\u6a5f\u80fd\u3092\u5229\u7528\u3067\u304d\u308b<\/h3>\n\n\n\n<p>mixin\uff08\u8aad\u307f\u65b9\uff1a\u30df\u30c3\u30af\u30b9\u30a4\u30f3\uff09\u6a5f\u80fd\u3068\u306f\u3001\u30b3\u30fc\u30c9\u306e\u307e\u3068\u307e\u308a\u3092\u4ed6\u306e\u5834\u6240\u304b\u3089\u547c\u3073\u51fa\u305b\u308b\u6a5f\u80fd\u3067\u3059\u3002<\/p>\n\n\n\n<p>\u5229\u7528\u3059\u308b\u3053\u3068\u306e\u591a\u3044\u30b9\u30bf\u30a4\u30eb\u3092\u5b9a\u7fa9\u3057\u3066\u304a\u3051\u3070\u3001\u4ed6\u306e\u5834\u6240\u3067\u3082\u540c\u3058\u304f\u4f7f\u3048\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002\u540c\u3058\u30b9\u30bf\u30a4\u30eb\u3092\u4f55\u5ea6\u3082\u66f8\u304b\u306a\u304f\u3066\u826f\u3044\u305f\u3081\u3001\u4f5c\u696d\u3092\u7c21\u7565\u5316\u3067\u304d\u308b\u30e1\u30ea\u30c3\u30c8\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u305d\u306e\u4ed6\u3001SCSS\u306e\u57fa\u672c\u60c5\u5831\u306f\u4ed6\u306e\u8a18\u4e8b\u3067\u7d39\u4ecb\u3057\u3066\u304a\u308a\u307e\u3059\u306e\u3067\u3001\u3054\u8208\u5473\u3054\u3056\u3044\u307e\u3044\u307e\u3057\u305f\u3089\u3054\u78ba\u8a8d\u4e0b\u3055\u3044\u3002<\/p>\n\n\n\t\t<div class=\"kh-blog-card\">\n\t\t\t\t\t\t\t<figure class=\"kh-blog-card__thumbnail\">\n\t\t\t\t\t<img decoding=\"async\" width=\"1200\" height=\"630\" src=\"https:\/\/www.kagoya.jp\/howto\/wp-content\/uploads\/SCSScatch.jpg\" class=\"kh-blog-card__image wp-post-image\" alt=\"\u3010Sass\u5165\u9580\u3011SCSS\u3068\u306f\uff1fCSS\u3068\u306e\u9055\u3044\u3001\u30e1\u30ea\u30c3\u30c8\u3001\u6ce8\u610f\u70b9\u3092\u89e3\u8aac\" \/>\t\t\t\t<\/figure>\n\t\t\t\t\t\t<div class=\"kh-blog-card__text\">\n\t\t\t\t<p class=\"kh-blog-card__title\"><a href=\"https:\/\/www.kagoya.jp\/howto\/it-glossary\/web\/scss\/\">\u3010Sass\u5165\u9580\u3011SCSS\u3068\u306f\uff1fCSS\u3068\u306e\u9055\u3044\u3001\u30e1\u30ea\u30c3\u30c8\u3001\u6ce8\u610f\u70b9\u3092\u89e3\u8aac<\/a><\/p>\n\t\t\t\t<p class=\"kh-blog-card__description\">\u4eca\u3067\u306f\u3001\u5206\u304b\u3089\u306a\u3044\u3053\u3068\u304c\u3042\u308c\u3070\u3001\u30a4\u30f3\u30bf\u30fc\u30cd\u30c3\u30c8\u3067\u30ea\u30b5\u30fc\u30c1\u3059\u308b\u3053\u3068\u3067\u5927\u62b5\u306e\u3053\u3068\u306f\u89e3\u6c7a\u3067\u304d\u307e\u3059\u3002\u591a\u304f\u306eWeb\u30b5\u30a4\u30c8\u304c\u904b\u55b6\u3055\u308c\u3066\u3044\u307e\u3059\u304c\u3001\u30b5\u30a4\u30c8\u3092\u898b\u3084\u3059\u304f\u3059\u308b\u305f\u3081\u306b\u306fSCSS\uff08\u8aad\u307f\u65b9\uff1a\u30a8\u30b9\u30fb\u30b7\u30fc\u30fb\u30a8\u30b9\u30fb\u30a8\u30b9\uff09\u3068\u3044\u3046\u8a18\u8ff0\u65b9\u6cd5\u304c\u4f7f\u7528\u3055\u308c\u3066\u3044\u307e\u3059\u3002 \u3053\u306e\u8a18\u4e8b\u3067\u306f\u3001SCSS\u3068\u306f\u4f55\u306a\u306e\u304b\u3001CSS\uff08\u8aad\u307f\u65b9\uff1a\u30b7\u30fc\u30fb\u30a8\u30b9\u30fb\u30a8\u30b9\uff09\u3068\u306e\u9055\u3044\u3084\u30e1\u30ea\u30c3\u30c8\u306a\u3069\u3092\u308f\u304b\u308a\u3084\u3059\u304f\u89e3\u8aac\u3057\u307e\u3059\u3002 SCSS\u3068\u306f\uff1f SCSS\u3068\u306f\u3001\u7c21\u5358\u306b\u8a00\u3046\u3068&hellip;<\/p>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\n\n\n<h2 class=\"wp-block-heading\">SCSS\u306e\u66f8\u304d\u65b98\u9078<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.kagoya.jp\/howto\/wp-content\/uploads\/02_03.jpeg\" alt=\"\" class=\"wp-image-9756\"\/><\/figure>\n\n\n\n<p>\u3053\u3053\u3067\u306f\u3001SCSS\u306e\u66f8\u304d\u65b9\u306b\u3064\u3044\u3066\u89e3\u8aac\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"kh-box is-style-bg-sky-blue\"><div class=\"kh-box__content\">\n<p><strong>\u3010SCSS\u306e\u66f8\u304d\u65b9\u3011<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\" type=\"1\">\n<li>\u5909\u6570<\/li>\n\n\n\n<li>\u30cd\u30b9\u30c8\uff08\u5165\u308c\u5b50\uff09<\/li>\n\n\n\n<li>\u6761\u4ef6\u5206\u5c90<\/li>\n\n\n\n<li>\u53cd\u5fa9\u51e6\u7406<\/li>\n\n\n\n<li>mixin<\/li>\n\n\n\n<li>\u914d\u5217<\/li>\n\n\n\n<li>\u95a2\u6570<\/li>\n\n\n\n<li>\u30e2\u30b8\u30e5\u30fc\u30eb<\/li>\n<\/ol>\n<\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">1.\u5909\u6570<\/h3>\n\n\n\n<p>\u5909\u6570\u3068\u306f\u3001\u304f\u308a\u8fd4\u3057\u4f7f\u7528\u3057\u305f\u3044\u5024\u3092\u5909\u6570\u3068\u3057\u3066\u7ba1\u7406\u3067\u304d\u308b\u6a5f\u80fd\u3067\u3059\u3002<br>CSS\u306b\u3082\u5909\u6570\u306f\u3042\u308a\u307e\u3059\u304c\u3001IE\uff08Internet Explorer\uff09\u304cCSS\u306b\u5bfe\u5fdc\u3057\u3066\u3044\u306a\u3044\u305f\u3081\u3001SCSS\u306e\u5909\u6570\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u304c\u4e00\u822c\u7684\u3067\u3059\u3002<\/p>\n\n\n\n<p><strong>\u3010\u8a18\u8ff0\u65b9\u6cd5\u3011<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>$\u5909\u6570\u540d: \u5024;<\/code><\/pre>\n\n\n\n<p><strong>\u3010\u5177\u4f53\u4f8b\u3011<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>$black: #000000;\n$position: left;\n\n.item1 {\n    color: $black;\n}\n\n.item2 {\n    background: $black;\n    margin-#{$position}: 30px;\n    \/\/ #{$\u5909\u6570\u540d}\u3068\u8a18\u8ff0\u3059\u308b\u3053\u3068\u3067\u3001\u305d\u306e\u5909\u6570\u306e\u5024\u3092\u6587\u5b57\u5217\u3068\u3057\u3066\u4f7f\u7528\u3067\u304d\u308b\u3002\n}\n<\/code><\/pre>\n\n\n\n<p><strong>\u3010\u51fa\u529b\u7d50\u679c\u3011<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.item1 {\n    color: #000000;\n}\n\n.item2 {\n    background: #000000;\n    margin-left: 30px;\n}\n<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">2.\u30cd\u30b9\u30c8\uff08\u5165\u308c\u5b50\uff09<\/h3>\n\n\n\n<p>\u30cd\u30b9\u30c8\uff08\u5165\u308c\u5b50\uff09\u3068\u306f\u3001\u5c11\u306a\u3044\u30b3\u30fc\u30c9\u3067\u8a18\u8ff0\u3067\u304d\u30011\u3064\u306e\u51e6\u7406\u3092\uff11\u304b\u6240\u306b\u307e\u3068\u3081\u3066\u5206\u304b\u308a\u3084\u3059\u304f\u3067\u304d\u308b\u6a5f\u80fd\u3067\u3059\u3002<\/p>\n\n\n\n<p>\u30cd\u30b9\u30c8\u3057\u3066\u4f7f\u7528\u3059\u308c\u3070\u3001\u89aa\u30bb\u30ec\u30af\u30bf\u3092\u982d\u306b\u3064\u3051\u3001CSS\u3092\u51fa\u529b\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p><strong>\u3010\u8a18\u8ff0\u65b9\u6cd5\u3011<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.hoge1 {\n    \u30d7\u30ed\u30d1\u30c6\u30a3: \u5024;\n\n    .hoge2 {\n        \u30d7\u30ed\u30d1\u30c6\u30a3: \u5024;\n\n        .hoge3 {\n            \u30d7\u30ed\u30d1\u30c6\u30a3: \u5024;\n        }\n    }\n}\n<\/code><\/pre>\n\n\n\n<p><strong>\u3010\u5177\u4f53\u4f8b\u3011<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.item1 {\n    width: 200px;\n\n    .item2 {\n        width: 100px;\n\n        .item3 {\n            width: 50px;\n        }\n    }\n}\n<\/code><\/pre>\n\n\n\n<p><strong>\u25bc\u51fa\u529b\u7d50\u679c<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.item1 {\n    width: 200px;\n}\n\n.item1 .item2 {\n    width: 100px;\n}\n\n.item1 .item2 .item3 {\n    width: 50px;\n}\n<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">3.\u6761\u4ef6\u5206\u5c90<\/h3>\n\n\n\n<p>\u6761\u4ef6\u5206\u5c90\u3068\u306f\u3001\u3042\u308b\u6761\u4ef6\u304c\u6e80\u305f\u3055\u308c\u3066\u3044\u308b\u304b\u3069\u3046\u304b\u306b\u3088\u308a\u3001\u6b21\u306b\u5b9f\u884c\u3059\u308b\u30d7\u30ed\u30b0\u30e9\u30e0\u4e0a\u306e\u4f4d\u7f6e\u3092\u5909\u5316\u3055\u305b\u308b\u3053\u3068\u304c\u53ef\u80fd\u306a\u6a5f\u80fd\u3067\u3059\u3002<br>\u307e\u305f\u3001\u305d\u306e\u3088\u3046\u306a\u5206\u5c90\u3092\u884c\u3046\u30b3\u30fc\u30c9\u3092\u6307\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>Sass\u306f\u3001\u4ed6\u306e\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u8a00\u8a9e\u3067\u983b\u7e41\u306b\u51fa\u3066\u304f\u308b\u6761\u4ef6\u5206\u5c90\u3084\u3001\u304f\u308a\u8fd4\u3057\u306a\u3069\u3092\u5236\u5fa1\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u4f8b\u3048\u3070\u3001if\u6587\u306f\u6307\u5b9a\u3057\u305f\u6761\u4ef6\u306b\u5408\u3046\u5834\u5408\u306e\u307f\u51e6\u7406\u3092\u5b9f\u884c\u3067\u304d\u307e\u3059\u3002<br>\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u8a18\u8ff0\u3059\u308b\u3053\u3068\u3067\u3001\u6761\u4ef6\u306b\u3088\u3063\u3066\u30b9\u30bf\u30a4\u30eb\u3092\u5909\u66f4\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p><strong>\u3010\u8a18\u8ff0\u65b9\u6cd5\u3011<\/strong><\/p>\n\n\n\n<p>\u30fb\u6761\u4ef6\u30921\u3064\u306e\u307f\u6307\u5b9a\u3059\u308b\u30b1\u30fc\u30b9<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>@if \u6761\u4ef6 {\n\/\/ \u6761\u4ef6\u304c\u5408\u81f4\u3057\u305f\u3089\u3001\u3053\u306e\u4e2d\u306e\u51e6\u7406\u3092\u5b9f\u884c\u3059\u308b\u3002\n} @else {\n\/\/ \u6761\u4ef6\u304c\u5408\u81f4\u3057\u306a\u3044\u5834\u5408\u306f\u3001\u3053\u306e\u4e2d\u306e\u51e6\u7406\u3092\u5b9f\u884c\u3059\u308b\u3002\n}\n\n\/\/ @else\u3088\u308a\u5f8c\u308d\u306f\u7701\u7565\u3082\u53ef\u80fd<\/code><\/pre>\n\n\n\n<p>\u30fb\u6761\u4ef6\u3092\u8907\u6570\u6307\u5b9a\u3059\u308b\u30b1\u30fc\u30b9<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>@if \u6761\u4ef61 {\n    \/\/ \u6761\u4ef61\u304c\u5408\u81f4\u3057\u305f\u3089\u3001\u3053\u306e\u4e2d\u306e\u51e6\u7406\u3092\u5b9f\u884c\u3059\u308b\u3002\n} @else if \u6761\u4ef62 {\n    \/\/ \u6761\u4ef62\u304c\u5408\u81f4\u3057\u305f\u3089\u3001\u3053\u306e\u4e2d\u306e\u51e6\u7406\u3092\u5b9f\u884c\u3059\u308b\u3002\n} @else {\n    \/\/ \u3069\u306e\u6761\u4ef6\u3082\u5408\u81f4\u3057\u306a\u3044\u5834\u5408\u306f\u3001\u3053\u306e\u4e2d\u306e\u51e6\u7406\u3092\u5b9f\u884c\u3059\u308b\u3002\n}\n<\/code><\/pre>\n\n\n\n<p><strong>\u3010\u5177\u4f53\u4f8b\u3011<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>$position: left;\n$width: 250px;\n\n.item1 {\n    @if $position == left {\n        padding-left: 10px;\n    }\n}\n\n.item2 {\n    @if $width &gt; 300px {\n        margin-right: 10px;\n    } @else if $width &lt; 200px {\n        margin-left: 10px;\n    } @else {\n        margin-top: 10px;\n    }\n}\n<\/code><\/pre>\n\n\n\n<p><strong>\u3010\u51fa\u529b\u7d50\u679c\u3011<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.item1 {\n    padding-left: 10px;\n}\n\n.item2 {\n    margin-top: 10px;\n}\n<\/code><\/pre>\n\n\n\n<p>\u307e\u305f\u3001\u6761\u4ef6\u5f0f\u3068\u3057\u3066\u4f7f\u7528\u53ef\u80fd\u306a\u6bd4\u8f03\u6f14\u7b97\u5b50\u306f\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u3082\u306e\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-table is-style-regular\"><table><thead><tr><th class=\"has-text-align-center\" data-align=\"center\">\u6bd4\u8f03\u6f14\u7b97\u5b50<\/th><th class=\"has-text-align-center\" data-align=\"center\">\u89e3\u8aac<\/th><\/tr><\/thead><tbody><tr><td class=\"has-text-align-center\" data-align=\"center\">A==B<\/td><td class=\"has-text-align-center\" data-align=\"center\">A\u3068B\u306f\u7b49\u3057\u3044<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">A&gt;B<\/td><td class=\"has-text-align-center\" data-align=\"center\">A\u306fB\u3088\u308a\u5927\u304d\u3044<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">A&lt;B<\/td><td class=\"has-text-align-center\" data-align=\"center\">A\u306fB\u3088\u308a\u5c0f\u3055\u3044<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">A&gt;=B<\/td><td class=\"has-text-align-center\" data-align=\"center\">A\u306fB\u4ee5\u4e0a<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">A&lt;=B<\/td><td class=\"has-text-align-center\" data-align=\"center\">A\u306fB\u4ee5\u4e0b<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">A!=B<\/td><td class=\"has-text-align-center\" data-align=\"center\">A\u3068B\u306f\u7b49\u3057\u304f\u306a\u3044<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>\u8ad6\u7406\u6f14\u7b97\u5b50\u306b\u3064\u3044\u3066\u306f\u3001Sass\u3067\u306f\u300c&amp;&amp;\u300d\u300c||\u300d\u3092\u4f7f\u7528\u3067\u304d\u307e\u305b\u3093\u304c\u3001\u4ee3\u308f\u308a\u306b\u4ee5\u4e0b\u306e\u3082\u306e\u304c\u4f7f\u3048\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-table is-style-regular\"><table><thead><tr><th class=\"has-text-align-center\" data-align=\"center\">\u8ad6\u7406\u6f14\u7b97\u5b50<\/th><th class=\"has-text-align-center\" data-align=\"center\">\u89e3\u8aac<\/th><\/tr><\/thead><tbody><tr><td class=\"has-text-align-center\" data-align=\"center\">and<\/td><td class=\"has-text-align-center\" data-align=\"center\">\u304b\u3064<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">or<\/td><td class=\"has-text-align-center\" data-align=\"center\">\u307e\u305f\u306f<\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\">not<\/td><td class=\"has-text-align-center\" data-align=\"center\">\u5426\u5b9a<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>\u6761\u4ef6\u5f0f\u306e\u4e2d\u3067\u8ad6\u7406\u6f14\u7b97\u5b50\u306f\u3001\u6761\u4ef6\u3092\u8907\u6570\u7d44\u307f\u5408\u308f\u305b\u308b\u6642\u306f\u3001\u6b21\u306e\u3088\u3046\u306b\u6d3b\u7528\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>$value: 20;\n@if $value &gt; 10 and $value &lt; 100 {\n  $value\u304c10\u3088\u308a\u3082\u5927\u304d\u304f\u3066\u304b\u3064100\u3088\u308a\u3082\u5c0f\u3055\u3044\u5834\u5408\u30b9\u30bf\u30a4\u30eb\u3092\u53cd\u6620\n}\n<\/code><\/pre>\n\n\n\n<p>\u3053\u306e\u3088\u3046\u306b\u3001\u6bd4\u8f03\u6f14\u7b97\u5b50\u3068\u8ad6\u7406\u6f14\u7b97\u5b50\u3092\u7d44\u307f\u5408\u308f\u305b\u308b\u3068\u3001\u8907\u96d1\u306a\u6761\u4ef6\u8a2d\u5b9a\u304c\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308b\u306e\u3067\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4.\u53cd\u5fa9\u51e6\u7406<\/h3>\n\n\n\n<p>\u53cd\u5fa9\u51e6\u7406\u3068\u306f\u3001\u6307\u5b9a\u3057\u305f\u624b\u9806\u3092\u304f\u308a\u8fd4\u3057\u51e6\u7406\u3067\u304d\u308b\u6a5f\u80fd\u3067\u3059\u3002\u7121\u9650\u306e\u304f\u308a\u8fd4\u3057\u3084\u3001\u3042\u308b\u6761\u4ef6\u306b\u306a\u308b\u307e\u3067\u304f\u308a\u8fd4\u3059\u306a\u3069\u306e\u8a2d\u5b9a\u304c\u53ef\u80fd\u3067\u3059\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">@for<\/h4>\n\n\n\n<p>for\u6587\u306f\u3001\u8a2d\u5b9a\u3057\u305f\u958b\u59cb\u5024\u304b\u3089\u7d42\u4e86\u5024\u307e\u3067\u3001\u51e6\u7406\u3092\u304f\u308a\u8fd4\u3057\u884c\u3044\u307e\u3059\u3002<br>through\u306f\u3001\u7d42\u4e86\u5024\u3092\u542b\u3081\u51e6\u7406\u3092\u5b9f\u884c\u3059\u308b\u306e\u306b\u5bfe\u3057\u3001to\u306f\u7d42\u4e86\u5024\u3092\u542b\u307f\u307e\u305b\u3093\u3002<\/p>\n\n\n\n<p><strong>\u3010\u8a18\u8ff0\u65b9\u6cd5\u3011<\/strong><\/p>\n\n\n\n<p>\u30fb\u958b\u59cb\u5024\uff5e\u7d42\u4e86\u5024\u306e\u9593\u3001\u51e6\u7406\u3092\u5b9f\u884c\u3059\u308b\u30b1\u30fc\u30b9<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>@for $\u5909\u6570 from \u958b\u59cb\u5024 through \u7d42\u4e86\u5024 {\n\/\/\u5909\u6570\u304c\u958b\u59cb\u5024\uff5e\u7d42\u4e86\u5024\u306e\u9593\u3001\u3053\u306e\u4e2d\u306e\u51e6\u7406\u3092\u5b9f\u884c\u3059\u308b\u3002\n}<\/code><\/pre>\n\n\n\n<p>\u30fb\u958b\u59cb\u5024\uff5e\u7d42\u4e86\u5024\u672a\u6e80\u306e\u9593\u3001\u51e6\u7406\u3092\u5b9f\u884c\u3059\u308b\u30b1\u30fc\u30b9<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>@for $\u5909\u6570 from \u958b\u59cb\u5024 to \u7d42\u4e86\u5024 {\n\/\/\u5909\u6570\u304c\u958b\u59cb\u5024\uff5e\u7d42\u4e86\u5024\u672a\u6e80\u306e\u9593\u3001\u3053\u306e\u4e2d\u306e\u51e6\u7406\u3092\u5b9f\u884c\u3059\u308b\u3002\n}<\/code><\/pre>\n\n\n\n<p><strong>\u3010\u5177\u4f53\u4f8b\u3011<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>@for $i from 1 through 3 {\n    .item#{$i} {\n        margin-right: 10px * $i;\n    }\n}\n\n@for $i from 1 to 3 {\n    .box#{$i + 5} {\n        width: (100px * $i) + 10px;\n    }\n}\n<\/code><\/pre>\n\n\n\n<p><strong>\u3010\u51fa\u529b\u7d50\u679c\u3011<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.item1 {\n    margin-right: 10px;\n}\n\n.item2 {\n    margin-right: 20px;\n}\n\n.item3 {\n    margin-right: 30px;\n}\n\n.box6 {\n    width: 110px;\n}\n\n.box7 {\n    width: 210px;\n}\n<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">\uff20while<\/h4>\n\n\n\n<p>\u6307\u5b9a\u3057\u305f\u6761\u4ef6\u306b\u5408\u3046\u5834\u5408\u3001\u304f\u308a\u8fd4\u3057\u51e6\u7406\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p><strong>\u3010\u8a18\u8ff0\u65b9\u6cd5\u3011<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>@while \u6761\u4ef6 {\n\/\/ \u6761\u4ef6\u304c\u5408\u81f4\u3057\u3066\u3044\u308b\u9593\u3001\u3053\u306e\u4e2d\u306e\u51e6\u7406\u3092\u7e70\u308a\u8fd4\u3057\u5b9f\u884c\u3059\u308b\u3002\n}<\/code><\/pre>\n\n\n\n<p><strong>\u3010\u5177\u4f53\u4f8b\u3011<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>$i: 1;\n\n@while $i &lt; 4 {\n.item#{$i} {\nheight: 30px * $i;\n}\n$i: $i + 1;\n}<\/code><\/pre>\n\n\n\n<p><strong>\u3010\u51fa\u529b\u7d50\u679c\u3011<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.item1 {\nheight: 30px;\n}\n\n.item2 {\nheight: 60px;\n}\n\n.item3 {\nheight: 90px;\n}<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">5.mixin<\/h3>\n\n\n\n<p>mixin\u3068\u306f\u3001\u30b3\u30fc\u30c9\u306e\u307e\u3068\u307e\u308a\u3092\u4ed6\u306e\u5834\u6240\u304b\u3089\u547c\u3073\u51fa\u305b\u308b\u6a5f\u80fd\u3067\u3059\u3002<br>@include\u3068\u7d44\u307f\u5408\u308f\u305b\u308c\u3070\u3001\u304f\u308a\u8fd4\u3057\u4f7f\u3044\u305f\u3044\u30b9\u30bf\u30a4\u30eb\u3084\u3001\u30eb\u30fc\u30eb\u30bb\u30c3\u30c8\u3092\u7ba1\u7406\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p><strong>\u3010\u8a18\u8ff0\u65b9\u6cd5\u3011<\/strong><\/p>\n\n\n\n<p>\u30fb\u5f15\u6570\u3092\u6307\u5b9a\u3057\u306a\u3044\u30b1\u30fc\u30b9<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>@mixin mixin\u540d {\n\u30d7\u30ed\u30d1\u30c6\u30a3: \u5024;\n}\n\n.hoge {\n@include mixin\u540d;\n}<\/code><\/pre>\n\n\n\n<p>\u30fb\u5f15\u6570\u3092\u6307\u5b9a\u3059\u308b\u5834\u5408\uff08\u521d\u671f\u5024\u306a\u3057\uff09<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>@mixin mixin\u540d($\u5f15\u6570\u540d1, $\u5f15\u6570\u540d2) {\n\u30d7\u30ed\u30d1\u30c6\u30a3: $\u5f15\u6570\u540d1;\n\u30d7\u30ed\u30d1\u30c6\u30a3: $\u5f15\u6570\u540d2;\n}\n\n.hoge {\n@include mixin\u540d(\u5f15\u65701, \u5f15\u65702);\n}<\/code><\/pre>\n\n\n\n<p>\u30fb\u5f15\u6570\u3092\u6307\u5b9a\u3059\u308b\u30b1\u30fc\u30b9\uff08\u521d\u671f\u5024\u3042\u308a\uff09<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>@mixin mixin\u540d($\u5f15\u6570\u540d1: \u521d\u671f\u5024, $\u5f15\u6570\u540d2: \u521d\u671f\u5024) {\n\u30d7\u30ed\u30d1\u30c6\u30a3: $\u5f15\u6570\u540d1;\n\u30d7\u30ed\u30d1\u30c6\u30a3: $\u5f15\u6570\u540d2;\n}\n\n.hoge {\n@include mixin\u540d();\n\/\/ \u3053\u3053\u3067\u5f15\u6570\u3092\u8a2d\u5b9a\u3057\u306a\u3044\u5834\u5408\u306f\u521d\u671f\u5024\u306b\u8a2d\u5b9a\u3057\u305f\u5024\u304c\u9069\u7528\u3055\u308c\u308b\u3002\n}<\/code><\/pre>\n\n\n\n<p>\u30fb@content\u3092\u4f7f\u7528\u3059\u308b\u30b1\u30fc\u30b9<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>@mixin mixin\u540d {\n@content;\n}\n\n.hoge {\n@include mixin\u540d {\n\/\/ \u3053\u3053\u306b\u8a18\u8ff0\u3057\u305f\u5185\u5bb9\u306f@content\u306e\u90e8\u5206\u306b\u8a18\u8f09\u3055\u308c\u3066\u3044\u308b\u3053\u3068\u306b\u306a\u308b\u3002\n}\n}<\/code><\/pre>\n\n\n\n<p>\u3010\u5177\u4f53\u4f8b\u3011<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>@mixin text1 {\ncolor: #ff0000;\nfont-size: 18px;\n}\n\n@mixin text2($size, $weight) {\nfont-size: $size;\nfont-weight: $weight;\n}\n\n@mixin text3($size: 20px, $weight: normal) {\nfont-size: $size;\nfont-weight: $weight;\n}\n\n\/\/ mixin\u306e\u4e2d\u306b\u306f\u30eb\u30fc\u30eb\u30bb\u30c3\u30c8\u3092\u5165\u308c\u308b\u3053\u3068\u3082\u53ef\u80fd\n@mixin box {\n.box {\nbackground: #ff0000;\npadding: 10px;\n}\n}\n\n@mixin btn {\n.btn {\nheight: 100px;\nwidth: 300px;\n@content;\n}\n}\n\n.item1 {\n@include text1;\n}\n\n.item2 {\n@include text2(24px, bold);\n}\n\n.item3 {\n@include text3(24px, bold);\n}\n\n.item4 {\n@include text3();\n}\n\n.item5 {\nwidth: 100px;\n@include box;\n}\n\n.item6 {\n@include btn {\nbackground: #ff0000;\ncolor: #ffffff;\n}\n}<\/code><\/pre>\n\n\n\n<p><strong>\u3010\u51fa\u529b\u7d50\u679c\u3011<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.item1 {\ncolor: #ff0000;\nfont-size: 18px;\n}\n\n.item2 {\nfont-size: 24px;\nfont-weight: bold;\n}\n\n.item3 {\nfont-size: 24px;\nfont-weight: bold;\n}\n\n.item4 {\nfont-size: 20px;\nfont-weight: normal;\n}\n\n.item5 {\nwidth: 100px;\n}\n\n.item5 .box {\nbackground: #ff0000;\npadding: 10px;\n}\n\n.item6 .btn {\nheight: 100px;\nwidth: 300px;\nbackground: #ff0000;\ncolor: #ffffff;\n}<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">6.\u914d\u5217<\/h3>\n\n\n\n<p>\u914d\u5217\u3068\u306f\u3001\u8907\u6570\u306e\u5024\u3092\u683c\u7d0d\u3067\u304d\u308b\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u5b9a\u7fa9\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p><strong>\u3010\u8a18\u8ff0\u65b9\u6cd5\u3011<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>$\u914d\u5217\u540d: \u50241, \u50242, \u50243;<\/code><\/pre>\n\n\n\n<p><strong>\u3010\u5177\u4f53\u4f8b\u3011<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>$colors: #ff0000, #00ff00, #0000ff;\n\n.item1 {\nbackground: nth($colors, 2);\n\/\/ nth()\u95a2\u6570\u3092\u7528\u3044\u308b\u3068\u3001\n\/\/ \u914d\u5217\u5185\u306e\u6307\u5b9a\u3057\u305f\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u756a\u53f7\u306e\u8981\u7d20\u3092\u53d6\u5f97\u3067\u304d\u308b\u3002\n\/\/ \u300c0\u300d\u59cb\u307e\u308a\u3067\u306f\u306a\u304f\u3001\u300c1\u300d\u59cb\u307e\u308a\u306a\u306e\u3067\u6ce8\u610f\u304c\u5fc5\u8981\u3002\n}\n\n.item#{length($colors)} {\n\/\/ length()\u95a2\u6570\u3092\u7528\u3044\u308b\u3068\u3001\n\/\/ \u914d\u5217\u5185\u306e\u8981\u7d20\u6570\u3092\u53d6\u5f97\u3067\u304d\u308b\u3002\nbackground: nth($colors, 1);\n}<\/code><\/pre>\n\n\n\n<p><strong>\u3010\u51fa\u529b\u7d50\u679c\u3011<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.item1 {\nbackground: #00ff00;\n}\n\n.item3 {\nbackground: #ff0000;\n}<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">7.\u95a2\u6570<\/h3>\n\n\n\n<p>\u95a2\u6570\u3068\u306f\u3001CSS\u30d7\u30ed\u30d1\u30c6\u30a3\u306e\u5024\u3092\u81ea\u52d5\u8a08\u7b97\u3059\u308b\u51e6\u7406\u30bb\u30c3\u30c8\u306e\u3088\u3046\u306a\u3082\u306e\u3067\u3059\u3002<\/p>\n\n\n\n<p><strong>\u3010\u8a18\u8ff0\u4f8b\u3011<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/* \u95a2\u6570\u5ba3\u8a00\u306e\u4ed5\u65b9 *\/\n@mixin \u95a2\u6570\u540d(\u5f15\u6570\uff11, \u5f15\u6570\uff12, \u2026) {\n\u95a2\u6570\u306e\u4e2d\u8eab\n}\n\n\/* \u95a2\u6570\u306e\u547c\u3073\u51fa\u3057\u65b9 *\/\n@include \u95a2\u6570\u540d(\u5f15\u6570\uff11, \u5f15\u6570\uff12, \u2026);<\/code><\/pre>\n\n\n\n<p><strong>\u3010\u5177\u4f53\u4f8b\u3011<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>$breakpoint-tablet: 1024px; \/* \u5909\u6570\u5ba3\u8a00 \/ $breakpoint-mobile: 640px; \/ \u5909\u6570\u5ba3\u8a00 *\/\n\n\/* $break-point\u4ee5\u4e0b\u306e\u6642\u306b@content\u3092\u9069\u7528 \/ @mixin max-screen($break-point) { @media screen and (max-width: $break-point) { @content; } } \/ $break-point\u4ee5\u4e0a\u306e\u6642\u306b@content\u3092\u9069\u7528 \/ @mixin min-screen($break-point) { @media screen and (min-width: $break-point) { @content; } } \/ $break-point-min\u4ee5\u4e0a\u3001$break-point-max\u4ee5\u4e0b\u306e\u6642\u306b@content\u3092\u9069\u7528 *\/\n@mixin screen($break-point-min, $break-point-max) {\n@media screen and (min-width: $break-point-min) and (max-width: $break-point-max) {\n@content;\n}\n}\n\n\/* \u4f7f\u7528\u4f8b \/ div { @include max-screen($breakpoint-mobile) { \/ 640px\u4ee5\u4e0b\u306e\u3068\u304d \/ width: 100%; } @include min-screen($breakpoint-tablet) { \/ 1024px\u4ee5\u4e0a\u306e\u3068\u304d \/ width: 50%; } @include screen($breakpoint-mobile, $breakpoint-tablet) { \/ 640px\u4ee5\u4e0a1024px\u4ee5\u4e0b\u306e\u3068\u304d *\/\nwidth: 80%;\n}\n}<\/code><\/pre>\n\n\n\n<p><strong>\u3010\u51fa\u529b\u7d50\u679c\u3011<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>@media screen and (max-width: 640px) {\ndiv {width: 100%;}\n}\n@media screen and (min-width: 1024px) {\ndiv {width: 50%;}\n}\n@media screen and (min-width: 640px) and (max-width: 1024px) {\ndiv {width: 80%;}\n}<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">8.\u30e2\u30b8\u30e5\u30fc\u30eb<\/h3>\n\n\n\n<p>Sass\u306f\u3001\u5206\u5272\u3057\u305f\u30d5\u30a1\u30a4\u30eb\u3092\u30e2\u30b8\u30e5\u30fc\u30eb\u3068\u3057\u3066\u30a4\u30f3\u30dd\u30fc\u30c8\u3057\u30011\u3064\u306eCSS\u30d5\u30a1\u30a4\u30eb\u306b\u307e\u3068\u3081\u3066\u51fa\u529b\u3059\u308b\u3053\u3068\u304c\u53ef\u80fd\u3067\u3059\u3002<\/p>\n\n\n\n<p><strong>\u3010\u8a18\u8ff0\u65b9\u6cd5\u3011<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>@use 'base';\n@use 'module';\n@use 'home';<\/code><\/pre>\n\n\n\n<p><strong>\u3010\u5177\u4f53\u4f8b\u3011<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>html {\ncolor: #000;\nbackground: #fff;\nfont-size: 16px;\nline-height: 1.6;\nword-break: break-all;\n}\n\nbody {\nbackground: #fff;\nmargin: 0;\n}<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>.c-header {\nheight: 140px;\nbackground-color: tomato;\nfont-weight: bold;\n}<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>.home {\nbackground-color: green;\n.btn {\nbackground-color: #333;\ncolor: #fff;\ntransition: .3s ease-in-out;\ncursor: pointer;\ndisplay: flex;\nalign-items: center;\nheight: 100px;\n}\n}<\/code><\/pre>\n\n\n\n<p><strong>\u3010\u51fa\u529b\u7d50\u679c\u3011<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>@charset \"UTF-8\";\nhtml {\ncolor: #000;\nbackground: #fff;\nfont-size: 16px;\nline-height: 1.6;\nword-break: break-all;\n}\n\nbody {\nbackground: #fff;\nmargin: 0;\n}\n\n.c-header {\nheight: 140px;\nbackground-color: tomato;\nfont-weight: bold;\n}\n\n.home {\nbackground-color: green;\n}\n\n.home .btn {\nbackground-color: #333;\ncolor: #fff;\ntransition: .3s ease-in-out;\ncursor: pointer;\ndisplay: flex;\nalign-items: center;\nheight: 100px;\n}<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">\u307e\u3068\u3081<\/h2>\n\n\n\n<p>SCSS\u306b\u306f\u3001\u4fbf\u5229\u306a\u6a5f\u80fd\u304c\u3055\u307e\u3056\u307e\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p>CSS\u3067\u306f\u624b\u9593\u306e\u304b\u304b\u3063\u3066\u3044\u305f\u8a18\u8ff0\u304c\u3001\u5909\u6570\u3084\u30cd\u30b9\u30c8\u69cb\u9020\u3092\u5229\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u52b9\u7387\u7684\u306b\u8a18\u8ff0\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p>SCSS\u3092\u6d3b\u7528\u3057\u3001\u958b\u767a\u671f\u9593\u306e\u77ed\u7e2e\u3092\u5b9f\u73fe\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n<div class=\"kh-cta\"><div class=\"entry-content\">\n<div class=\"kh-box has-label is-style-yellow\"><div class=\"kh-box__label\">\u65e5\u984d 20\u5186 \u3067\u4f7f\u3048\u308bVPS<\/div><div class=\"kh-box__content\">\n<p style=\"font-size:18px\"><a href=\"https:\/\/www.kagoya.jp\/vps\/?argument=vqHX23Xs&amp;dmai=a5fc24dd1276c2\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>\u958b\u767a\u30fb\u691c\u8a3c\u30fb\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u5b66\u7fd2\u306b\u3002\u7121\u99c4\u306a\u30b3\u30b9\u30c8\u3082\u304b\u3051\u305f\u304f\u306a\u3044\u3042\u306a\u305f\u306b\u304a\u3059\u3059\u3081\u306eVPS<\/strong><\/a><\/p>\n\n\n\n<p>\u30ab\u30b4\u30e4\u306eVPS\u306f\u521d\u671f\u8cbb\u7528\u7121\u6599\u3067\u30a2\u30ab\u30a6\u30f3\u30c8\u767b\u9332\u3055\u3048\u3057\u3066\u304a\u3051\u3070\u3001\u5fc5\u8981\u306a\u3068\u304d\u3060\u3051\u65e5\u984d\u8ab2\u91d1\u3067\u30b5\u30fc\u30d0\u30fc\u3092\u7acb\u3061\u4e0a\u3052\u53ef\u80fd\uff01\u6599\u91d1\u306f\u4f7f\u3063\u305f\u5206\u3060\u3051\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full has-lightbox\"><a href=\"https:\/\/www.kagoya.jp\/vps\/?argument=vqHX23Xs&amp;dmai=a5fc24dd1276c2\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1000\" height=\"523\" src=\"https:\/\/www.kagoya.jp\/howto\/wp-content\/uploads\/VPSrenewal.png\" alt=\"\" class=\"wp-image-13420\" srcset=\"https:\/\/www.kagoya.jp\/howto\/wp-content\/uploads\/VPSrenewal.png 1000w, https:\/\/www.kagoya.jp\/howto\/wp-content\/uploads\/VPSrenewal-300x157.png 300w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n<\/div><\/div>\n\n\n\n<p><\/p>\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"HTML\u306e\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u306b\u304a\u3044\u3066\u3001\u591a\u304f\u306e\u958b\u767a\u8005\u304c\u4f7f\u7528\u3057\u3066\u3044\u308bSCSS\uff08\u8aad\u307f\u65b9\uff1a\u30a8\u30b9\u30fb\u30b7\u30fc\u30fb\u30a8\u30b9\u30a8\u30b9\uff09\u3002CSS\uff08\u8aad\u307f\u65b9\uff1a\u30b7\u30fc\u30fb\u30a8\u30b9\u30fb\u30a8\u30b9\uff09\u306b\u304a\u3051\u308b\u8ab2\u984c\u3092\u89e3\u6d88\u3059\u308b\u305f\u3081\u306b\u958b\u767a\u3055\u308c\u305f\u8a00\u8a9e\u3067\u3001\u4fbf\u5229\u306a\u6a5f\u80fd\u304c\u3055\u307e\u3056\u307e\u3042\u308a\u307e\u3059\u3002 \u3057\u304b\u3057\u3001SCSS\u3068\u306f\u3069\u306e\u3088\u3046\u306a\u3082\u306e\u306a\u306e\u304b\u5206\u304b\u3089\u306a\u3044\u65b9\u3082\u3044\u3089\u3063\u3057\u3083\u308b\u306e\u3067\u306f\u306a\u3044\u3067\u3057\u3087\u3046\u304b\u3002 \u4eca\u56de\u306f\u3001SCSS\u306e [&hellip;]","protected":false},"author":1,"featured_media":9757,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","footnotes":""},"categories":[124],"tags":[270,277],"pickup":[],"sitedisplay":[],"sitetarget":[],"class_list":["post-9588","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web","tag-web","tag-scss"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u3010Sass\u5165\u9580\u3011SCSS\u306e\u57fa\u672c\u7684\u306a\u66f8\u304d\u65b98\u9078\uff01\u30b3\u30fc\u30c9\u4ed8\u304d\u3067\u89e3\u8aac - \u30ab\u30b4\u30e4\u306e\u30b5\u30fc\u30d0\u30fc\u7814\u7a76\u5ba4<\/title>\n<meta name=\"description\" content=\"HTML\u306e\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u306b\u304a\u3044\u3066\u3001\u591a\u304f\u306e\u958b\u767a\u8005\u304c\u4f7f\u7528\u3057\u3066\u3044\u308bSCSS\uff08\u8aad\u307f\u65b9\uff1a\u30a8\u30b9\u30fb\u30b7\u30fc\u30fb\u30a8\u30b9\u30a8\u30b9\uff09\u3002CSS\uff08\u8aad\u307f\u65b9\uff1a\u30b7\u30fc\u30fb\u30a8\u30b9\u30fb\u30a8\u30b9\uff09\u306b\u304a\u3051\u308b\u8ab2\u984c\u3092\u89e3\u6d88\u3059\u308b\u305f\u3081 HTML\u306e\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u306b\u304a\u3044\u3066\u3001\u591a\u304f\u306e\u958b\u767a\u8005\u304c\u4f7f\u7528\u3057\u3066\u3044\u308bSCSS\uff08\u8aad\u307f\u65b9\uff1a\u30a8\u30b9\u30fb\u30b7\u30fc\u30fb\u30a8\u30b9\u30a8\u30b9\uff09\u3002CSS\uff08\u8aad\u307f\u65b9\uff1a\u30b7\u30fc\u30fb\u30a8\u30b9\u30fb\u30a8\u30b9\uff09\u306b\u304a\u3051\u308b\u8ab2\u984c\u3092\u89e3\u6d88\u3059\u308b\u305f\u3081\u306b\u958b\u767a\u3055\u308c\u305f\u8a00\u8a9e\u3067\u3001\u4fbf\u5229\u306a\u6a5f\u80fd\u304c\u3055\u307e\u3056\u307e\u3042\u308a\u307e\u3059\u3002\u3057\u304b\u3057\u3001SCSS\u3068\u306f\u3069\u306e\u3088\u3046\u306a\u3082\u306e\u306a\u306e\u304b\u5206\u304b\u3089\u306a\u3044\u65b9\u3082\u3044\u3089\u3063\u3057\u3083\u308b\u306e\u3067\u306f\u306a\u3044\u3067\u3057\u3087\u3046\u304b\u3002\u4eca\u56de\u306f\u3001SCSS\u306e\u57fa\u672c\u7684\u306a\u6a5f\u80fd\u3068\u3001\u66f8\u304d\u65b9\u306b\u3064\u3044\u3066\u308f\u304b\u308a\u3084\u3059\u304f\u89e3\u8aac\u3057\u307e\u3059\u3002\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.kagoya.jp\/howto\/it-glossary\/web\/scsswriting\/\" \/>\n<meta property=\"og:locale\" content=\"ja_JP\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u3010Sass\u5165\u9580\u3011SCSS\u306e\u57fa\u672c\u7684\u306a\u66f8\u304d\u65b98\u9078\uff01\u30b3\u30fc\u30c9\u4ed8\u304d\u3067\u89e3\u8aac - \u30ab\u30b4\u30e4\u306e\u30b5\u30fc\u30d0\u30fc\u7814\u7a76\u5ba4\" \/>\n<meta property=\"og:description\" content=\"HTML\u306e\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u306b\u304a\u3044\u3066\u3001\u591a\u304f\u306e\u958b\u767a\u8005\u304c\u4f7f\u7528\u3057\u3066\u3044\u308bSCSS\uff08\u8aad\u307f\u65b9\uff1a\u30a8\u30b9\u30fb\u30b7\u30fc\u30fb\u30a8\u30b9\u30a8\u30b9\uff09\u3002CSS\uff08\u8aad\u307f\u65b9\uff1a\u30b7\u30fc\u30fb\u30a8\u30b9\u30fb\u30a8\u30b9\uff09\u306b\u304a\u3051\u308b\u8ab2\u984c\u3092\u89e3\u6d88\u3059\u308b\u305f\u3081 HTML\u306e\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u306b\u304a\u3044\u3066\u3001\u591a\u304f\u306e\u958b\u767a\u8005\u304c\u4f7f\u7528\u3057\u3066\u3044\u308bSCSS\uff08\u8aad\u307f\u65b9\uff1a\u30a8\u30b9\u30fb\u30b7\u30fc\u30fb\u30a8\u30b9\u30a8\u30b9\uff09\u3002CSS\uff08\u8aad\u307f\u65b9\uff1a\u30b7\u30fc\u30fb\u30a8\u30b9\u30fb\u30a8\u30b9\uff09\u306b\u304a\u3051\u308b\u8ab2\u984c\u3092\u89e3\u6d88\u3059\u308b\u305f\u3081\u306b\u958b\u767a\u3055\u308c\u305f\u8a00\u8a9e\u3067\u3001\u4fbf\u5229\u306a\u6a5f\u80fd\u304c\u3055\u307e\u3056\u307e\u3042\u308a\u307e\u3059\u3002\u3057\u304b\u3057\u3001SCSS\u3068\u306f\u3069\u306e\u3088\u3046\u306a\u3082\u306e\u306a\u306e\u304b\u5206\u304b\u3089\u306a\u3044\u65b9\u3082\u3044\u3089\u3063\u3057\u3083\u308b\u306e\u3067\u306f\u306a\u3044\u3067\u3057\u3087\u3046\u304b\u3002\u4eca\u56de\u306f\u3001SCSS\u306e\u57fa\u672c\u7684\u306a\u6a5f\u80fd\u3068\u3001\u66f8\u304d\u65b9\u306b\u3064\u3044\u3066\u308f\u304b\u308a\u3084\u3059\u304f\u89e3\u8aac\u3057\u307e\u3059\u3002\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.kagoya.jp\/howto\/it-glossary\/web\/scsswriting\/\" \/>\n<meta property=\"og:site_name\" content=\"\u30ab\u30b4\u30e4\u306e\u30b5\u30fc\u30d0\u30fc\u7814\u7a76\u5ba4\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/kagoyajapan\" \/>\n<meta property=\"article:published_time\" content=\"2023-04-11T01:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-19T02:43:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.kagoya.jp\/howto\/wp-content\/uploads\/scsswrite_catch.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"\u30ab\u30b4\u30e4\u306e\u30b5\u30fc\u30d0\u30fc\u7814\u7a76\u5ba4 \u7de8\u96c6\u90e8\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@kagoya_inc\" \/>\n<meta name=\"twitter:label1\" content=\"\u57f7\u7b46\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"\u30ab\u30b4\u30e4\u306e\u30b5\u30fc\u30d0\u30fc\u7814\u7a76\u5ba4 \u7de8\u96c6\u90e8\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u63a8\u5b9a\u8aad\u307f\u53d6\u308a\u6642\u9593\" \/>\n\t<meta name=\"twitter:data2\" content=\"3\u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.kagoya.jp\\\/howto\\\/it-glossary\\\/web\\\/scsswriting\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.kagoya.jp\\\/howto\\\/it-glossary\\\/web\\\/scsswriting\\\/\"},\"author\":{\"name\":\"\u30ab\u30b4\u30e4\u306e\u30b5\u30fc\u30d0\u30fc\u7814\u7a76\u5ba4 \u7de8\u96c6\u90e8\",\"@id\":\"https:\\\/\\\/www.kagoya.jp\\\/howto\\\/#\\\/schema\\\/person\\\/ebeeb50541eb80a85fb8c2d4de576ecb\"},\"headline\":\"\u3010Sass\u5165\u9580\u3011SCSS\u306e\u57fa\u672c\u7684\u306a\u66f8\u304d\u65b98\u9078\uff01\u30b3\u30fc\u30c9\u4ed8\u304d\u3067\u89e3\u8aac\",\"datePublished\":\"2023-04-11T01:00:00+00:00\",\"dateModified\":\"2023-07-19T02:43:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.kagoya.jp\\\/howto\\\/it-glossary\\\/web\\\/scsswriting\\\/\"},\"wordCount\":92,\"image\":{\"@id\":\"https:\\\/\\\/www.kagoya.jp\\\/howto\\\/it-glossary\\\/web\\\/scsswriting\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.kagoya.jp\\\/howto\\\/wp-content\\\/uploads\\\/scsswrite_catch.png\",\"keywords\":[\"WEB\u62c5\u5f53\u8005\u5411\u3051\",\"SCSS\"],\"articleSection\":[\"WEB\"],\"inLanguage\":\"ja\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.kagoya.jp\\\/howto\\\/it-glossary\\\/web\\\/scsswriting\\\/\",\"url\":\"https:\\\/\\\/www.kagoya.jp\\\/howto\\\/it-glossary\\\/web\\\/scsswriting\\\/\",\"name\":\"\u3010Sass\u5165\u9580\u3011SCSS\u306e\u57fa\u672c\u7684\u306a\u66f8\u304d\u65b98\u9078\uff01\u30b3\u30fc\u30c9\u4ed8\u304d\u3067\u89e3\u8aac - \u30ab\u30b4\u30e4\u306e\u30b5\u30fc\u30d0\u30fc\u7814\u7a76\u5ba4\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.kagoya.jp\\\/howto\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.kagoya.jp\\\/howto\\\/it-glossary\\\/web\\\/scsswriting\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.kagoya.jp\\\/howto\\\/it-glossary\\\/web\\\/scsswriting\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.kagoya.jp\\\/howto\\\/wp-content\\\/uploads\\\/scsswrite_catch.png\",\"datePublished\":\"2023-04-11T01:00:00+00:00\",\"dateModified\":\"2023-07-19T02:43:00+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.kagoya.jp\\\/howto\\\/#\\\/schema\\\/person\\\/ebeeb50541eb80a85fb8c2d4de576ecb\"},\"description\":\"HTML\u306e\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u306b\u304a\u3044\u3066\u3001\u591a\u304f\u306e\u958b\u767a\u8005\u304c\u4f7f\u7528\u3057\u3066\u3044\u308bSCSS\uff08\u8aad\u307f\u65b9\uff1a\u30a8\u30b9\u30fb\u30b7\u30fc\u30fb\u30a8\u30b9\u30a8\u30b9\uff09\u3002CSS\uff08\u8aad\u307f\u65b9\uff1a\u30b7\u30fc\u30fb\u30a8\u30b9\u30fb\u30a8\u30b9\uff09\u306b\u304a\u3051\u308b\u8ab2\u984c\u3092\u89e3\u6d88\u3059\u308b\u305f\u3081 HTML\u306e\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u306b\u304a\u3044\u3066\u3001\u591a\u304f\u306e\u958b\u767a\u8005\u304c\u4f7f\u7528\u3057\u3066\u3044\u308bSCSS\uff08\u8aad\u307f\u65b9\uff1a\u30a8\u30b9\u30fb\u30b7\u30fc\u30fb\u30a8\u30b9\u30a8\u30b9\uff09\u3002CSS\uff08\u8aad\u307f\u65b9\uff1a\u30b7\u30fc\u30fb\u30a8\u30b9\u30fb\u30a8\u30b9\uff09\u306b\u304a\u3051\u308b\u8ab2\u984c\u3092\u89e3\u6d88\u3059\u308b\u305f\u3081\u306b\u958b\u767a\u3055\u308c\u305f\u8a00\u8a9e\u3067\u3001\u4fbf\u5229\u306a\u6a5f\u80fd\u304c\u3055\u307e\u3056\u307e\u3042\u308a\u307e\u3059\u3002\u3057\u304b\u3057\u3001SCSS\u3068\u306f\u3069\u306e\u3088\u3046\u306a\u3082\u306e\u306a\u306e\u304b\u5206\u304b\u3089\u306a\u3044\u65b9\u3082\u3044\u3089\u3063\u3057\u3083\u308b\u306e\u3067\u306f\u306a\u3044\u3067\u3057\u3087\u3046\u304b\u3002\u4eca\u56de\u306f\u3001SCSS\u306e\u57fa\u672c\u7684\u306a\u6a5f\u80fd\u3068\u3001\u66f8\u304d\u65b9\u306b\u3064\u3044\u3066\u308f\u304b\u308a\u3084\u3059\u304f\u89e3\u8aac\u3057\u307e\u3059\u3002\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.kagoya.jp\\\/howto\\\/it-glossary\\\/web\\\/scsswriting\\\/#breadcrumb\"},\"inLanguage\":\"ja\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.kagoya.jp\\\/howto\\\/it-glossary\\\/web\\\/scsswriting\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ja\",\"@id\":\"https:\\\/\\\/www.kagoya.jp\\\/howto\\\/it-glossary\\\/web\\\/scsswriting\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.kagoya.jp\\\/howto\\\/wp-content\\\/uploads\\\/scsswrite_catch.png\",\"contentUrl\":\"https:\\\/\\\/www.kagoya.jp\\\/howto\\\/wp-content\\\/uploads\\\/scsswrite_catch.png\",\"width\":1200,\"height\":630,\"caption\":\"SCSS\u306e\u66f8\u304d\u65b9\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.kagoya.jp\\\/howto\\\/it-glossary\\\/web\\\/scsswriting\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u30db\u30fc\u30e0\",\"item\":\"https:\\\/\\\/www.kagoya.jp\\\/howto\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u3010Sass\u5165\u9580\u3011SCSS\u306e\u57fa\u672c\u7684\u306a\u66f8\u304d\u65b98\u9078\uff01\u30b3\u30fc\u30c9\u4ed8\u304d\u3067\u89e3\u8aac\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.kagoya.jp\\\/howto\\\/#website\",\"url\":\"https:\\\/\\\/www.kagoya.jp\\\/howto\\\/\",\"name\":\"\u30ab\u30b4\u30e4\u306e\u30b5\u30fc\u30d0\u30fc\u7814\u7a76\u5ba4\",\"description\":\"\u30c7\u30fc\u30bf\u30bb\u30f3\u30bf\u30fc\u904b\u55b6\u4f1a\u793e\u304c\u304a\u5c4a\u3051\u3059\u308b\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u30e1\u30c7\u30a3\u30a2\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.kagoya.jp\\\/howto\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ja\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.kagoya.jp\\\/howto\\\/#\\\/schema\\\/person\\\/ebeeb50541eb80a85fb8c2d4de576ecb\",\"name\":\"\u30ab\u30b4\u30e4\u306e\u30b5\u30fc\u30d0\u30fc\u7814\u7a76\u5ba4 \u7de8\u96c6\u90e8\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ja\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9fe9d72aa704f911132f44fac9fcead4baf347e25402676d6d404127f54190eb?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9fe9d72aa704f911132f44fac9fcead4baf347e25402676d6d404127f54190eb?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9fe9d72aa704f911132f44fac9fcead4baf347e25402676d6d404127f54190eb?s=96&d=mm&r=g\",\"caption\":\"\u30ab\u30b4\u30e4\u306e\u30b5\u30fc\u30d0\u30fc\u7814\u7a76\u5ba4 \u7de8\u96c6\u90e8\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/kagoyajapan\",\"https:\\\/\\\/x.com\\\/kagoya_inc\"],\"url\":\"https:\\\/\\\/www.kagoya.jp\\\/howto\\\/author\\\/kagoya\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u3010Sass\u5165\u9580\u3011SCSS\u306e\u57fa\u672c\u7684\u306a\u66f8\u304d\u65b98\u9078\uff01\u30b3\u30fc\u30c9\u4ed8\u304d\u3067\u89e3\u8aac - \u30ab\u30b4\u30e4\u306e\u30b5\u30fc\u30d0\u30fc\u7814\u7a76\u5ba4","description":"HTML\u306e\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u306b\u304a\u3044\u3066\u3001\u591a\u304f\u306e\u958b\u767a\u8005\u304c\u4f7f\u7528\u3057\u3066\u3044\u308bSCSS\uff08\u8aad\u307f\u65b9\uff1a\u30a8\u30b9\u30fb\u30b7\u30fc\u30fb\u30a8\u30b9\u30a8\u30b9\uff09\u3002CSS\uff08\u8aad\u307f\u65b9\uff1a\u30b7\u30fc\u30fb\u30a8\u30b9\u30fb\u30a8\u30b9\uff09\u306b\u304a\u3051\u308b\u8ab2\u984c\u3092\u89e3\u6d88\u3059\u308b\u305f\u3081 HTML\u306e\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u306b\u304a\u3044\u3066\u3001\u591a\u304f\u306e\u958b\u767a\u8005\u304c\u4f7f\u7528\u3057\u3066\u3044\u308bSCSS\uff08\u8aad\u307f\u65b9\uff1a\u30a8\u30b9\u30fb\u30b7\u30fc\u30fb\u30a8\u30b9\u30a8\u30b9\uff09\u3002CSS\uff08\u8aad\u307f\u65b9\uff1a\u30b7\u30fc\u30fb\u30a8\u30b9\u30fb\u30a8\u30b9\uff09\u306b\u304a\u3051\u308b\u8ab2\u984c\u3092\u89e3\u6d88\u3059\u308b\u305f\u3081\u306b\u958b\u767a\u3055\u308c\u305f\u8a00\u8a9e\u3067\u3001\u4fbf\u5229\u306a\u6a5f\u80fd\u304c\u3055\u307e\u3056\u307e\u3042\u308a\u307e\u3059\u3002\u3057\u304b\u3057\u3001SCSS\u3068\u306f\u3069\u306e\u3088\u3046\u306a\u3082\u306e\u306a\u306e\u304b\u5206\u304b\u3089\u306a\u3044\u65b9\u3082\u3044\u3089\u3063\u3057\u3083\u308b\u306e\u3067\u306f\u306a\u3044\u3067\u3057\u3087\u3046\u304b\u3002\u4eca\u56de\u306f\u3001SCSS\u306e\u57fa\u672c\u7684\u306a\u6a5f\u80fd\u3068\u3001\u66f8\u304d\u65b9\u306b\u3064\u3044\u3066\u308f\u304b\u308a\u3084\u3059\u304f\u89e3\u8aac\u3057\u307e\u3059\u3002","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.kagoya.jp\/howto\/it-glossary\/web\/scsswriting\/","og_locale":"ja_JP","og_type":"article","og_title":"\u3010Sass\u5165\u9580\u3011SCSS\u306e\u57fa\u672c\u7684\u306a\u66f8\u304d\u65b98\u9078\uff01\u30b3\u30fc\u30c9\u4ed8\u304d\u3067\u89e3\u8aac - \u30ab\u30b4\u30e4\u306e\u30b5\u30fc\u30d0\u30fc\u7814\u7a76\u5ba4","og_description":"HTML\u306e\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u306b\u304a\u3044\u3066\u3001\u591a\u304f\u306e\u958b\u767a\u8005\u304c\u4f7f\u7528\u3057\u3066\u3044\u308bSCSS\uff08\u8aad\u307f\u65b9\uff1a\u30a8\u30b9\u30fb\u30b7\u30fc\u30fb\u30a8\u30b9\u30a8\u30b9\uff09\u3002CSS\uff08\u8aad\u307f\u65b9\uff1a\u30b7\u30fc\u30fb\u30a8\u30b9\u30fb\u30a8\u30b9\uff09\u306b\u304a\u3051\u308b\u8ab2\u984c\u3092\u89e3\u6d88\u3059\u308b\u305f\u3081 HTML\u306e\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u306b\u304a\u3044\u3066\u3001\u591a\u304f\u306e\u958b\u767a\u8005\u304c\u4f7f\u7528\u3057\u3066\u3044\u308bSCSS\uff08\u8aad\u307f\u65b9\uff1a\u30a8\u30b9\u30fb\u30b7\u30fc\u30fb\u30a8\u30b9\u30a8\u30b9\uff09\u3002CSS\uff08\u8aad\u307f\u65b9\uff1a\u30b7\u30fc\u30fb\u30a8\u30b9\u30fb\u30a8\u30b9\uff09\u306b\u304a\u3051\u308b\u8ab2\u984c\u3092\u89e3\u6d88\u3059\u308b\u305f\u3081\u306b\u958b\u767a\u3055\u308c\u305f\u8a00\u8a9e\u3067\u3001\u4fbf\u5229\u306a\u6a5f\u80fd\u304c\u3055\u307e\u3056\u307e\u3042\u308a\u307e\u3059\u3002\u3057\u304b\u3057\u3001SCSS\u3068\u306f\u3069\u306e\u3088\u3046\u306a\u3082\u306e\u306a\u306e\u304b\u5206\u304b\u3089\u306a\u3044\u65b9\u3082\u3044\u3089\u3063\u3057\u3083\u308b\u306e\u3067\u306f\u306a\u3044\u3067\u3057\u3087\u3046\u304b\u3002\u4eca\u56de\u306f\u3001SCSS\u306e\u57fa\u672c\u7684\u306a\u6a5f\u80fd\u3068\u3001\u66f8\u304d\u65b9\u306b\u3064\u3044\u3066\u308f\u304b\u308a\u3084\u3059\u304f\u89e3\u8aac\u3057\u307e\u3059\u3002","og_url":"https:\/\/www.kagoya.jp\/howto\/it-glossary\/web\/scsswriting\/","og_site_name":"\u30ab\u30b4\u30e4\u306e\u30b5\u30fc\u30d0\u30fc\u7814\u7a76\u5ba4","article_author":"https:\/\/www.facebook.com\/kagoyajapan","article_published_time":"2023-04-11T01:00:00+00:00","article_modified_time":"2023-07-19T02:43:00+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.kagoya.jp\/howto\/wp-content\/uploads\/scsswrite_catch.png","type":"image\/png"}],"author":"\u30ab\u30b4\u30e4\u306e\u30b5\u30fc\u30d0\u30fc\u7814\u7a76\u5ba4 \u7de8\u96c6\u90e8","twitter_card":"summary_large_image","twitter_creator":"@kagoya_inc","twitter_misc":{"\u57f7\u7b46\u8005":"\u30ab\u30b4\u30e4\u306e\u30b5\u30fc\u30d0\u30fc\u7814\u7a76\u5ba4 \u7de8\u96c6\u90e8","\u63a8\u5b9a\u8aad\u307f\u53d6\u308a\u6642\u9593":"3\u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.kagoya.jp\/howto\/it-glossary\/web\/scsswriting\/#article","isPartOf":{"@id":"https:\/\/www.kagoya.jp\/howto\/it-glossary\/web\/scsswriting\/"},"author":{"name":"\u30ab\u30b4\u30e4\u306e\u30b5\u30fc\u30d0\u30fc\u7814\u7a76\u5ba4 \u7de8\u96c6\u90e8","@id":"https:\/\/www.kagoya.jp\/howto\/#\/schema\/person\/ebeeb50541eb80a85fb8c2d4de576ecb"},"headline":"\u3010Sass\u5165\u9580\u3011SCSS\u306e\u57fa\u672c\u7684\u306a\u66f8\u304d\u65b98\u9078\uff01\u30b3\u30fc\u30c9\u4ed8\u304d\u3067\u89e3\u8aac","datePublished":"2023-04-11T01:00:00+00:00","dateModified":"2023-07-19T02:43:00+00:00","mainEntityOfPage":{"@id":"https:\/\/www.kagoya.jp\/howto\/it-glossary\/web\/scsswriting\/"},"wordCount":92,"image":{"@id":"https:\/\/www.kagoya.jp\/howto\/it-glossary\/web\/scsswriting\/#primaryimage"},"thumbnailUrl":"https:\/\/www.kagoya.jp\/howto\/wp-content\/uploads\/scsswrite_catch.png","keywords":["WEB\u62c5\u5f53\u8005\u5411\u3051","SCSS"],"articleSection":["WEB"],"inLanguage":"ja"},{"@type":"WebPage","@id":"https:\/\/www.kagoya.jp\/howto\/it-glossary\/web\/scsswriting\/","url":"https:\/\/www.kagoya.jp\/howto\/it-glossary\/web\/scsswriting\/","name":"\u3010Sass\u5165\u9580\u3011SCSS\u306e\u57fa\u672c\u7684\u306a\u66f8\u304d\u65b98\u9078\uff01\u30b3\u30fc\u30c9\u4ed8\u304d\u3067\u89e3\u8aac - \u30ab\u30b4\u30e4\u306e\u30b5\u30fc\u30d0\u30fc\u7814\u7a76\u5ba4","isPartOf":{"@id":"https:\/\/www.kagoya.jp\/howto\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.kagoya.jp\/howto\/it-glossary\/web\/scsswriting\/#primaryimage"},"image":{"@id":"https:\/\/www.kagoya.jp\/howto\/it-glossary\/web\/scsswriting\/#primaryimage"},"thumbnailUrl":"https:\/\/www.kagoya.jp\/howto\/wp-content\/uploads\/scsswrite_catch.png","datePublished":"2023-04-11T01:00:00+00:00","dateModified":"2023-07-19T02:43:00+00:00","author":{"@id":"https:\/\/www.kagoya.jp\/howto\/#\/schema\/person\/ebeeb50541eb80a85fb8c2d4de576ecb"},"description":"HTML\u306e\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u306b\u304a\u3044\u3066\u3001\u591a\u304f\u306e\u958b\u767a\u8005\u304c\u4f7f\u7528\u3057\u3066\u3044\u308bSCSS\uff08\u8aad\u307f\u65b9\uff1a\u30a8\u30b9\u30fb\u30b7\u30fc\u30fb\u30a8\u30b9\u30a8\u30b9\uff09\u3002CSS\uff08\u8aad\u307f\u65b9\uff1a\u30b7\u30fc\u30fb\u30a8\u30b9\u30fb\u30a8\u30b9\uff09\u306b\u304a\u3051\u308b\u8ab2\u984c\u3092\u89e3\u6d88\u3059\u308b\u305f\u3081 HTML\u306e\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u306b\u304a\u3044\u3066\u3001\u591a\u304f\u306e\u958b\u767a\u8005\u304c\u4f7f\u7528\u3057\u3066\u3044\u308bSCSS\uff08\u8aad\u307f\u65b9\uff1a\u30a8\u30b9\u30fb\u30b7\u30fc\u30fb\u30a8\u30b9\u30a8\u30b9\uff09\u3002CSS\uff08\u8aad\u307f\u65b9\uff1a\u30b7\u30fc\u30fb\u30a8\u30b9\u30fb\u30a8\u30b9\uff09\u306b\u304a\u3051\u308b\u8ab2\u984c\u3092\u89e3\u6d88\u3059\u308b\u305f\u3081\u306b\u958b\u767a\u3055\u308c\u305f\u8a00\u8a9e\u3067\u3001\u4fbf\u5229\u306a\u6a5f\u80fd\u304c\u3055\u307e\u3056\u307e\u3042\u308a\u307e\u3059\u3002\u3057\u304b\u3057\u3001SCSS\u3068\u306f\u3069\u306e\u3088\u3046\u306a\u3082\u306e\u306a\u306e\u304b\u5206\u304b\u3089\u306a\u3044\u65b9\u3082\u3044\u3089\u3063\u3057\u3083\u308b\u306e\u3067\u306f\u306a\u3044\u3067\u3057\u3087\u3046\u304b\u3002\u4eca\u56de\u306f\u3001SCSS\u306e\u57fa\u672c\u7684\u306a\u6a5f\u80fd\u3068\u3001\u66f8\u304d\u65b9\u306b\u3064\u3044\u3066\u308f\u304b\u308a\u3084\u3059\u304f\u89e3\u8aac\u3057\u307e\u3059\u3002","breadcrumb":{"@id":"https:\/\/www.kagoya.jp\/howto\/it-glossary\/web\/scsswriting\/#breadcrumb"},"inLanguage":"ja","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.kagoya.jp\/howto\/it-glossary\/web\/scsswriting\/"]}]},{"@type":"ImageObject","inLanguage":"ja","@id":"https:\/\/www.kagoya.jp\/howto\/it-glossary\/web\/scsswriting\/#primaryimage","url":"https:\/\/www.kagoya.jp\/howto\/wp-content\/uploads\/scsswrite_catch.png","contentUrl":"https:\/\/www.kagoya.jp\/howto\/wp-content\/uploads\/scsswrite_catch.png","width":1200,"height":630,"caption":"SCSS\u306e\u66f8\u304d\u65b9"},{"@type":"BreadcrumbList","@id":"https:\/\/www.kagoya.jp\/howto\/it-glossary\/web\/scsswriting\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u30db\u30fc\u30e0","item":"https:\/\/www.kagoya.jp\/howto\/"},{"@type":"ListItem","position":2,"name":"\u3010Sass\u5165\u9580\u3011SCSS\u306e\u57fa\u672c\u7684\u306a\u66f8\u304d\u65b98\u9078\uff01\u30b3\u30fc\u30c9\u4ed8\u304d\u3067\u89e3\u8aac"}]},{"@type":"WebSite","@id":"https:\/\/www.kagoya.jp\/howto\/#website","url":"https:\/\/www.kagoya.jp\/howto\/","name":"\u30ab\u30b4\u30e4\u306e\u30b5\u30fc\u30d0\u30fc\u7814\u7a76\u5ba4","description":"\u30c7\u30fc\u30bf\u30bb\u30f3\u30bf\u30fc\u904b\u55b6\u4f1a\u793e\u304c\u304a\u5c4a\u3051\u3059\u308b\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u30e1\u30c7\u30a3\u30a2","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.kagoya.jp\/howto\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ja"},{"@type":"Person","@id":"https:\/\/www.kagoya.jp\/howto\/#\/schema\/person\/ebeeb50541eb80a85fb8c2d4de576ecb","name":"\u30ab\u30b4\u30e4\u306e\u30b5\u30fc\u30d0\u30fc\u7814\u7a76\u5ba4 \u7de8\u96c6\u90e8","image":{"@type":"ImageObject","inLanguage":"ja","@id":"https:\/\/secure.gravatar.com\/avatar\/9fe9d72aa704f911132f44fac9fcead4baf347e25402676d6d404127f54190eb?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/9fe9d72aa704f911132f44fac9fcead4baf347e25402676d6d404127f54190eb?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9fe9d72aa704f911132f44fac9fcead4baf347e25402676d6d404127f54190eb?s=96&d=mm&r=g","caption":"\u30ab\u30b4\u30e4\u306e\u30b5\u30fc\u30d0\u30fc\u7814\u7a76\u5ba4 \u7de8\u96c6\u90e8"},"sameAs":["https:\/\/www.facebook.com\/kagoyajapan","https:\/\/x.com\/kagoya_inc"],"url":"https:\/\/www.kagoya.jp\/howto\/author\/kagoya\/"}]}},"views":82994,"_links":{"self":[{"href":"https:\/\/www.kagoya.jp\/howto\/wp-json\/wp\/v2\/posts\/9588","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kagoya.jp\/howto\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.kagoya.jp\/howto\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.kagoya.jp\/howto\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kagoya.jp\/howto\/wp-json\/wp\/v2\/comments?post=9588"}],"version-history":[{"count":0,"href":"https:\/\/www.kagoya.jp\/howto\/wp-json\/wp\/v2\/posts\/9588\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.kagoya.jp\/howto\/wp-json\/wp\/v2\/media\/9757"}],"wp:attachment":[{"href":"https:\/\/www.kagoya.jp\/howto\/wp-json\/wp\/v2\/media?parent=9588"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.kagoya.jp\/howto\/wp-json\/wp\/v2\/categories?post=9588"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.kagoya.jp\/howto\/wp-json\/wp\/v2\/tags?post=9588"},{"taxonomy":"pickup","embeddable":true,"href":"https:\/\/www.kagoya.jp\/howto\/wp-json\/wp\/v2\/pickup?post=9588"},{"taxonomy":"sitedisplay","embeddable":true,"href":"https:\/\/www.kagoya.jp\/howto\/wp-json\/wp\/v2\/sitedisplay?post=9588"},{"taxonomy":"sitetarget","embeddable":true,"href":"https:\/\/www.kagoya.jp\/howto\/wp-json\/wp\/v2\/sitetarget?post=9588"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}