{"id":2212,"date":"2022-02-02T00:18:24","date_gmt":"2022-02-01T15:18:24","guid":{"rendered":"https:\/\/blog.minatoproject.com\/?p=2212"},"modified":"2022-02-02T00:18:27","modified_gmt":"2022-02-01T15:18:27","slug":"reactxtypescript%e3%81%a7initialize%e3%81%a8build-watch%e3%82%92%e3%82%84%e3%82%8b%e3%80%902022%e5%b9%b4%e7%89%88%e3%80%91","status":"publish","type":"post","link":"https:\/\/blog.minatoproject.com\/?p=2212","title":{"rendered":"React\u00d7TypeScript\u3067initialize\u3068build &#8211;watch\u3092\u3084\u308b\u30102022\u5e74\u7248\u3011"},"content":{"rendered":"<div class=\"veu_autoEyeCatchBox\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/blog.minatoproject.com\/wp-content\/uploads\/2022\/02\/20220202_eyecatch-1024x576.png\" class=\"attachment-large size-large wp-post-image\" alt=\"\" srcset=\"https:\/\/blog.minatoproject.com\/wp-content\/uploads\/2022\/02\/20220202_eyecatch-1024x576.png 1024w, https:\/\/blog.minatoproject.com\/wp-content\/uploads\/2022\/02\/20220202_eyecatch-300x169.png 300w, https:\/\/blog.minatoproject.com\/wp-content\/uploads\/2022\/02\/20220202_eyecatch-768x432.png 768w, https:\/\/blog.minatoproject.com\/wp-content\/uploads\/2022\/02\/20220202_eyecatch-1536x864.png 1536w, https:\/\/blog.minatoproject.com\/wp-content\/uploads\/2022\/02\/20220202_eyecatch-2048x1152.png 2048w, https:\/\/blog.minatoproject.com\/wp-content\/uploads\/2022\/02\/20220202_eyecatch-320x180.png 320w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div>\n<p>\u30b0\u30b0\u308b\u3068\u5927\u62b52\uff5e3\u5e74\u304f\u3089\u3044\u524d\u306e\u3042\u307e\u308a\u30b9\u30de\u30fc\u30c8\u3067\u306a\u3044\u65b9\u6cd5\uff08\u5931\u793c\uff09\u3070\u304b\u308a\u304c\u76ee\u306b\u3064\u3044\u3066\u30d9\u30b9\u30c8\u30a8\u30d5\u30a9\u30fc\u30c8\u304c\u30de\u30c1\u30de\u30c1\u306a\u611f\u3058\u304c\u3057\u305f\u306e\u3067\u5099\u5fd8\u9332\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"\u5bfe\u8c61\u30d0\u30fc\u30b8\u30e7\u30f3\">\u5bfe\u8c61\u30d0\u30fc\u30b8\u30e7\u30f3<\/h2>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism off-numbers lang-plain\" data-show-lang=\"0\"><code>$ node --version\nv16.13.2\n\n$ npx create-react-app --version\n5.0.0\n\n$ npx tsc --version\nVersion 4.5.5<\/code><\/pre><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"initialize\">initialize<\/h2>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism off-numbers lang-plain\" data-show-lang=\"0\"><code>$ npx create-react-app [\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u540d] --template typescript<\/code><\/pre><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"build-watch-\u306e\u3088\u3046\u306a\u3082\u306e\">build &#8211;watch (\u306e\u3088\u3046\u306a\u3082\u306e)<\/h2>\n\n\n\n<p>\u8abf\u3079\u305f\u9650\u308a\u6bce\u5ea6 ts-node \u3092\u5165\u308c\u308b\u306e\u304c\u5272\u3068\u4e3b\u6d41\u3063\u307d\u304b\u3063\u305f\u3067\u3059\u304c\u3001React\u306a\u3089\u3053\u308c\u3067\u3088\u3055\u3052\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism off-numbers lang-plain\" data-show-lang=\"0\"><code>$ npx react-scripts start<\/code><\/pre><\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u30b0\u30b0\u308b\u3068\u5927\u62b52\uff5e3\u5e74\u304f\u3089\u3044\u524d\u306e\u3042\u307e\u308a\u30b9\u30de\u30fc\u30c8\u3067\u306a\u3044\u65b9\u6cd5\uff08\u5931\u793c\uff09\u3070\u304b\u308a\u304c\u76ee\u306b\u3064\u3044\u3066\u30d9\u30b9\u30c8\u30a8\u30d5\u30a9\u30fc\u30c8\u304c\u30de\u30c1\u30de\u30c1\u306a\u611f\u3058\u304c\u3057\u305f\u306e\u3067\u5099\u5fd8\u9332\u3002 \u5bfe\u8c61\u30d0\u30fc\u30b8\u30e7\u30f3 initialize build &#8211;watch (\u306e\u3088\u3046\u306a\u3082 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2214,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"vkexunit_cta_each_option":"","footnotes":""},"categories":[27,28],"tags":[],"class_list":["post-2212","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-react","category-typescript"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/blog.minatoproject.com\/index.php?rest_route=\/wp\/v2\/posts\/2212","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.minatoproject.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.minatoproject.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.minatoproject.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.minatoproject.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2212"}],"version-history":[{"count":1,"href":"https:\/\/blog.minatoproject.com\/index.php?rest_route=\/wp\/v2\/posts\/2212\/revisions"}],"predecessor-version":[{"id":2215,"href":"https:\/\/blog.minatoproject.com\/index.php?rest_route=\/wp\/v2\/posts\/2212\/revisions\/2215"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.minatoproject.com\/index.php?rest_route=\/wp\/v2\/media\/2214"}],"wp:attachment":[{"href":"https:\/\/blog.minatoproject.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2212"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.minatoproject.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2212"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.minatoproject.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2212"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}