{"id":1393,"date":"2018-01-29T15:29:51","date_gmt":"2018-01-29T06:29:51","guid":{"rendered":"http:\/\/onocom.net\/blog\/?p=1393"},"modified":"2018-02-02T14:34:58","modified_gmt":"2018-02-02T05:34:58","slug":"dreamweaver-sass-compass","status":"publish","type":"post","link":"http:\/\/onocom.net\/blog\/dreamweaver-sass-compass\/","title":{"rendered":"Dreamweaver\u3067Sass\uff08Compass\uff09\u3092\u5229\u7528\u3059\u308b\u65b9\u6cd5"},"content":{"rendered":"<p>Adobe Dreamweaver\u3067Sass\u30fbCompass\u3092\u5229\u7528\u3059\u308b\u65b9\u6cd5\u306e\u5099\u5fd8\u9332\u3067\u3059\u3002<\/p>\n<p>Gulp\u30fbGrunt\u7b49\u3067\u3084\u308b\u65b9\u6cd5\u304c\u3042\u308a\u307e\u3059\u304c\u3001\u30b3\u30de\u30f3\u30c9\u30d7\u30ed\u30f3\u30d7\u30c8\uff08\u901a\u79f0\uff1a\u9ed2\u3044\u753b\u9762\uff09\u306f\u3061\u3087\u3063\u3068\u6577\u5c45\u304c\u9ad8\u3044\u3068\u601d\u308f\u308c\u308b\u65b9\u3082\u591a\u3044\u3068\u601d\u3046\u306e\u3067\u3001Adobe\u30e6\u30fc\u30b6\u30fc\u306a\u3089\u5927\u62b5\u5165\u3063\u3066\u3044\u308bDreamweaver\u306e\u8a2d\u5b9a\u65b9\u6cd5\u3092\u304a\u4f1d\u3048\u3057\u307e\u3059\u3002<\/p>\n<p>Dreamweaver\u3092\u5229\u7528\u3057\u3066WordPress\u3067\u30b5\u30a4\u30c8\u69cb\u7bc9\uff08\u30c6\u30fc\u30de\u958b\u767a\uff09\u3059\u308b\u3053\u3068\u3092\u60f3\u5b9a\u3057\u3066\u3044\u307e\u3059\u304c\u3001\u4ed6\u306e\u30b5\u30a4\u30c8\u5236\u4f5c\u3067\u3082\u540c\u69d8\u306e\u8a2d\u5b9a\u3067\u591a\u5206\u5229\u7528\u3067\u304d\u307e\u3059\u3002<\/p>\n<p>\u8a66\u884c\u932f\u8aa4\u306e\u7d50\u679c\u3068\u308a\u3042\u3048\u305a\u52d5\u3044\u305f\u3068\u3044\u3046\u8a2d\u5b9a\u65b9\u6cd5\u3092\u3054\u7d39\u4ecb\u3057\u3066\u304a\u308a\u307e\u3059\u306e\u3067\u3001\u6b63\u7d71\u306a\u3084\u308a\u65b9\u3067\u306f\u7121\u3044\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002\u305d\u306e\u70b9\u3054\u5bb9\u8d66\u304f\u3060\u3055\u3044\u3002<\/p>\n<p><strong>2018\u5e742\u67082\u65e5\u8ffd\u8a18<\/strong><\/p>\n<p>\u6587\u5b57\u30b3\u30fc\u30c9\u306e\u95a2\u4fc2\u3067\u30a8\u30e9\u30fc\u306b\u306a\u308b\u5834\u5408\u304c\u3042\u3063\u305f\u305f\u3081\u3001config.rb\u3001config_prod.rb\u306b\u4ee5\u4e0b\u306e\u4e00\u6587\u3092\u8ffd\u52a0\u3057\u307e\u3057\u305f\u3002<\/p>\n<p>Encoding.default_external = &#8220;UTF-8&#8221;<\/p>\n<h2>\u4eca\u56de\u60f3\u5b9a\u3059\u308bDreamweaver\u306e\u30b5\u30a4\u30c8\u8a2d\u5b9a<\/h2>\n<p>Dreamweaver\u306e\u30b5\u30a4\u30c8\u8a2d\u5b9a\u304c\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u884c\u308f\u308c\u3066\u3044\u308b\u524d\u63d0\u3067\u8aac\u660e\u3092\u884c\u3044\u307e\u3059\u3002<\/p>\n<h3>\u4eca\u56de\u306e\u30b5\u30a4\u30c8\u8a2d\u5b9a\u30fb\u69cb\u9020<\/h3>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"1395\" data-permalink=\"http:\/\/onocom.net\/blog\/dreamweaver-sass-compass\/image1\/\" data-orig-file=\"https:\/\/i0.wp.com\/onocom.net\/blog\/wp-content\/uploads\/2018\/01\/image1.png?fit=437%2C164\" data-orig-size=\"437,164\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Dreamweaver\u306e\u30b5\u30a4\u30c8\u8a2d\u5b9a\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/onocom.net\/blog\/wp-content\/uploads\/2018\/01\/image1.png?fit=300%2C113\" data-large-file=\"https:\/\/i0.wp.com\/onocom.net\/blog\/wp-content\/uploads\/2018\/01\/image1.png?fit=437%2C164\" class=\"aligncenter size-full wp-image-1395\" src=\"https:\/\/i0.wp.com\/onocom.net\/blog\/wp-content\/uploads\/2018\/01\/image1.png?resize=437%2C164\" alt=\"Dreamweaver\u306e\u30b5\u30a4\u30c8\u8a2d\u5b9a\" width=\"437\" height=\"164\" srcset=\"https:\/\/i0.wp.com\/onocom.net\/blog\/wp-content\/uploads\/2018\/01\/image1.png?w=437 437w, https:\/\/i0.wp.com\/onocom.net\/blog\/wp-content\/uploads\/2018\/01\/image1.png?resize=300%2C113 300w\" sizes=\"(max-width: 437px) 100vw, 437px\" \/><\/p>\n<ul>\n<li>\u30b5\u30a4\u30c8\u76f4\u4e0b\u306bwp-content , wp-admin, wp-includes\u7b49\u306e\u30d5\u30a1\u30a4\u30eb\u304c\u3042\u308b\u3002<\/li>\n<li>\u30c6\u30fc\u30de\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u3092\u300cTHEME_NAME\u300d\u3068\u3057\u3066\u30c6\u30fc\u30de\u3092\u4f5c\u308a\u8fbc\u3082\u3046\u3068\u3057\u3066\u3044\u308b\u3053\u3068\u3092\u60f3\u5b9a\u3057\u3066\u3044\u307e\u3059\uff08\u3053\u306e\u90e8\u5206\u3092\u9069\u5b9c\u3054\u81ea\u8eab\u306e\u74b0\u5883\u306b\u5408\u308f\u305b\u3066\u4ee5\u964d\u8aad\u307f\u66ff\u3048\u3066\u304f\u3060\u3055\u3044\uff09\u3002<\/li>\n<\/ul>\n<h2>\u7a7a\u306e\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u3092\u4f5c\u6210\u3057\u3088\u3046<\/h2>\n<p>\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u3001\/wp-content\/themes\/THEME_NAME\/\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306b\u7a7a\u306e\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"1396\" data-permalink=\"http:\/\/onocom.net\/blog\/dreamweaver-sass-compass\/image2\/\" data-orig-file=\"https:\/\/i0.wp.com\/onocom.net\/blog\/wp-content\/uploads\/2018\/01\/image2.png?fit=427%2C207\" data-orig-size=\"427,207\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Compass\u7528\u306e\u7a7a\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306e\u4f5c\u6210\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/onocom.net\/blog\/wp-content\/uploads\/2018\/01\/image2.png?fit=300%2C145\" data-large-file=\"https:\/\/i0.wp.com\/onocom.net\/blog\/wp-content\/uploads\/2018\/01\/image2.png?fit=427%2C207\" class=\"aligncenter size-full wp-image-1396\" src=\"https:\/\/i0.wp.com\/onocom.net\/blog\/wp-content\/uploads\/2018\/01\/image2.png?resize=427%2C207\" alt=\"Compass\u7528\u306e\u7a7a\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306e\u4f5c\u6210\" width=\"427\" height=\"207\" srcset=\"https:\/\/i0.wp.com\/onocom.net\/blog\/wp-content\/uploads\/2018\/01\/image2.png?w=427 427w, https:\/\/i0.wp.com\/onocom.net\/blog\/wp-content\/uploads\/2018\/01\/image2.png?resize=300%2C145 300w\" sizes=\"(max-width: 427px) 100vw, 427px\" \/><\/p>\n<h3>scss \u30c7\u30a3\u30ec\u30af\u30c8\u30ea<\/h3>\n<p>\u3053\u306e\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306bSass\u30d5\u30a1\u30a4\u30eb\u3092\u914d\u7f6e\u3057\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n<h3>css, css\/min \u30c7\u30a3\u30ec\u30af\u30c8\u30ea<\/h3>\n<p>sass\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306b\u914d\u7f6e\u3055\u308c\u305fSass\u30d5\u30a1\u30a4\u30eb\u304c\u30b3\u30f3\u30d1\u30a4\u30eb\u3055\u308c\u3001\u751f\u6210\u3055\u308c\u305fCSS\u30d5\u30a1\u30a4\u30eb\u304c\u914d\u7f6e\u3055\u308c\u307e\u3059\uff08css\/min\u306b\u306fminify\u3055\u308c\u305fCSS\u304c\u914d\u7f6e\u3055\u308c\u307e\u3059\uff09<\/p>\n<h3>fonts, images, js \u30c7\u30a3\u30ec\u30af\u30c8\u30ea<\/h3>\n<p>\u3068\u308a\u3042\u3048\u305a\u4f5c\u308a\u307e\u3059\u3002Compass\u304c\u753b\u50cf\u7b49\u3092\u51fa\u529b\u3059\u308b\u6642\u306b\u4f7f\u7528\u3059\u308b\u3088\u3046\u3067\u3059\u304c\u6b63\u76f4\u3088\u304f\u5206\u304b\u308a\u307e\u305b\u3093\uff08\u7b11\uff09<\/p>\n<h2>config\u30d5\u30a1\u30a4\u30eb\u3092\u914d\u7f6e\u3057\u3088\u3046<\/h2>\n<p>\u4ee5\u4e0b<a href=\"https:\/\/gist.github.com\/onocom\/29259b091fdea04e159506bcba6d89ff\" target=\"_blank\" rel=\"noopener\">Gist<\/a> \u304b\u3089config.rb\u3068config_prod.rb\u3092\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3057\u3066\u304d\u3066\u30c6\u30fc\u30de\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u76f4\u4e0b\u306b\u914d\u7f6e\u3057\u307e\u3059\u3002<\/p>\n<h3>Gist\uff1aDreamweaver\u3067compass\u3092\u52d5\u4f5c\u3055\u305b\u3088\u3046\u3068\u3057\u305f\u6642\u306econfig.rb<\/h3>\n<p><a href=\"https:\/\/gist.github.com\/onocom\/29259b091fdea04e159506bcba6d89ff\" target=\"_blank\" rel=\"noopener\">https:\/\/gist.github.com\/onocom\/29259b091fdea04e159506bcba6d89ff<\/a><\/p>\n<h4>config.rb<\/h4>\n<p>\u3053\u308c\u306fMinify\u3057\u306a\u3044\u70ba\u306e\u30b3\u30f3\u30d5\u30a3\u30b0\u30d5\u30a1\u30a4\u30eb\u3002\u3053\u306e\u30b3\u30f3\u30d5\u30a3\u30b0\u304c\u5b9f\u884c\u3055\u308c\u308b\u3068\u3001\u6700\u5f8c\u306bMinify\u7528\u306e\u30b3\u30f3\u30d5\u30a3\u30b0\u304c\u5b9f\u884c\u3055\u308c\u308b\u3002<\/p>\n<p>THEME_NAME\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306f\u9069\u5b9c\u66f8\u304d\u63db\u3048\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n<pre class=\"lang:ruby decode:true\" title=\"config.rb\">Encoding.default_external = \"UTF-8\"\n\nhttp_path = \"\/\"\ncss_dir = \"\/wp-content\/themes\/THEME_NAME\/css\/\"\nsass_dir = \"\/wp-content\/themes\/THEME_NAME\/scss\/\"\nimages_dir = \"\/wp-content\/themes\/THEME_NAME\/images\/\"\njavascripts_dir = \"\/wp-content\/themes\/THEME_NAME\/js\/\"\nfonts_dir = \"\/wp-content\/themes\/THEME_NAME\/fonts\/\"\n\noutput_style = :expanded # :expanded or :nested or :compact or :compressed\nsourcemap = true\nline_comments = false\nrelative_assets = true\n\non_stylesheet_saved do\n    `compass compile -c wp-content\/themes\/THEME_NAME\/config_prod.rb --force`\nend<\/pre>\n<h4>config_prod.rb<\/h4>\n<p>Minify\uff08\u5727\u7e2e\uff09\u7528\u306e\u30b3\u30f3\u30d5\u30a3\u30b0\u3002<\/p>\n<p>\u306a\u304a\u3001output_style\u3092\u5909\u66f4\u3059\u308b\u3053\u3068\u3067\u69d8\u3005\u306a\u51fa\u529b\u3092\u9078\u3079\u308b\u3002<\/p>\n<ul>\n<li>:expanded \u30fb\u30fb\u30fb \u901a\u5e38\u306eCSS\u51fa\u529b<\/li>\n<li>:nested \u30fb\u30fb\u30fb \u30cd\u30b9\u30c8\u3055\u308c\u305fCSS\u51fa\u529b<\/li>\n<li>:compact \u30fb\u30fb\u30fb\u00a0 \u30b3\u30f3\u30d1\u30af\u30c8\u306aCSS\u51fa\u529b<\/li>\n<li>:compressed \u30fb\u30fb\u30fb Minify\u3055\u308c\u305f\u6700\u3082\u5c0f\u3055\u3044CSS\u51fa\u529b<\/li>\n<\/ul>\n<p>\u307e\u305f\u3001sourcemap \u306e\u8a2d\u5b9a\u306f.map\u30d5\u30a1\u30a4\u30eb\u3092\u751f\u6210\u3059\u308b\u304b\u3069\u3046\u304b\u306e\u6307\u5b9a\u3002<br \/>\nline_comments \u306e\u8a2d\u5b9a\u306f\u3001\u30b3\u30e1\u30f3\u30c8\u3092\u51fa\u529b\u3059\u308b\u304b\u3057\u306a\u3044\u304b\u306e\u6307\u5b9a\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n<p>THEME_NAME \u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306f\u9069\u5b9c\u66f8\u304d\u63db\u3048\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n<pre class=\"lang:ruby decode:true\" title=\"config_prod.rb\">Encoding.default_external = \"UTF-8\"\n\nhttp_path = \"\/\"\ncss_dir = \"\/wp-content\/themes\/THEME_NAME\/css\/min\/\"\nsass_dir = \"\/wp-content\/themes\/THEME_NAME\/scss\/\"\nimages_dir = \"\/wp-content\/themes\/THEME_NAME\/images\/\"\njavascripts_dir = \"\/wp-content\/themes\/THEME_NAME\/js\/\"\nfonts_dir = \"\/wp-content\/themes\/THEME_NAME\/fonts\/\"\n\noutput_style = :compressed # :expanded or :nested or :compact or :compressed\nsourcemap = true\nline_comments = false\nrelative_assets = true<\/pre>\n<h3>\u30c6\u30fc\u30de\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u76f4\u4e0b\u306b\u914d\u7f6e<\/h3>\n<p>\u4e0a\u8a18\u30d5\u30a1\u30a4\u30eb\u3092\u914d\u7f6e\u3059\u308b\u3068\u3053\u3093\u306a\u611f\u3058\u3002<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"1406\" data-permalink=\"http:\/\/onocom.net\/blog\/dreamweaver-sass-compass\/attachment\/01\/\" data-orig-file=\"https:\/\/i0.wp.com\/onocom.net\/blog\/wp-content\/uploads\/2018\/01\/01.png?fit=283%2C251\" data-orig-size=\"283,251\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"config.rb\/config_prod.rb\u3092\u914d\u7f6e\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/onocom.net\/blog\/wp-content\/uploads\/2018\/01\/01.png?fit=283%2C251\" data-large-file=\"https:\/\/i0.wp.com\/onocom.net\/blog\/wp-content\/uploads\/2018\/01\/01.png?fit=283%2C251\" class=\"aligncenter size-full wp-image-1406\" src=\"https:\/\/i0.wp.com\/onocom.net\/blog\/wp-content\/uploads\/2018\/01\/01.png?resize=283%2C251\" alt=\"config.rb\/config_prod.rb\u3092\u914d\u7f6e\" width=\"283\" height=\"251\" \/><\/p>\n<h2>\u30b5\u30a4\u30c8\u8a2d\u5b9a\u3067Compass\u3092\u6709\u52b9\u5316\u3057\u3088\u3046<\/h2>\n<h3>\u30b5\u30a4\u30c8\u8a2d\u5b9a\u3092\u958b\u304f<\/h3>\n<p>Dreamweaver\u30e1\u30cb\u30e5\u30fc \u2192 \u30b5\u30a4\u30c8(S) \u2192 \u30b5\u30a4\u30c8\u306e\u7ba1\u7406(M)\u304b\u3089\u8a72\u5f53\u306e\u30b5\u30a4\u30c8\u3092\u30c0\u30d6\u30eb\u30af\u30ea\u30c3\u30af\u3057\u3066\u4ee5\u4e0b\u306e\u753b\u9762\u3092\u7acb\u3061\u4e0a\u3052\u307e\u3059\u3002<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"1400\" data-permalink=\"http:\/\/onocom.net\/blog\/dreamweaver-sass-compass\/%e3%82%b5%e3%82%a4%e3%83%88%e8%a8%ad%e5%ae%9a\/\" data-orig-file=\"https:\/\/i0.wp.com\/onocom.net\/blog\/wp-content\/uploads\/2018\/01\/0.png?fit=702%2C542\" data-orig-size=\"702,542\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"\u30b5\u30a4\u30c8\u8a2d\u5b9a\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/onocom.net\/blog\/wp-content\/uploads\/2018\/01\/0.png?fit=300%2C232\" data-large-file=\"https:\/\/i0.wp.com\/onocom.net\/blog\/wp-content\/uploads\/2018\/01\/0.png?fit=660%2C510\" class=\"aligncenter size-full wp-image-1400\" src=\"https:\/\/i0.wp.com\/onocom.net\/blog\/wp-content\/uploads\/2018\/01\/0.png?resize=660%2C510\" alt=\"\u30b5\u30a4\u30c8\u8a2d\u5b9a\" width=\"660\" height=\"510\" srcset=\"https:\/\/i0.wp.com\/onocom.net\/blog\/wp-content\/uploads\/2018\/01\/0.png?w=702 702w, https:\/\/i0.wp.com\/onocom.net\/blog\/wp-content\/uploads\/2018\/01\/0.png?resize=300%2C232 300w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/p>\n<h3>CSS\u30d7\u30ea\u30d7\u30ed\u30bb\u30c3\u30b5\u30fc \uff0d \u4e00\u822c\u8a2d\u5b9a<\/h3>\n<p>\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u8a2d\u5b9a\u3057\u3066\u304a\u304d\u307e\u3057\u305f\u3002<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"1397\" data-permalink=\"http:\/\/onocom.net\/blog\/dreamweaver-sass-compass\/1-3\/\" data-orig-file=\"https:\/\/i0.wp.com\/onocom.net\/blog\/wp-content\/uploads\/2018\/01\/1.png?fit=702%2C542\" data-orig-size=\"702,542\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Sass\u306e\u8a2d\u5b9a\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/onocom.net\/blog\/wp-content\/uploads\/2018\/01\/1.png?fit=300%2C232\" data-large-file=\"https:\/\/i0.wp.com\/onocom.net\/blog\/wp-content\/uploads\/2018\/01\/1.png?fit=660%2C510\" class=\"aligncenter size-full wp-image-1397\" src=\"https:\/\/i0.wp.com\/onocom.net\/blog\/wp-content\/uploads\/2018\/01\/1.png?resize=660%2C510\" alt=\"Sass\u306e\u8a2d\u5b9a\" width=\"660\" height=\"510\" srcset=\"https:\/\/i0.wp.com\/onocom.net\/blog\/wp-content\/uploads\/2018\/01\/1.png?w=702 702w, https:\/\/i0.wp.com\/onocom.net\/blog\/wp-content\/uploads\/2018\/01\/1.png?resize=300%2C232 300w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/p>\n<p>\u30d5\u30a1\u30a4\u30eb\u306e\u4fdd\u5b58\u6642\u306b\u81ea\u52d5\u30b3\u30f3\u30d1\u30a4\u30eb\u3092\u6709\u52b9\u306b\u3059\u308b<\/p>\n<p>\u3092\u30c1\u30a7\u30c3\u30af\u5165\u308c\u3068\u304f\u3068\u52dd\u624b\u306b\u30b3\u30f3\u30d1\u30a4\u30eb\u3057\u3066\u304f\u308c\u308b\u3088\u3046\u3067\u3059\u3002\u305d\u306e\u4ed6\u306eOutput file Style\u3084\u30bd\u30fc\u30b9\u30de\u30c3\u30d7\u3092\u751f\u6210\u3001\u30bd\u30fc\u30b9\u30b3\u30e1\u30f3\u30c8\u3092\u4f5c\u6210\u306a\u3069\u306fconfig\u3067\u8a2d\u5b9a\u3057\u3066\u3042\u308b\u306e\u3067\u7121\u8996\u3057\u3066\u826f\u3055\u305d\u3046\u3002<\/p>\n<h3>Compass\u306e\u8a2d\u5b9a\u3092\u3057\u3088\u3046<\/h3>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"1398\" data-permalink=\"http:\/\/onocom.net\/blog\/dreamweaver-sass-compass\/2-3\/\" data-orig-file=\"https:\/\/i0.wp.com\/onocom.net\/blog\/wp-content\/uploads\/2018\/01\/2.png?fit=702%2C542\" data-orig-size=\"702,542\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Compass\u306e\u8a2d\u5b9a\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/onocom.net\/blog\/wp-content\/uploads\/2018\/01\/2.png?fit=300%2C232\" data-large-file=\"https:\/\/i0.wp.com\/onocom.net\/blog\/wp-content\/uploads\/2018\/01\/2.png?fit=660%2C510\" class=\"aligncenter size-full wp-image-1398\" src=\"https:\/\/i0.wp.com\/onocom.net\/blog\/wp-content\/uploads\/2018\/01\/2.png?resize=660%2C510\" alt=\"Compass\u306e\u8a2d\u5b9a\" width=\"660\" height=\"510\" srcset=\"https:\/\/i0.wp.com\/onocom.net\/blog\/wp-content\/uploads\/2018\/01\/2.png?w=702 702w, https:\/\/i0.wp.com\/onocom.net\/blog\/wp-content\/uploads\/2018\/01\/2.png?resize=300%2C232 300w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/p>\n<p>Compass\u306e\u8a2d\u5b9a\u9805\u76ee\u3067\u3001<\/p>\n<p>Compass\u3092\u4f7f\u7528\u3059\u308b<\/p>\n<p>\u306b\u30c1\u30a7\u30c3\u30af\u3057\u3001<\/p>\n<p>Ruby\u30d9\u30fc\u30b9\u306e\u69cb\u6210\u30d5\u30a1\u30a4\u30eb\u3092\u6307\u5b9a\u3067\u5148\u307b\u3069\u914d\u7f6e\u3057\u305fconfig.rb\u30d5\u30a1\u30a4\u30eb\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/p>\n<p>\u3053\u308c\u304c\u51fa\u6765\u305f\u3089\u4fdd\u5b58\u3092\u3057\u307e\u3059\u3002<\/p>\n<h2>\u30b3\u30f3\u30d1\u30a4\u30eb\u3055\u308c\u308b\u304b\u78ba\u304b\u3081\u3066\u307f\u3088\u3046<\/h2>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"1399\" data-permalink=\"http:\/\/onocom.net\/blog\/dreamweaver-sass-compass\/3-3\/\" data-orig-file=\"https:\/\/i0.wp.com\/onocom.net\/blog\/wp-content\/uploads\/2018\/01\/3.png?fit=938%2C708\" data-orig-size=\"938,708\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Sass\u30d5\u30a1\u30a4\u30eb\uff08SCSS\u30d5\u30a1\u30a4\u30eb\uff09\u3092\u4fdd\u5b58\u3059\u308b\u3068\u30b3\u30f3\u30d1\u30a4\u30eb\u3055\u308c\u308b\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/onocom.net\/blog\/wp-content\/uploads\/2018\/01\/3.png?fit=300%2C226\" data-large-file=\"https:\/\/i0.wp.com\/onocom.net\/blog\/wp-content\/uploads\/2018\/01\/3.png?fit=660%2C498\" class=\"aligncenter size-full wp-image-1399\" src=\"https:\/\/i0.wp.com\/onocom.net\/blog\/wp-content\/uploads\/2018\/01\/3.png?resize=660%2C498\" alt=\"Sass\u30d5\u30a1\u30a4\u30eb\uff08SCSS\u30d5\u30a1\u30a4\u30eb\uff09\u3092\u4fdd\u5b58\u3059\u308b\u3068\u30b3\u30f3\u30d1\u30a4\u30eb\u3055\u308c\u308b\" width=\"660\" height=\"498\" srcset=\"https:\/\/i0.wp.com\/onocom.net\/blog\/wp-content\/uploads\/2018\/01\/3.png?w=938 938w, https:\/\/i0.wp.com\/onocom.net\/blog\/wp-content\/uploads\/2018\/01\/3.png?resize=300%2C226 300w, https:\/\/i0.wp.com\/onocom.net\/blog\/wp-content\/uploads\/2018\/01\/3.png?resize=768%2C580 768w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/p>\n<p>Sass\u30fbCompass\u306e\u8a2d\u5b9a\u304c\u3061\u3083\u3093\u3068\u52d5\u4f5c\u3059\u308b\u304b\u78ba\u304b\u3081\u3066\u898b\u307e\u3057\u3087\u3046\u3002<\/p>\n<p>scss\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u5185\u306b\u3001\u9069\u5f53\u306ascss\u30d5\u30a1\u30a4\u30eb(\u3053\u3053\u3067\u306fmain.scss)\u3092\u4f5c\u6210\u3057\u3001\u4fdd\u5b58\u3057\u307e\u3059\u3002<\/p>\n<p>\u6570\u79d2\u5f85\u3064\u3068<\/p>\n<p>\/~~~\/main.scss \u306f CSS\u306b\u6b63\u5e38\u306b\u30b3\u30f3\u30d1\u30a4\u30eb\u3055\u308c\u307e\u3057\u305f\uff1a \/~~~\/main.css<\/p>\n<p>\u3068\u3046\u30e1\u30c3\u30bb\u30fc\u30b8\u304c\u300c\u51fa\u529b\u300d\u30a6\u30a3\u30f3\u30c9\u30a6\u306b\u51fa\u529b\u3055\u308c\u3001\u4ee5\u4e0b\u306e\u30d5\u30a1\u30a4\u30eb\u304c\u81ea\u52d5\u7684\u306b\u4f5c\u6210\u3055\u308c\u307e\u3057\u305f\u3002<\/p>\n<p>THEME_NAME\/css\/main.css<br \/>\nTHEME_NAME\/css\/min\/main.css<\/p>\n<p>\u3084\u3063\u305f\u30fc\uff01\u51fa\u6765\u305f\uff01<\/p>\n<h2>\u307e\u3068\u3081<\/h2>\n<p>\u8a2d\u5b9a\u3055\u3048\u3057\u3066\u3057\u307e\u3048\u3070\u3001Dreamweaver\u3067\u3082Sass\u304c\u4f7f\u3048\u308b\u306e\u3067\u5927\u5909\u4fbf\u5229\u3067\u3059\u306d\u3002<\/p>\n<p>\u9ed2\u3044\u30a6\u30a4\u30f3\u30c9\u30a6\u6016\u3044\u3068\u3044\u3063\u3066\u656c\u9060\u3057\u3066\u3044\u305f\u304b\u305f\u3001\u305c\u3072\u3054\u6d3b\u7528\u304f\u3060\u3055\u3044\u3002<\/p>\n<p>config.rb \u306e\u8a2d\u5b9a\u65b9\u6cd5\u3067\u3082\u3063\u3068\u826f\u3044\u3084\u308a\u65b9\u304c\u3042\u308c\u3070\u6559\u3048\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Adobe Dreamweaver\u3067Sass\u30fbCompass\u3092\u5229\u7528\u3059\u308b\u65b9\u6cd5\u306e\u5099\u5fd8\u9332\u3067\u3059\u3002 Gulp\u30fbGrunt\u7b49\u3067\u3084\u308b\u65b9\u6cd5\u304c\u3042\u308a\u307e\u3059\u304c\u3001\u30b3\u30de\u30f3\u30c9\u30d7\u30ed\u30f3\u30d7\u30c8\uff08\u901a\u79f0\uff1a\u9ed2\u3044\u753b\u9762\uff09\u306f\u3061\u3087\u3063\u3068\u6577\u5c45\u304c\u9ad8\u3044\u3068\u601d\u308f\u308c\u308b\u65b9\u3082\u591a\u3044\u3068\u601d\u3046\u306e\u3067 &hellip; <a href=\"http:\/\/onocom.net\/blog\/dreamweaver-sass-compass\/\" class=\"more-link\">\u7d9a\u304d\u3092\u8aad\u3080 <span class=\"screen-reader-text\">Dreamweaver\u3067Sass\uff08Compass\uff09\u3092\u5229\u7528\u3059\u308b\u65b9\u6cd5<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":1399,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false},"version":2}},"categories":[158,94,201,6],"tags":[228,226,227,159],"jetpack_publicize_connections":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Dreamweaver\u3067Sass\uff08Compass\uff09\u3092\u5229\u7528\u3059\u308b\u65b9\u6cd5 | onocom<\/title>\n<meta name=\"description\" content=\"Dreamweaver\u3067Sass\uff08Compass\uff09\u3092\u5229\u7528\u3059\u308b\u65b9\u6cd5 | Adobe Dreamweaver\u3067Sass\u30fbCompass\u3092\u5229\u7528\u3059\u308b\u65b9\u6cd5\u306e\u5099\u5fd8\u9332\u3067\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=\"http:\/\/onocom.net\/blog\/dreamweaver-sass-compass\/\" \/>\n<meta property=\"og:locale\" content=\"ja_JP\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Dreamweaver\u3067Sass\uff08Compass\uff09\u3092\u5229\u7528\u3059\u308b\u65b9\u6cd5 | onocom\" \/>\n<meta property=\"og:description\" content=\"Dreamweaver\u3067Sass\uff08Compass\uff09\u3092\u5229\u7528\u3059\u308b\u65b9\u6cd5 | Adobe Dreamweaver\u3067Sass\u30fbCompass\u3092\u5229\u7528\u3059\u308b\u65b9\u6cd5\u306e\u5099\u5fd8\u9332\u3067\u3059\u3002\" \/>\n<meta property=\"og:url\" content=\"http:\/\/onocom.net\/blog\/dreamweaver-sass-compass\/\" \/>\n<meta property=\"og:site_name\" content=\"onocom\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/facebook.com\/onocomnet\" \/>\n<meta property=\"article:published_time\" content=\"2018-01-29T06:29:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-02-02T05:34:58+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/onocom.net\/blog\/wp-content\/uploads\/2018\/01\/3.png\" \/>\n\t<meta property=\"og:image:width\" content=\"938\" \/>\n\t<meta property=\"og:image:height\" content=\"708\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"\u5c0f\u91ce \u9686\u58eb\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u57f7\u7b46\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"\u5c0f\u91ce \u9686\u58eb\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u63a8\u5b9a\u8aad\u307f\u53d6\u308a\u6642\u9593\" \/>\n\t<meta name=\"twitter:data2\" content=\"1\u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"http:\/\/onocom.net\/blog\/dreamweaver-sass-compass\/\",\"url\":\"http:\/\/onocom.net\/blog\/dreamweaver-sass-compass\/\",\"name\":\"Dreamweaver\u3067Sass\uff08Compass\uff09\u3092\u5229\u7528\u3059\u308b\u65b9\u6cd5 | onocom\",\"isPartOf\":{\"@id\":\"http:\/\/onocom.net\/blog\/#website\"},\"datePublished\":\"2018-01-29T06:29:51+00:00\",\"dateModified\":\"2018-02-02T05:34:58+00:00\",\"author\":{\"@id\":\"http:\/\/onocom.net\/blog\/#\/schema\/person\/94672c48722e83d02113192aadb0a4fa\"},\"description\":\"Dreamweaver\u3067Sass\uff08Compass\uff09\u3092\u5229\u7528\u3059\u308b\u65b9\u6cd5 | Adobe Dreamweaver\u3067Sass\u30fbCompass\u3092\u5229\u7528\u3059\u308b\u65b9\u6cd5\u306e\u5099\u5fd8\u9332\u3067\u3059\u3002\",\"breadcrumb\":{\"@id\":\"http:\/\/onocom.net\/blog\/dreamweaver-sass-compass\/#breadcrumb\"},\"inLanguage\":\"ja\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\/\/onocom.net\/blog\/dreamweaver-sass-compass\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\/\/onocom.net\/blog\/dreamweaver-sass-compass\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u30db\u30fc\u30e0\",\"item\":\"http:\/\/onocom.net\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HOWTO\",\"item\":\"http:\/\/onocom.net\/blog\/category\/howto\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Dreamweaver\u3067Sass\uff08Compass\uff09\u3092\u5229\u7528\u3059\u308b\u65b9\u6cd5\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\/\/onocom.net\/blog\/#website\",\"url\":\"http:\/\/onocom.net\/blog\/\",\"name\":\"onocom\",\"description\":\"WordPress\u3001concrete5\u3001Mautic\u3001JavaScript\u3001PHP\u3001Docker\u3001\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u306a\u3069\u306e\u899a\u3048\u66f8\u304d\u3092\u3057\u3066\u3044\u304d\u307e\u3059\u3002\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\/\/onocom.net\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"ja\"},{\"@type\":\"Person\",\"@id\":\"http:\/\/onocom.net\/blog\/#\/schema\/person\/94672c48722e83d02113192aadb0a4fa\",\"name\":\"\u5c0f\u91ce \u9686\u58eb\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ja\",\"@id\":\"http:\/\/onocom.net\/blog\/#\/schema\/person\/image\/\",\"url\":\"http:\/\/0.gravatar.com\/avatar\/00559abef4a1b76cbbe87a22fb4250ff?s=96&d=mm&r=g\",\"contentUrl\":\"http:\/\/0.gravatar.com\/avatar\/00559abef4a1b76cbbe87a22fb4250ff?s=96&d=mm&r=g\",\"caption\":\"\u5c0f\u91ce \u9686\u58eb\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Dreamweaver\u3067Sass\uff08Compass\uff09\u3092\u5229\u7528\u3059\u308b\u65b9\u6cd5 | onocom","description":"Dreamweaver\u3067Sass\uff08Compass\uff09\u3092\u5229\u7528\u3059\u308b\u65b9\u6cd5 | Adobe Dreamweaver\u3067Sass\u30fbCompass\u3092\u5229\u7528\u3059\u308b\u65b9\u6cd5\u306e\u5099\u5fd8\u9332\u3067\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":"http:\/\/onocom.net\/blog\/dreamweaver-sass-compass\/","og_locale":"ja_JP","og_type":"article","og_title":"Dreamweaver\u3067Sass\uff08Compass\uff09\u3092\u5229\u7528\u3059\u308b\u65b9\u6cd5 | onocom","og_description":"Dreamweaver\u3067Sass\uff08Compass\uff09\u3092\u5229\u7528\u3059\u308b\u65b9\u6cd5 | Adobe Dreamweaver\u3067Sass\u30fbCompass\u3092\u5229\u7528\u3059\u308b\u65b9\u6cd5\u306e\u5099\u5fd8\u9332\u3067\u3059\u3002","og_url":"http:\/\/onocom.net\/blog\/dreamweaver-sass-compass\/","og_site_name":"onocom","article_publisher":"http:\/\/facebook.com\/onocomnet","article_published_time":"2018-01-29T06:29:51+00:00","article_modified_time":"2018-02-02T05:34:58+00:00","og_image":[{"width":938,"height":708,"url":"http:\/\/onocom.net\/blog\/wp-content\/uploads\/2018\/01\/3.png","type":"image\/png"}],"author":"\u5c0f\u91ce \u9686\u58eb","twitter_card":"summary_large_image","twitter_misc":{"\u57f7\u7b46\u8005":"\u5c0f\u91ce \u9686\u58eb","\u63a8\u5b9a\u8aad\u307f\u53d6\u308a\u6642\u9593":"1\u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"http:\/\/onocom.net\/blog\/dreamweaver-sass-compass\/","url":"http:\/\/onocom.net\/blog\/dreamweaver-sass-compass\/","name":"Dreamweaver\u3067Sass\uff08Compass\uff09\u3092\u5229\u7528\u3059\u308b\u65b9\u6cd5 | onocom","isPartOf":{"@id":"http:\/\/onocom.net\/blog\/#website"},"datePublished":"2018-01-29T06:29:51+00:00","dateModified":"2018-02-02T05:34:58+00:00","author":{"@id":"http:\/\/onocom.net\/blog\/#\/schema\/person\/94672c48722e83d02113192aadb0a4fa"},"description":"Dreamweaver\u3067Sass\uff08Compass\uff09\u3092\u5229\u7528\u3059\u308b\u65b9\u6cd5 | Adobe Dreamweaver\u3067Sass\u30fbCompass\u3092\u5229\u7528\u3059\u308b\u65b9\u6cd5\u306e\u5099\u5fd8\u9332\u3067\u3059\u3002","breadcrumb":{"@id":"http:\/\/onocom.net\/blog\/dreamweaver-sass-compass\/#breadcrumb"},"inLanguage":"ja","potentialAction":[{"@type":"ReadAction","target":["http:\/\/onocom.net\/blog\/dreamweaver-sass-compass\/"]}]},{"@type":"BreadcrumbList","@id":"http:\/\/onocom.net\/blog\/dreamweaver-sass-compass\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u30db\u30fc\u30e0","item":"http:\/\/onocom.net\/blog\/"},{"@type":"ListItem","position":2,"name":"HOWTO","item":"http:\/\/onocom.net\/blog\/category\/howto\/"},{"@type":"ListItem","position":3,"name":"Dreamweaver\u3067Sass\uff08Compass\uff09\u3092\u5229\u7528\u3059\u308b\u65b9\u6cd5"}]},{"@type":"WebSite","@id":"http:\/\/onocom.net\/blog\/#website","url":"http:\/\/onocom.net\/blog\/","name":"onocom","description":"WordPress\u3001concrete5\u3001Mautic\u3001JavaScript\u3001PHP\u3001Docker\u3001\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u306a\u3069\u306e\u899a\u3048\u66f8\u304d\u3092\u3057\u3066\u3044\u304d\u307e\u3059\u3002","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/onocom.net\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"ja"},{"@type":"Person","@id":"http:\/\/onocom.net\/blog\/#\/schema\/person\/94672c48722e83d02113192aadb0a4fa","name":"\u5c0f\u91ce \u9686\u58eb","image":{"@type":"ImageObject","inLanguage":"ja","@id":"http:\/\/onocom.net\/blog\/#\/schema\/person\/image\/","url":"http:\/\/0.gravatar.com\/avatar\/00559abef4a1b76cbbe87a22fb4250ff?s=96&d=mm&r=g","contentUrl":"http:\/\/0.gravatar.com\/avatar\/00559abef4a1b76cbbe87a22fb4250ff?s=96&d=mm&r=g","caption":"\u5c0f\u91ce \u9686\u58eb"}}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/i0.wp.com\/onocom.net\/blog\/wp-content\/uploads\/2018\/01\/3.png?fit=938%2C708","jetpack_shortlink":"https:\/\/wp.me\/p7cDZy-mt","jetpack-related-posts":[],"_links":{"self":[{"href":"http:\/\/onocom.net\/blog\/wp-json\/wp\/v2\/posts\/1393"}],"collection":[{"href":"http:\/\/onocom.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/onocom.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/onocom.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/onocom.net\/blog\/wp-json\/wp\/v2\/comments?post=1393"}],"version-history":[{"count":10,"href":"http:\/\/onocom.net\/blog\/wp-json\/wp\/v2\/posts\/1393\/revisions"}],"predecessor-version":[{"id":1411,"href":"http:\/\/onocom.net\/blog\/wp-json\/wp\/v2\/posts\/1393\/revisions\/1411"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/onocom.net\/blog\/wp-json\/wp\/v2\/media\/1399"}],"wp:attachment":[{"href":"http:\/\/onocom.net\/blog\/wp-json\/wp\/v2\/media?parent=1393"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/onocom.net\/blog\/wp-json\/wp\/v2\/categories?post=1393"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/onocom.net\/blog\/wp-json\/wp\/v2\/tags?post=1393"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}