{"id":3697,"date":"2022-10-03T14:23:39","date_gmt":"2022-10-03T05:23:39","guid":{"rendered":"https:\/\/weseek.co.jp\/tech\/?p=3697"},"modified":"2023-04-17T10:43:44","modified_gmt":"2023-04-17T01:43:44","slug":"%e3%82%88%e3%82%8a%e8%89%af%e3%81%84typescript%e9%96%8b%e7%99%ba%e3%81%ae%e3%81%9f%e3%82%81%e3%81%ab%e3%80%81strictbindcallapply%e3%81%aftrue%e3%81%ab%e3%81%97%e3%82%88%e3%81%86","status":"publish","type":"post","link":"https:\/\/weseek.co.jp\/tech\/3697\/","title":{"rendered":"\u3088\u308a\u826f\u3044TypeScript\u958b\u767a\u306e\u305f\u3081\u306b\u3001strictBindCallApply\u306ftrue\u306b\u3057\u3088\u3046"},"content":{"rendered":"<h1><code>strictBindCallApply<\/code> \u3063\u3066\u306a\u306b\uff1f<\/h1>\n<ul>\n<li><a href=\"https:\/\/www.typescriptlang.org\/tsconfig\">tsconfig<\/a> \u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u306e\u3072\u3068\u3064<\/li>\n<li>\u30c7\u30d5\u30a9\u30eb\u30c8\u3067\u306f false (\u53b3\u5bc6\u306a\u30c1\u30a7\u30c3\u30af\u306f\u3057\u306a\u3044) \u8a2d\u5b9a\u306b\u306a\u3063\u3066\u3044\u307e\u3059<\/li>\n<\/ul>\n<h1><code>strictBindCallApply: false<\/code> \u306e\u307e\u307e\u3060\u3068\u3069\u3046\u306a\u308b\u306e\uff1f<\/h1>\n<ul>\n<li>false \u306e\u307e\u307e\u3060\u3068\u3001<code>bind<\/code>, <code>call<\/code>, <code>apply<\/code> \u3092\u4f7f\u3046\u6642\u306b <strong>type safe \u3067\u306a\u3044\u30b3\u30fc\u30c9\u306b\u306a\u3063\u3066\u3057\u307e\u3044\u307e\u3059<\/strong><\/li>\n<\/ul>\n<h2>\u300ctype safe \u3067\u306f\u306a\u3044\u300d\u3063\u3066\u3069\u3046\u3044\u3046\u3053\u3068\uff1f<\/h2>\n<ul>\n<li><a href=\"https:\/\/typescriptbook.jp\/reference\/tsconfig\/strictbindcallapply\">TypeScript\u5165\u9580\u300e\u30b5\u30d0\u30a4\u30d0\u30ebTypeScript\u300f \u306e strictBindCallApply \u306e\u30da\u30fc\u30b8<\/a> \u304c\u308f\u304b\u308a\u3084\u3059\u3044\u3067\u3059<\/li>\n<\/ul>\n<h2>type safe \u3058\u3083\u306a\u3044\u3068\u4f55\u304c\u56f0\u308b\u306e\uff1f type safe \u306b\u306a\u308b\u3068\u4f55\u304c\u5b09\u3057\u3044\u306e\uff1f<\/h2>\n<p><!--more--><\/p>\n<ul>\n<li>\n<p>\u4f8b\u3048\u3070\u3001<\/p>\n<pre><code class=\"language-javascript\">const value1 = 100;\nconst value2 = \"100\";\n\nupdateSize.bind(this)({\n  width: value1,\n  hieght: value2,\n});<\/code><\/pre>\n<p>\u307f\u305f\u3044\u306a\u3001<code>height<\/code> \u306e\u30b9\u30da\u30eb\u304c\u9593\u9055\u3063\u3066\u308b\u3001value2 \u304c number \u3058\u3083\u306a\u3044\u306e\u306b\u7a81\u3063\u8fbc\u3093\u3058\u3083\u3063\u305f\u308a\u2026\u3068\u3044\u3046\u30b3\u30fc\u30c9\u304c\u751f\u307e\u308c\u307e\u3059<\/p>\n<\/li>\n<li>\u65e9\u3044\u8a71\u3001<strong>DX \u304c\u843d\u3061\u307e\u3059<\/strong><\/li>\n<li>type safe \u306b\u306a\u308b\u3068\u3001IDE \u3084 VSCode \u3067 lint error \u304c\u51fa\u305f\u308a\u3001\u30b3\u30fc\u30c9\u88dc\u5b8c\u304c\u52b9\u304f\u3088\u3046\u306b\u306a\u308a\u307e\u3059<\/li>\n<\/ul>\n<h2><code>bind<\/code>, <code>call<\/code>, <code>apply<\/code> \u3063\u3066\u4f7f\u308f\u306a\u3044\u3088\u306d\uff1f(\u3069\u3093\u306a\u3068\u304d\u306b\u4f7f\u3046\u306e\uff1f)<\/h2>\n<ul>\n<li>\u78ba\u304b\u306b\u4f7f\u308f\u306a\u3044\u3068\u3044\u3051\u306a\u3044\u6a5f\u4f1a\u306f\u591a\u304f\u306a\u3044\u3067\u3059<\/li>\n<li>\u4f8b\u3048\u3070 <code>bind<\/code> \u3060\u3068\u3001\u30b5\u30fc\u30c9\u30d1\u30fc\u30c6\u30a3\u30fc\u306e\u30e9\u30a4\u30d6\u30e9\u30ea\u3092\u4f7f\u3046\u6642\u306b <code>this<\/code> \u306e\u5f15\u304d\u6e21\u3057\u304c\u5fc5\u8981\u306b\u306a\u3063\u305f\u308a\u3059\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\n<ul>\n<li><a href=\"https:\/\/growi.org\">GROWI<\/a> \u958b\u767a\u3067\u306f <a href=\"https:\/\/github.com\/weseek\/growi\/pull\/6442\/files#diff-01e8f61040f44430c9fb9f73d257bf02aee3224097a7bf8d169bd4dd6025c73eR22\">remark\/rehype plugin \u3092\u66f8\u304f\u6642<\/a> \u306b\u5229\u7528\u3057\u307e\u3057\u305f<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h1>\u9006\u306b <code>strictBindCallApply: true<\/code> \u306b\u3057\u3066\u56f0\u308b\u3053\u3068\u3063\u3066\u3042\u308b\uff1f<\/h1>\n<ul>\n<li><strong>\u5168\u304f\u3042\u308a\u307e\u305b\u3093<\/strong>\n<ul>\n<li>\u65b0\u898f\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067\u3082\u65e2\u5b58\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067\u3082\u3001\u3059\u3079\u304b\u3089\u304f true \u306b\u3057\u305f\u65b9\u304c\u3044\u3044\u3067\u3059<\/li>\n<\/ul>\n<\/li>\n<li>\u65e2\u5b58\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067\u3082 <code>bind<\/code>, <code>call<\/code>, <code>apply<\/code> \u3057\u3066\u3044\u308b\u30e1\u30bd\u30c3\u30c9\u306f\u6b63\u5e38\u306b\u52d5\u3044\u3066\u3044\u308b\u306f\u305a(\u52d5\u3044\u3066\u3044\u306a\u3044\u3068\u3044\u3051\u306a\u3044\u306f\u305a)\u306a\u306e\u3067\u3001lint error \u3067\u30ea\u30b9\u30af\u3092\u7099\u308a\u51fa\u305b\u308b\u306e\u306f\u6709\u52b9\u3067\u3059<\/li>\n<\/ul>\n<h1><code>strict: true<\/code> \u3067\u3044\u3044\u3093\u3058\u3083\u306a\u3044\u306e\uff1f<\/h1>\n<p>\u3088\u304f\u3054\u5b58\u77e5\u3067\u3002<\/p>\n<p>\u305f\u3057\u304b\u306b <code>strict: true<\/code> \u3092\u8a2d\u5b9a\u3059\u308c\u3070\u3001\u4eca\u56de\u7d39\u4ecb\u3057\u305f <code>strictBindCallApply<\/code> \u3092\u306f\u3058\u3081\u3001<code>strictNullChecks<\/code> \u3084 <code>strictFunctionTypes<\/code> \u306a\u3069\u3044\u304f\u3064\u304b\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u304c\u307e\u3068\u3081\u3066ON\u306b\u306a\u308a\u3001\u6700\u3082 type safe \u306a\u8a2d\u5b9a\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n<p>\u305f\u3060\u3057\u3053\u308c\u307e\u3067 <code>strict: false<\/code> \u3067\u904b\u7528\u3057\u3066\u304d\u305f\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u95a2\u3057\u3066\u306f\u304b\u306a\u308a\u306e\u5909\u66f4\u691c\u77e5\u304c\u4e88\u60f3\u3055\u308c\u307e\u3059\u3057\u3001\u307e\u305f\u4eca\u5f8c TypeScript \u306e\u30d0\u30fc\u30b8\u30e7\u30f3\u30a2\u30c3\u30d7\u306b\u4f34\u3063\u3066\u65b0\u3057\u3044\u30aa\u30d7\u30b7\u30e7\u30f3\u304c <code>strict: true<\/code> \u3067\u6709\u52b9\u5316\u3055\u308c\u308b\u5bfe\u8c61\u3068\u3057\u3066\u5165\u308b\u53ef\u80fd\u6027\u3082\u3042\u308b\u306e\u3067\u3001\u500b\u5225\u5177\u4f53\u7684\u30fb\u660e\u793a\u7684\u306a\u8a2d\u5b9a\u306b\u306f\u306a\u3089\u306a\u3044\u3068\u3044\u3046\u61f8\u5ff5\u3082\u51fa\u3066\u304d\u307e\u3059\u3002<\/p>\n<p>\u53c2\u8003: <a href=\"https:\/\/www.typescriptlang.org\/tsconfig#strict\">https:\/\/www.typescriptlang.org\/tsconfig#strict<\/a><\/p>\n<p>\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u72b6\u614b\u306b\u5408\u308f\u305b\u3066\u66f8\u304d\u65b9\u306f\u5909\u3048\u3066\u3044\u305f\u3060\u3051\u308c\u3070\u3068\u601d\u3044\u307e\u3059\u3002<\/p>\n<h1>\u307e\u3068\u3081<\/h1>\n<p>\u3068\u3044\u3046\u308f\u3051\u3067\u3001\u4eca\u3059\u3050 <code>strictBindCallApply: true<\/code> (\u307e\u305f\u306f <code>strict: true<\/code>) \u3092\u8a2d\u5b9a\u3057\u307e\u3057\u3087\u3046\uff01<\/p>\n","protected":false},"excerpt":{"rendered":"<p>strictBindCallApply \u3063\u3066\u306a\u306b\uff1f tsconfig \u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u306e\u3072\u3068\u3064 \u30c7\u30d5\u30a9\u30eb\u30c8\u3067\u306f false (\u53b3\u5bc6\u306a\u30c1\u30a7\u30c3\u30af\u306f\u3057\u306a\u3044) \u8a2d\u5b9a\u306b\u306a\u3063\u3066\u3044\u307e\u3059 strictBindCallApply: false<\/p>\n","protected":false},"author":16,"featured_media":3726,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[31,158,57],"tags":[],"_links":{"self":[{"href":"https:\/\/weseek.co.jp\/tech\/wp-json\/wp\/v2\/posts\/3697"}],"collection":[{"href":"https:\/\/weseek.co.jp\/tech\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/weseek.co.jp\/tech\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/weseek.co.jp\/tech\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/weseek.co.jp\/tech\/wp-json\/wp\/v2\/comments?post=3697"}],"version-history":[{"count":7,"href":"https:\/\/weseek.co.jp\/tech\/wp-json\/wp\/v2\/posts\/3697\/revisions"}],"predecessor-version":[{"id":4006,"href":"https:\/\/weseek.co.jp\/tech\/wp-json\/wp\/v2\/posts\/3697\/revisions\/4006"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/weseek.co.jp\/tech\/wp-json\/wp\/v2\/media\/3726"}],"wp:attachment":[{"href":"https:\/\/weseek.co.jp\/tech\/wp-json\/wp\/v2\/media?parent=3697"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/weseek.co.jp\/tech\/wp-json\/wp\/v2\/categories?post=3697"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/weseek.co.jp\/tech\/wp-json\/wp\/v2\/tags?post=3697"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}