{"id":1076005,"date":"2022-12-14T11:00:30","date_gmt":"2022-12-14T11:00:30","guid":{"rendered":"https:\/\/www.wacoca.com\/anime\/1076005\/"},"modified":"2022-12-14T11:00:30","modified_gmt":"2022-12-14T11:00:30","slug":"css%e3%82%af%e3%83%a9%e3%82%b9%e5%91%bd%e5%90%8d%e8%a6%8f%e5%89%87%e3%80%81flocss%e3%81%a8bem%e3%80%82","status":"publish","type":"post","link":"https:\/\/www.wacoca.com\/anime\/1076005\/","title":{"rendered":"CSS\u30af\u30e9\u30b9\u547d\u540d\u898f\u5247\u3001FLOCSS\u3068BEM\u3002"},"content":{"rendered":"<p><iframe loading=\"lazy\"  width=\"580\" height=\"385\" src=\"https:\/\/www.youtube.com\/embed\/VrzUDGLlZ2w\" frameborder=\"0\" allowfullscreen><\/iframe><br \/>\n<br \/>\nCSS\u306e\u30af\u30e9\u30b9\u540d\u306b\u8ff7\u3063\u3066\u3044\u308b\u65b9\u5fc5\u898b\uff01<br \/>\n\u30af\u30e9\u30b9\u540d\u306e\u547d\u540d\u898f\u5247\u306b\u3064\u3044\u3066\u7d39\u4ecb\u3057\u3066\u3044\u307e\u3059\ud83d\ude06\u2755<\/p>\n<p>\ud83c\udfa5 \u3053\u306e\u52d5\u753b\u306e\u69cb\u6210 \ud83c\udfa5<br \/>\n00:00\u3000CSS\u30af\u30e9\u30b9\u547d\u540d\u898f\u5247<br \/>\n00:24\u3000\u826f\u3044\u30af\u30e9\u30b9\u540d\u3068\u306f\uff1f<br \/>\n03:18\u3000FLOCSS\uff08\u30d5\u30ed\u30c3\u30af\u30b9\uff09\u306b\u3064\u3044\u3066<br \/>\n06:30\u3000BEM\uff08\u30d9\u30e0\uff09\u306b\u3064\u3044\u3066<br \/>\n08:32\u3000FLOCSS\u3068BEM\u306e\u4f75\u7528<\/p>\n<p>\u2705 \u3054\u8996\u8074\u3044\u305f\u3060\u304d\u3042\u308a\u304c\u3068\u3046\u3054\u3056\u3044\u307e\u3059\ud83d\ude47\u200d\u2642\ufe0f<br \/>\n\u3053\u306e\u52d5\u753b\u3092\u6c17\u306b\u5165\u3063\u3066\u3044\u305f\u3060\u3051\u305f\u3089\u3001\u305c\u3072\u30c1\u30e3\u30f3\u30cd\u30eb\u767b\u9332\u3088\u308d\u3057\u304f\u304a\u9858\u3044\u3057\u307e\u3059\u2757\ufe0f<br \/>\n\ud83d\udc47\u300eHIROCODE.\u30d2\u30ed\u30b3\u30fc\u30c9\u300f\u3092\u30c1\u30e3\u30f3\u30cd\u30eb\u767b\u9332\u3059\u308b \ud83d\udc47<br \/>\nhttp:\/\/www.youtube.com\/hirocode?sub_confirmation=1<\/p>\n<p>\u25c6 Twitter. \u30c4\u30a4\u30c3\u30bf\u30fc<br \/>\n<a class=\"twitter-timeline\" data-width=\"770\" data-height=\"1000\" data-dnt=\"true\" href=\"https:\/\/twitter.com\/hirocodeweb?ref_src=twsrc%5Etfw\" rel=\"nofollow noopener\" target=\"_blank\">Tweets by hirocodeweb<\/a><script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><\/p>\n<p>\u25c6 Instagram. \u30a4\u30f3\u30b9\u30bf\u30b0\u30e9\u30e0 \ud83d\udc48 \u30aa\u30b9\u30b9\u30e1\u2757\ufe0f<br \/>\nhttps:\/\/www.instagram.com\/hirocodeweb\/<\/p>\n<p>\ud83d\udd0b \u50d5\u304c\u4f7f\u3063\u3066\u3044\u308b\u3001\u304a\u3059\u3059\u3081\u306e\u30c7\u30d0\u30a4\u30b9 \ud83d\udd0b<br \/>\n\u3010 \u30de\u30a6\u30b9 \u3011<br \/>\n\u2705  \u30ed\u30b8\u30af\u30fc\u30eb \u30a2\u30c9\u30d0\u30f3\u30b9\u30c9 \u30ef\u30a4\u30e4\u30ec\u30b9\u30de\u30a6\u30b9 MX Master 3<br \/>\nhttps:\/\/amzn.to\/34Zn5LH<br \/>\n&#8221; \u30dc\u30bf\u30f3\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u306b\u3088\u3063\u3066\u4f5c\u696d\u306e\u52b9\u7387\u5316\u304c\u56f3\u308c\u307e\u3059\u3002\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3054\u3068\u306b\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u53ef\u80fd\u3067\u3059\u3002 &#8221;<\/p>\n<p>\u3010 \u30ad\u30fc\u30dc\u30fc\u30c9 \u3011<br \/>\n\u2705  \u30ed\u30b8\u30af\u30fc\u30eb \u30a2\u30c9\u30d0\u30f3\u30b9\u30c9 \u30ef\u30a4\u30e4\u30ec\u30b9\u30ad\u30fc\u30dc\u30fc\u30c9 KX800 MX KEYS<br \/>\nhttps:\/\/amzn.to\/38S1B4i<br \/>\n&#8221; \u6253\u3061\u3084\u3059\u304f\u75b2\u308c\u306b\u304f\u304f\u3001\u30bf\u30a4\u30d4\u30f3\u30b0\u97f3\u3082\u9759\u304b\u3002\u9577\u6642\u9593\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u3059\u308b\u65b9\u306b\u30aa\u30b9\u30b9\u30e1\u3002 &#8221;<\/p>\n<p>\u3010 \u30d1\u30bd\u30b3\u30f3 \u3011<br \/>\n\u2705  Apple Macbook Pro 16inch<br \/>\nhttps:\/\/amzn.to\/2WXKtEN<br \/>\n&#8221; \u753b\u9762\u30b5\u30a4\u30ba\u5927\u304d\u3044\u3068\u4f5c\u696d\u304c\u6357\u308b\u306e\u3067\u4fbf\u5229\u3067\u3059\u3002\u521d\u671f\u6295\u8cc7\u3067\u826f\u3044\u30d1\u30bd\u30b3\u30f3\u306e\u4f7f\u7528\u3092\u30aa\u30b9\u30b9\u30e1\u3057\u307e\u3059\u3002 &#8221;<\/p>\n<p>\u3010 \u5468\u8fba\u6a5f\u5668 \u3011<br \/>\n\u2705  Apple AirPods Pro<br \/>\nhttps:\/\/amzn.to\/3rAyU4u<br \/>\n&#8221; \u30ab\u30d5\u30a7\u3067\u306e\u4f5c\u696d\u3084\u901a\u52e4\u6642\u9593\u306a\u3069\u3001\u30ce\u30a4\u30ba\u30ad\u30e3\u30f3\u30bb\u30ea\u30f3\u30b0\u6a5f\u80fd\u3067\u5468\u308a\u306e\u96d1\u97f3\u306b\u5f71\u97ff\u3055\u308c\u308b\u3053\u3068\u306a\u304f\u96c6\u4e2d\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002\u4ed6\u306bApple\u6a5f\u5668\u3092\u4f7f\u7528\u3057\u3066\u3044\u308b\u65b9\u306fAirPods\u304c\u30aa\u30b9\u30b9\u30e1\u3067\u3059\u3002<\/p>\n<p>\u2705  Apple iPad Pro 11\u30a4\u30f3\u30c1<br \/>\nhttps:\/\/amzn.to\/3mZuvoo<br \/>\n&#8221; mac\u306b\u642d\u8f09\u3055\u308c\u3066\u3044\u308bSidecar\u3068\u3044\u3046\u6a5f\u80fd\u3067\u3001iPad\u3092\u30b5\u30d6\u30c7\u30a3\u30b9\u30d7\u30ec\u30a4\u3068\u3057\u3066\u306e\u5229\u7528\u304c\u53ef\u80fd\u3067\u3059\u3002 &#8221;<\/p>\n<p>\ud83d\udcd5 \u304a\u3059\u3059\u3081\u66f8\u7c4d \ud83d\udcd5<br \/>\n\u3010 \u30c7\u30b6\u30a4\u30f3 \u57fa\u790e\u7de8 \u3011<br \/>\n\u2705  1\u518a\u3067\u3059\u3079\u3066\u8eab\u306b\u3064\u304fHTML \uff06 CSS\u3068Web\u30c7\u30b6\u30a4\u30f3\u5165\u9580\u8b1b\u5ea7<br \/>\nhttps:\/\/amzn.to\/3o8vofO<br \/>\n&#8221; web\u30c7\u30b6\u30a4\u30f3\u306e\u57fa\u790e\u3068\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0(HTML\/CSS)\u306e\u57fa\u790e\u304c\u308f\u304b\u308b\u3002\u5165\u9580\u8005\u306b\u304a\u3059\u3059\u3081\u306e\u4e00\u518a\u3067\u3059\u3002 &#8221;<\/p>\n<p>\u2705  \u306a\u308b\u307b\u3069\u30c7\u30b6\u30a4\u30f3<br \/>\nhttps:\/\/amzn.to\/2X48Z77<br \/>\n&#8221; \u30c7\u30b6\u30a4\u30f3\u5168\u822c\u306b\u3064\u3044\u3066\u3001\u56f3\u89e3\u3067\u8996\u899a\u7684\u306b\u5206\u304b\u308a\u3084\u3059\u304f\u8aac\u660e\u304c\u3055\u308c\u3066\u3044\u308b\u66f8\u7c4d\u3002\u30c7\u30b6\u30a4\u30f3\u306b\u8208\u5473\u304c\u3042\u308b\u4eba\u306b\u30aa\u30b9\u30b9\u30e1\u3067\u3059\u3002 &#8221;<\/p>\n<p>\u3010 \u30c7\u30b6\u30a4\u30f3 \u601d\u8003\u7de8 \u3011<br \/>\n\u2705  \u8ab0\u306e\u305f\u3081\u306e\u30c7\u30b6\u30a4\u30f3\uff1f<br \/>\nhttps:\/\/amzn.to\/3o4gzun<br \/>\n&#8221; \u30c7\u30b6\u30a4\u30f3\u306b\u304a\u3051\u308b\u5f79\u5272\u3092\u7406\u89e3\u3067\u304d\u308b\u3002\u30c7\u30b6\u30a4\u30f3\u3092\u3059\u308b\u4e0a\u3067\u4f55\u3092\u8003\u3048\u308b\u5fc5\u8981\u304c\u3042\u308b\u306e\u304b\u304c\u5206\u304b\u308b\u672c\u3002 &#8221;<\/p>\n<p>\u2705  IA\u30b7\u30f3\u30ad\u30f3\u30b0 Web\u5236\u4f5c\u8005\u30fb\u62c5\u5f53\u8005\u306e\u305f\u3081\u306eIA\u601d\u8003\u8853<br \/>\nhttps:\/\/amzn.to\/2KETvEn<br \/>\n&#8221; \u30c7\u30b6\u30a4\u30f3\u4ee5\u524d\u306e\u30b5\u30a4\u30c8\u8a2d\u8a08\u306b\u304a\u3051\u308b\u601d\u8003\u306e\u65b9\u6cd5\u3092\u8eab\u306b\u3064\u3051\u308b\u305f\u3081\u306e\u4e00\u518a\u3002 &#8221;<\/p>\n<p>\u3010 \u66f8\u7c4d\u30c7\u30d0\u30a4\u30b9 \u3011<br \/>\n\u2705  \u30ad\u30f3\u30c9\u30eb\u30da\u30fc\u30d1\u30fc\u30db\u30ef\u30a4\u30c8 Kindle Paperwhite<br \/>\nhttps:\/\/amzn.to\/3n2AwRh<br \/>\n&#8221; 200\u518a\u3042\u3063\u305f\u30d3\u30b8\u30cd\u30b9\u66f8\u3092\u51e6\u5206\u3057\u3066\u3053\u3061\u3089\u3092\u5c0e\u5165\u3002\u4e00\u90e8\u30c7\u30b8\u30bf\u30eb\u5316\u3055\u308c\u3066\u3044\u306a\u3044\u66f8\u7c4d\u306f\u3042\u308a\u307e\u3059\u304c\u3001\u7d19\u306e\u672c\u306b\u7279\u5225\u306a\u3053\u3060\u308f\u308a\u306e\u306a\u3044\u65b9\u306f\u96fb\u5b50\u66f8\u7c4d\u3067\u306e\u8aad\u66f8\u3092\u30aa\u30b9\u30b9\u30e1\u3057\u307e\u3059\u3002<\/p>\n<p>\ud83c\udfa7 BGM \ud83c\udfa7<br \/>\n\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013<br \/>\nHappy and Joyful Children by Free Music https:\/\/youtu.be\/lv1YPeP1O8k<br \/>\nCreative Commons \u2014 Attribution 3.0 Unported  \u2014 CC BY 3.0<br \/>\nFree Download \/ Stream: http:\/\/bit.ly\/2PV1WMi<br \/>\nMusic promoted by Audio Library https:\/\/youtu.be\/zXnuDrEN9Xo<br \/>\n\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013<\/p>\n<p>#css #html #web\u30c7\u30b6\u30a4\u30ca\u30fc<\/p>\n","protected":false},"excerpt":{"rendered":"<p>CSS\u306e\u30af\u30e9\u30b9\u540d\u306b\u8ff7\u3063\u3066\u3044\u308b\u65b9\u5fc5\u898b\uff01 \u30af\u30e9\u30b9\u540d\u306e\u547d\u540d\u898f\u5247\u306b\u3064\u3044\u3066\u7d39\u4ecb\u3057\u3066\u3044\u307e\u3059\ud83d\ude06\u2755 \ud83c\udfa5 \u3053\u306e\u52d5\u753b\u306e\u69cb\u6210 \ud83c\udfa5 00:00\u3000CSS\u30af\u30e9\u30b9\u547d\u540d\u898f\u5247 00:24\u3000\u826f\u3044\u30af\u30e9\u30b9\u540d\u3068\u306f\uff1f 03:18\u3000FLOCSS\uff08\u30d5\u30ed\u30c3\u30af\u30b9\uff09\u306b\u3064\u3044\u3066<\/p>\n","protected":false},"author":4,"featured_media":1076006,"comment_status":"open","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[94069,8137,69053,37524,174125,174860,63421,115340,174859,60560,48783,287661,561786,5788,73263,174124,6774,662534,371844,662535,662533,662536,530746,662538,889,2765,2419,15781,662537,468683,75369,31478,70935,13596,129307,85670,217526,29112,662540,662539,662532,30772,117683],"class_list":{"0":"post-1076005","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-japanese-anime","8":"tag-app","9":"tag-apple","10":"tag-artist","11":"tag-bem","12":"tag-coding","13":"tag-css","14":"tag-design","15":"tag-figma","16":"tag-html","17":"tag-illustrator","18":"tag-macbook","19":"tag-macbookair","20":"tag-macbookpro","21":"tag-pc","22":"tag-photoshop","23":"tag-programming","24":"tag-se","25":"tag-visual-studio-code","26":"tag-vscode","27":"tag-web-design","28":"tag-webdesign","29":"tag-web","31":"tag-wordpress","32":"tag-xd","33":"tag-2765","34":"tag-2419","35":"tag-15781","36":"tag-662537","37":"tag-468683","38":"tag-75369","39":"tag-31478","40":"tag-70935","41":"tag-13596","42":"tag-129307","43":"tag-85670","44":"tag-217526","45":"tag-29112","46":"tag-662540","47":"tag-662539","48":"tag-662532","49":"tag-30772","50":"tag-117683"},"share_on_mastodon":{"url":"","error":""},"_links":{"self":[{"href":"https:\/\/www.wacoca.com\/anime\/wp-json\/wp\/v2\/posts\/1076005","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wacoca.com\/anime\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wacoca.com\/anime\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wacoca.com\/anime\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wacoca.com\/anime\/wp-json\/wp\/v2\/comments?post=1076005"}],"version-history":[{"count":0,"href":"https:\/\/www.wacoca.com\/anime\/wp-json\/wp\/v2\/posts\/1076005\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.wacoca.com\/anime\/wp-json\/wp\/v2\/media\/1076006"}],"wp:attachment":[{"href":"https:\/\/www.wacoca.com\/anime\/wp-json\/wp\/v2\/media?parent=1076005"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wacoca.com\/anime\/wp-json\/wp\/v2\/categories?post=1076005"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wacoca.com\/anime\/wp-json\/wp\/v2\/tags?post=1076005"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}