{"type":"rich","version":"1.0","title":"Figma\u3067\u4f5c\u3063\u305f\u30c7\u30b6\u30a4\u30f3\u3092Web\u30b5\u30a4\u30c8\u306b\u5373\u53cd\u6620\u300cSTUDIO\u300d","author_name":"\u5c0f\u6797 \u9999\u7e54[\u57f7\u7b46], \u4f50\u3005\u6728\u96c5\u4e45[\u64ae\u5f71]","html":"\u003Cdiv class=\u0022node clearfix node--type-article node-45597 node--promoted node--sticky node--view-mode-teaser\u0022\u003E\n                \u003Ca href=\u0022\/e\/2023\/10\/03\/45597\u0022 class=\u0022box--article --full --sub-heading\u0022\u003E\n                  \u003Cdiv class=\u0022universal__item article__item --heading-aki-small\u0022\u003E\n                    \u003Ch2\u003E\n                                                                    \u003Cspan class=\u0022teaser-corner-name\u0022\u003E\u9032\u5316\u304c\u6b62\u307e\u3089\u306a\u3044\uff01 \u6700\u65b0\u30c4\u30fc\u30eb\n\u003C\/span\u003E\n                                                                                                              Figma\u3067\u4f5c\u3063\u305f\u30c7\u30b6\u30a4\u30f3\u3092Web\u30b5\u30a4\u30c8\u306b\u5373\u53cd\u6620\u300cSTUDIO\u300d\n                    \u003C\/h2\u003E\n                                                              \u003Cp class=\u0022description\u0022\u003E\n                        \u30ce\u30fc\u30b3\u30fc\u30c9Web\u5236\u4f5c\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u300cSTUDIO\u300d\u306f\u3001Figma\u3068\u9023\u643a\u3057\u3001\u30c7\u30b6\u30a4\u30f3\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3067\u304d\u308b\u65b0\u6a5f\u80fd\u300cFigma to STUDIO\u300d\u3092\u30ea\u30ea\u30fc\u30b9\u3057\u307e\u3057\u305f\u3002HTML\u3084CSS\u3092\u7de8\u96c6\u3059\u308b\u5fc5\u8981\u304c\u306a\u304f\u3001\u51fa\u529b\u304c\u3067\u304d\u308b\u305f\u3081\u3001\u30c7\u30b6\u30a4\u30f3\u3092\u81ea\u52d5\u3067\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u5316\u3001Web\u30c7\u30b6\u30a4\u30ca\u30fc\u306e\u4f5c\u696d\u3092\u5927\u5e45\u306b\u6642\u77ed\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\n                                                                      \u003C\/p\u003E\n                                                                                                                                                                        \u003Cp class=\u0022authors\u0022\u003E\n                          \u003Cspan class=\u0022icon --account01\u0022\u003E\u003C\/span\u003E\n                          \u003Cspan class=\u0022author-roles-authors\u0022\u003E\u003Cspan class=\u0022author\u0022 title=\u0022\u5c0f\u6797 \u9999\u7e54\u0022\u003E\u003Cspan class=\u0022author-name-text\u0022\u003E\u5c0f\u6797 \u9999\u7e54\u003C\/span\u003E\u003Cspan class=\u0022author_role\u0022\u003E[\u57f7\u7b46]\u003C\/span\u003E\u003C\/span\u003E, \u003Cspan class=\u0022author\u0022 title=\u0022\u4f50\u3005\u6728\u96c5\u4e45\u0022\u003E\u003Cspan class=\u0022author-name-text\u0022\u003E\u4f50\u3005\u6728\u96c5\u4e45\u003C\/span\u003E\u003Cspan class=\u0022author_role\u0022\u003E[\u64ae\u5f71]\u003C\/span\u003E\u003C\/span\u003E\u003C\/span\u003E\n                        \u003C\/p\u003E\n                                                                                          \u003Cp class=\u0022date\u0022\u003E\u003Cspan class=\u0022datetimecreated\u0022 title=\u00222023\u5e7410\u67083\u65e5 (\u706b\u66dc) 7:00\u0022\u003E2023\u5e7410\u67083\u65e5 7:00\u003C\/span\u003E\u003C\/p\u003E\n                                                            \u003C\/div\u003E\n                                      \u003Cdiv class=\u0022article__item\u0022\u003E\n                                             \u003Cfigure\u003E\n      \u003Cpicture\u003E\n                  \u003Csource srcset=\u0022\/sites\/default\/files\/styles\/icon_100\/public\/images\/article2023\/STUDIO\/STUDIO_ogp.jpg.avif?itok=zw4D2VBc 1x, \/sites\/default\/files\/styles\/icon_200\/public\/images\/article2023\/STUDIO\/STUDIO_ogp.jpg.avif?itok=17aBBCOz 2x\u0022 media=\u0022(max-width: 480px)\u0022 type=\u0022image\/avif\u0022 width=\u0022100\u0022 height=\u002253\u0022\/\u003E\n              \u003Csource srcset=\u0022\/sites\/default\/files\/styles\/icon_200\/public\/images\/article2023\/STUDIO\/STUDIO_ogp.jpg.avif?itok=17aBBCOz 1x\u0022 media=\u0022(min-width: 480px)\u0022 type=\u0022image\/avif\u0022 width=\u0022200\u0022 height=\u0022105\u0022\/\u003E\n              \u003Csource srcset=\u0022\/sites\/default\/files\/styles\/icon_100\/public\/images\/article2023\/STUDIO\/STUDIO_ogp.jpg.webp?itok=zw4D2VBc 1x, \/sites\/default\/files\/styles\/icon_200\/public\/images\/article2023\/STUDIO\/STUDIO_ogp.jpg.webp?itok=17aBBCOz 2x\u0022 media=\u0022(max-width: 480px)\u0022 type=\u0022image\/webp\u0022 width=\u0022100\u0022 height=\u002253\u0022\/\u003E\n              \u003Csource srcset=\u0022\/sites\/default\/files\/styles\/icon_200\/public\/images\/article2023\/STUDIO\/STUDIO_ogp.jpg.webp?itok=17aBBCOz 1x\u0022 media=\u0022(min-width: 480px)\u0022 type=\u0022image\/webp\u0022 width=\u0022200\u0022 height=\u0022105\u0022\/\u003E\n              \u003Csource srcset=\u0022\/sites\/default\/files\/styles\/icon_200\/public\/images\/article2023\/STUDIO\/STUDIO_ogp.jpg?itok=17aBBCOz 1x\u0022 media=\u0022(min-width: 480px)\u0022 type=\u0022image\/jpeg\u0022 width=\u0022200\u0022 height=\u0022105\u0022\/\u003E\n              \u003Csource srcset=\u0022\/sites\/default\/files\/styles\/icon_100\/public\/images\/article2023\/STUDIO\/STUDIO_ogp.jpg?itok=zw4D2VBc 1x, \/sites\/default\/files\/styles\/icon_200\/public\/images\/article2023\/STUDIO\/STUDIO_ogp.jpg?itok=17aBBCOz 2x\u0022 media=\u0022(max-width: 480px)\u0022 type=\u0022image\/jpeg\u0022 width=\u0022100\u0022 height=\u002253\u0022\/\u003E\n                  \u003Cimg loading=\u0022lazy\u0022 width=\u0022200\u0022 height=\u0022105\u0022 src=\u0022\/sites\/default\/files\/styles\/icon_200\/public\/images\/article2023\/STUDIO\/STUDIO_ogp.jpg?itok=17aBBCOz\u0022 alt=\u0022\u0022 \/\u003E\n\n  \u003C\/picture\u003E\n\n\n\u003C\/figure\u003E\n                                                                                          \u003Cul class=\u0022--sns \u0022\u003E\u003Cli class=\u0022bancho-sbm bancho-sbm-teaser \u0022  data-entity-type=\u0022node\u0022 data-entity-id=\u002245597\u0022 data-service=\u0022facebook\u0022 data-href=\u0022https%3A%2F%2Fwebtan.impress.co.jp%2Fe%2F2023%2F10%2F03%2F45597\u0022\u003E\u003Cspan class=\u0022icon --iconSmall --snsFB\u0022\u003E\u003C\/span\u003E\u003Cspan class=\u0022bancho-sbm-count bancho-sbm-count-nolink bancho-sbm-hot marker --small\u0022 title=\u0022\u0022\u003E135\u003C\/span\u003E\u003C\/li\u003E\u003Cli class=\u0022bancho-sbm bancho-sbm-teaser \u0022  data-entity-type=\u0022node\u0022 data-entity-id=\u002245597\u0022 data-service=\u0022twitter\u0022 data-href=\u0022https%3A%2F%2Fwebtan.impress.co.jp%2Fe%2F2023%2F10%2F03%2F45597\u0022\u003E\u003Cspan class=\u0022icon --iconSmall --snsX\u0022\u003E\u003C\/span\u003E\u003Cspan class=\u0022bancho-sbm-count bancho-sbm-count-nolink bancho-sbm-hot marker --small\u0022 title=\u0022\u0022\u003E188\u003C\/span\u003E\u003C\/li\u003E\u003Cli class=\u0022bancho-sbm bancho-sbm-teaser \u0022  data-entity-type=\u0022node\u0022 data-entity-id=\u002245597\u0022 data-service=\u0022hatena\u0022 data-href=\u0022https%3A%2F%2Fwebtan.impress.co.jp%2Fe%2F2023%2F10%2F03%2F45597\u0022\u003E\u003Cspan class=\u0022icon --iconSmall --snsHB\u0022\u003E\u003C\/span\u003E\u003Cspan class=\u0022bancho-sbm-count bancho-sbm-count-nolink bancho-sbm-hot marker --small\u0022 title=\u0022\u0022\u003E404\u003C\/span\u003E\u003C\/li\u003E\u003C\/ul\u003E\n                      \n                      \n                    \u003C\/div\u003E\n                  \n                                    \n                                                        \u003Cul class=\u0022universal__tagList list --theme reset\u0022\u003E\n                                          \u003Cli\u003E\u003Cspan\u003E\u30b5\u30a4\u30c8\u5236\u4f5c\uff0f\u30c7\u30b6\u30a4\u30f3\u003C\/span\u003E\u003C\/li\u003E\n                                          \u003Cli\u003E\u003Cspan\u003E\u4fbf\u5229\u30c4\u30fc\u30eb\uff0f\u30b5\u30fc\u30d3\u30b9\u003C\/span\u003E\u003C\/li\u003E\n                                        \u003C\/ul\u003E\n                                  \u003C\/a\u003E\n              \u003C\/div\u003E","provider_name":"Web\u62c5\u5f53\u8005Forum","provider_url":"https:\/\/webtan.impress.co.jp\/","cache_age":86400,"height":"600","width":"300"}