{"id":2165,"date":"2023-04-28T14:10:53","date_gmt":"2023-04-28T05:10:53","guid":{"rendered":"https:\/\/edu.ujhb.org\/?p=2165"},"modified":"2023-04-28T14:10:54","modified_gmt":"2023-04-28T05:10:54","slug":"typescript%e5%85%a5%e9%96%80%ef%bc%88%e6%97%a5%e6%9c%ac%e8%aa%9e%e7%89%88%ef%bc%89","status":"publish","type":"post","link":"https:\/\/edu.ujhb.org\/?p=2165","title":{"rendered":"TypeScript\u5165\u9580\uff08\u65e5\u672c\u8a9e\u7248\uff09"},"content":{"rendered":"\n<p>\u305b\u3066\u30a2\u30ec\u30f3\u30b8\u3057\u3066\u3082\u3089\u3048\u307e\u3059\u304b\u3002\u307e\u305a typescript \u306e\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u304b\u3089\u59cb\u3081\u307e\u3057\u3087\u3046\u3002\u307e\u305a\u3001\u8aac\u660e\u3059\u308b\u5185\u5bb9\u306e\u6982\u8981\u3092\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n<p>\u3082\u3061\u308d\u3093\uff01\u4ee5\u4e0b\u306f\u3001TypeScript \u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u306b\u57fa\u3065\u304f\u30d3\u30c7\u30aa\u306e\u5185\u5bb9\u306e\u6982\u8981\u3067\u3059\u3002\u3053\u306e\u6982\u8981\u306b\u57fa\u3065\u3044\u3066\u30d3\u30c7\u30aa \u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u3092\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u306f\u3058\u3081\u306b 1.1 TypeScript \u306e\u6982\u8981 1.2 TypeScript \u306e\u5229\u70b9 1.3 TypeScript \u3068 JavaScript \u306e\u95a2\u4fc2<\/li>\n\n\n\n<li>\u74b0\u5883\u306e\u69cb\u7bc9\u3068\u8a2d\u5b9a 2.1 Node.js \u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb 2.2 TypeScript \u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb 2.3 Editor \u306e\u63a8\u5968\u4e8b\u9805\u3068\u8a2d\u5b9a<\/li>\n\n\n\n<li>TypeScript \u306e\u57fa\u672c\u6587\u6cd5 3.1 \u5909\u6570\u5ba3\u8a00\u3068\u578b\u6ce8\u91c8 3.2 \u30c7\u30fc\u30bf\u578b 3.3 \u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9 3.4 \u30af\u30e9\u30b9 3.5 \u95a2\u6570<\/li>\n\n\n\n<li>\u9ad8\u5ea6\u306a\u578b 4.1 \u5171\u7528\u4f53\u578b 4.2 \u4ea4\u5dee\u578b 4.3 \u578b\u30a8\u30a4\u30ea\u30a2\u30b9 4.4 \u30ea\u30c6\u30e9\u30eb\u578b 4.5 \u30de\u30c3\u30d7\u578b<\/li>\n\n\n\n<li>\u30b8\u30a7\u30cd\u30ea\u30c3\u30af 5.1 \u30b8\u30a7\u30cd\u30ea\u30c3\u30af\u306e\u57fa\u672c\u6982\u5ff5 5.2 \u30b8\u30a7\u30cd\u30ea\u30c3\u30af\u95a2\u6570 5.3 \u30b8\u30a7\u30cd\u30ea\u30c3\u30af \u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9 5.4 \u30b8\u30a7\u30cd\u30ea\u30c3\u30af \u30af\u30e9\u30b9<\/li>\n\n\n\n<li>\u30e2\u30b8\u30e5\u30fc\u30eb 6.1 \u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u7d39\u4ecb 6.2 \u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3068\u30a4\u30f3\u30dd\u30fc\u30c8 6.3 \u30c7\u30d5\u30a9\u30eb\u30c8\u306e\u30a8\u30af\u30b9\u30dd\u30fc\u30c8 6.4 \u540d\u524d\u7a7a\u9593<\/li>\n\n\n\n<li>\u30c7\u30b3\u30ec\u30fc\u30bf 7.1 \u30c7\u30b3\u30ec\u30fc\u30bf\u306e\u6982\u8981 7.2 \u30af\u30e9\u30b9 \u30c7\u30b3\u30ec\u30fc\u30bf 7.3 \u30e1\u30bd\u30c3\u30c9 \u30c7\u30b3\u30ec\u30fc\u30bf 7.4 \u30a2\u30af\u30bb\u30b5 \u30c7\u30b3\u30ec\u30fc\u30bf 7.5 \u30d7\u30ed\u30d1\u30c6\u30a3 \u30c7\u30b3\u30ec\u30fc\u30bf 7.6 \u30d1\u30e9\u30e1\u30fc\u30bf \u30c7\u30b3\u30ec\u30fc\u30bf<\/li>\n\n\n\n<li>TypeScript \u30b3\u30f3\u30d1\u30a4\u30eb \u30aa\u30d7\u30b7\u30e7\u30f3 8.1 tsconfig.json \u30d5\u30a1\u30a4\u30eb 8.2 \u8a73\u7d30\u306a\u30b3\u30f3\u30d1\u30a4\u30eb \u30aa\u30d7\u30b7\u30e7\u30f3 8.3 \u30b3\u30f3\u30d1\u30a4\u30eb\u3068\u30c7\u30d0\u30c3\u30b0<\/li>\n\n\n\n<li>\u30a8\u30f3\u30b8\u30cb\u30a2\u30ea\u30f3\u30b0 \u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u3068\u30d9\u30b9\u30c8 \u30d7\u30e9\u30af\u30c6\u30a3\u30b9 9.1 \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u69cb\u9020 9.2 \u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u4ed5\u69d8 9.3 \u578b\u5b89\u5168\u6027\u3068\u30b3\u30fc\u30c9\u54c1\u8cea<\/li>\n\n\n\n<li>\u7d50\u8ad6 10.1 \u30b3\u30fc\u30b9\u306e\u307e\u3068\u3081 10.2 \u63a8\u5968\u3055\u308c\u308b\u30ea\u30bd\u30fc\u30b9\u3068\u30d5\u30a9\u30ed\u30fc\u30a2\u30c3\u30d7\u7814\u7a76<\/li>\n<\/ol>\n\n\n\n<p>\u3053\u306e\u6982\u8981\u306b\u57fa\u3065\u3044\u3066\u3001TypeScript \u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb \u30d3\u30c7\u30aa\u306e\u8a73\u7d30\u306a\u30ec\u30c3\u30b9\u30f3 \u30d7\u30e9\u30f3\u3068\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb\u3092\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002\u304a\u5f79\u306b\u7acb\u3066\u308c\u3070\u5e78\u3044\u3067\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/edu.ujhb.org\/?p=1728\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/chat.openai.com\/_next\/image?url=https%3A%2F%2Flh3.googleusercontent.com%2Fa%2FAGNmyxbwVdnTP0E2eBqDrujRQjV-wFP12Thr4vFgysVv5A%3Ds96-c&amp;w=96&amp;q=75\" alt=\"gun tei\"\/><\/figure>\n\n\n\n<p>TypeScript\u306e\u6982\u8981\u3092\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n<p>\u3053\u306e\u4f1a\u8a71\u3067\u4f7f\u7528\u3055\u308c\u305f\u4ee5\u524d\u306e\u30e2\u30c7\u30eb\u306f\u4f7f\u7528\u3067\u304d\u307e\u305b\u3093\u3002\u6700\u65b0\u306e\u30c7\u30d5\u30a9\u30eb\u30c8 \u30e2\u30c7\u30eb\u306b\u5207\u308a\u66ff\u3048\u307e\u3057\u305f<\/p>\n\n\n\n<p>JavaScript \u30b3\u30fc\u30c9\u3092\u8a18\u8ff0\u3059\u308b\u5834\u5408\u3001JavaScript \u306f\u52d5\u7684\u306b\u578b\u4ed8\u3051\u3055\u308c\u305f\u8a00\u8a9e\u3067\u3042\u308b\u305f\u3081\u3001\u5b9f\u884c\u6642\u306b\u3055\u307e\u3056\u307e\u306a\u30c7\u30fc\u30bf\u578b\u3092\u5909\u6570\u306b\u5272\u308a\u5f53\u3066\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u3053\u306e\u67d4\u8edf\u6027\u306b\u3088\u308a\u3001\u958b\u767a\u304c\u3042\u308b\u7a0b\u5ea6\u5bb9\u6613\u306b\u306a\u308a\u307e\u3059\u304c\u3001\u5b9f\u884c\u6642\u306b\u3044\u304f\u3064\u304b\u306e\u30a8\u30e9\u30fc\u304c\u767a\u898b\u3055\u308c\u308b\u53ef\u80fd\u6027\u3082\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p>TypeScript \u306f\u3001JavaScript \u306b\u9759\u7684\u578b\u4ed8\u3051\u3092\u8ffd\u52a0\u3059\u308b\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u8a00\u8a9e\u3067\u3059\u3002JavaScript \u3068\u6bd4\u8f03\u3057\u3066\u3001TypeScript \u306f\u578b\u6ce8\u91c8\u3001\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u3001\u30af\u30e9\u30b9\u306a\u3069\u306e\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u6307\u5411\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u6a5f\u80fd\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002\u540c\u6642\u306b\u3001TypeScript \u306f\u591a\u304f\u306e\u65b0\u3057\u3044 ECMAScript \u4ed5\u69d8 (ES6\u3001ES7 \u306a\u3069) \u306e\u6587\u6cd5\u6a5f\u80fd\u3082\u30b5\u30dd\u30fc\u30c8\u3057\u3001\u3059\u3079\u3066\u306e\u4e3b\u6d41\u306e JavaScript \u30e9\u30f3\u30bf\u30a4\u30e0\u74b0\u5883\u3068\u4e92\u63db\u6027\u306e\u3042\u308b JavaScript \u306b\u30b3\u30f3\u30d1\u30a4\u30eb\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p>TypeScript \u306e\u9759\u7684\u578b\u30c1\u30a7\u30c3\u30af\u306f\u3001\u30b3\u30f3\u30d1\u30a4\u30eb\u4e2d\u306b\u30b3\u30fc\u30c9\u5185\u306e\u578b\u30a8\u30e9\u30fc\u3092\u691c\u51fa\u3057\u3001\u3044\u304f\u3064\u304b\u306e\u4e00\u822c\u7684\u306a\u5b9f\u884c\u6642\u30a8\u30e9\u30fc\u3092\u56de\u907f\u3067\u304d\u307e\u3059\u3002\u540c\u6642\u306b\u3001\u578b\u6ce8\u91c8\u306f\u3001\u7279\u306b\u5927\u898f\u6a21\u306a\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u76f4\u9762\u3057\u3066\u3044\u308b\u5834\u5408\u306b\u3001\u30b3\u30fc\u30c9\u306e\u4fdd\u5b88\u3068\u8aad\u307f\u53d6\u308a\u3092\u5bb9\u6613\u306b\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002\u3055\u3089\u306b\u3001TypeScript \u306f\u512a\u308c\u305f\u30a8\u30c7\u30a3\u30bf\u30fc \u30b5\u30dd\u30fc\u30c8\u3068\u30aa\u30fc\u30c8\u30b3\u30f3\u30d7\u30ea\u30fc\u30c8\u3092\u63d0\u4f9b\u3059\u308b\u305f\u3081\u3001\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u52b9\u7387\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u5168\u4f53\u3068\u3057\u3066\u3001TypeScript \u306f JavaScript \u306e\u4e92\u63db\u6027\u306e\u3042\u308b\u30b9\u30fc\u30d1\u30fc\u30bb\u30c3\u30c8\u3067\u3042\u308a\u3001\u30b3\u30fc\u30c9\u306e\u53ef\u8aad\u6027\u3068\u4fdd\u5b88\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u9759\u7684\u578b\u30c1\u30a7\u30c3\u30af\u306a\u3069\u306e\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u6307\u5411\u6a5f\u80fd\u3092\u8ffd\u52a0\u3057\u3001\u65e2\u5b58\u306e JavaScript \u30a8\u30b3\u30b7\u30b9\u30c6\u30e0\u3068\u3082\u4e92\u63db\u6027\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/edu.ujhb.org\/?p=1728\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/chat.openai.com\/_next\/image?url=https%3A%2F%2Flh3.googleusercontent.com%2Fa%2FAGNmyxbwVdnTP0E2eBqDrujRQjV-wFP12Thr4vFgysVv5A%3Ds96-c&amp;w=96&amp;q=75\" alt=\"gun tei\"\/><\/figure>\n\n\n\n<p>TypeScript\u306e\u30e1\u30ea\u30c3\u30c8\u3092\u8a73\u3057\u304f\u6559\u3048\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n<p>TypeScript \u306e\u4e3b\u306a\u5229\u70b9\u306f\u6b21\u306e\u3068\u304a\u308a\u3067\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u3088\u308a\u5f37\u529b\u306a\u578b\u30c1\u30a7\u30c3\u30af: TypeScript \u306f\u578b\u6ce8\u91c8\u3068\u578b\u30c1\u30a7\u30c3\u30af \u30e1\u30ab\u30cb\u30ba\u30e0\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u30b3\u30f3\u30d1\u30a4\u30eb\u6642\u306b\u578b\u30a8\u30e9\u30fc\u3092\u691c\u51fa\u3057\u3001\u3044\u304f\u3064\u304b\u306e\u4e00\u822c\u7684\u306a\u5b9f\u884c\u6642\u30a8\u30e9\u30fc\u3092\u56de\u907f\u3057\u3001\u30b3\u30fc\u30c9\u306e\u4fe1\u983c\u6027\u3068\u5b89\u5b9a\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u3088\u308a\u512a\u308c\u305f\u30a8\u30c7\u30a3\u30bf\u30fc \u30b5\u30dd\u30fc\u30c8: TypeScript \u306f\u512a\u308c\u305f\u30a8\u30c7\u30a3\u30bf\u30fc \u30b5\u30dd\u30fc\u30c8\u3068\u30aa\u30fc\u30c8\u30b3\u30f3\u30d7\u30ea\u30fc\u30c8\u3092\u7d71\u5408\u3057\u3066\u3044\u308b\u305f\u3081\u3001\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u306e\u52b9\u7387\u3068\u30b3\u30fc\u30c9\u306e\u54c1\u8cea\u304c\u5411\u4e0a\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u30b3\u30fc\u30c9\u306e\u8aad\u307f\u3084\u3059\u3055\u3068\u4fdd\u5b88\u6027\u306e\u5411\u4e0a: TypeScript \u306e\u578b\u6ce8\u91c8\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u7279\u306b\u5927\u898f\u6a21\u306a\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u76f4\u9762\u3057\u3066\u3044\u308b\u5834\u5408\u306b\u3001\u30b3\u30fc\u30c9\u306e\u8aad\u307f\u53d6\u308a\u3068\u4fdd\u5b88\u304c\u5bb9\u6613\u306b\u306a\u308a\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u65e2\u5b58\u306e JavaScript \u30a8\u30b3\u30ed\u30b8\u30ab\u30eb\u74b0\u5883\u3068\u306e\u4e92\u63db\u6027: TypeScript \u306f JavaScript \u306e\u4e92\u63db\u6027\u306e\u3042\u308b\u30b9\u30fc\u30d1\u30fc\u30bb\u30c3\u30c8\u3067\u3042\u308a\u3001\u65e2\u5b58\u306e JavaScript \u30a8\u30b3\u30ed\u30b8\u30ab\u30eb\u74b0\u5883\u3068\u30b7\u30fc\u30e0\u30ec\u30b9\u306b\u7d71\u5408\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u6307\u5411\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u6a5f\u80fd\u306e\u63d0\u4f9b: TypeScript \u306f\u3001\u30af\u30e9\u30b9\u3001\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3001\u7d99\u627f\u306a\u3069\u306e\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u6307\u5411\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u6a5f\u80fd\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u304a\u308a\u3001\u30b3\u30fc\u30c9\u306e\u518d\u5229\u7528\u6027\u3068\u30b9\u30b1\u30fc\u30e9\u30d3\u30ea\u30c6\u30a3\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u6700\u65b0\u306e ECMAScript \u4ed5\u69d8\u306e\u30b5\u30dd\u30fc\u30c8: TypeScript \u306f\u6700\u65b0\u306e ECMAScript \u4ed5\u69d8 (ES6\u3001ES7 \u306a\u3069) \u306e\u6587\u6cd5\u6a5f\u80fd\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u3044\u308b\u305f\u3081\u3001\u958b\u767a\u8005\u306f\u6700\u65b0\u306e JavaScript \u8a00\u8a9e\u6a5f\u80fd\u3092\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u578b\u5b9a\u7fa9\u30e9\u30a4\u30d6\u30e9\u30ea\u306e\u63d0\u4f9b: TypeScript \u306f\u8c4a\u5bcc\u306a\u578b\u5b9a\u7fa9\u30e9\u30a4\u30d6\u30e9\u30ea (Type Definitions) \u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u30b5\u30fc\u30c9\u30d1\u30fc\u30c6\u30a3\u306e\u30e9\u30a4\u30d6\u30e9\u30ea\u3068\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u306b\u578b\u6ce8\u91c8\u3068\u578b\u30c1\u30a7\u30c3\u30af\u306e\u30b5\u30dd\u30fc\u30c8\u3092\u63d0\u4f9b\u3067\u304d\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u5168\u4f53\u3068\u3057\u3066\u3001TypeScript \u306f\u3001\u30b3\u30fc\u30c9\u306e\u4fe1\u983c\u6027\u3001\u53ef\u8aad\u6027\u3001\u4fdd\u5b88\u6027\u306a\u3069\u306e\u5411\u4e0a\u306b\u660e\u3089\u304b\u306a\u5229\u70b9\u304c\u3042\u308a\u3001\u65e2\u5b58\u306e JavaScript \u30a8\u30b3\u30ed\u30b8\u30ab\u30eb\u74b0\u5883\u3068\u3082\u4e92\u63db\u6027\u304c\u3042\u308a\u3001\u5927\u898f\u6a21\u306a\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u958b\u767a\u306b\u975e\u5e38\u306b\u9069\u3057\u305f\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u8a00\u8a9e\u3067\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/edu.ujhb.org\/?p=1728\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/chat.openai.com\/_next\/image?url=https%3A%2F%2Flh3.googleusercontent.com%2Fa%2FAGNmyxbwVdnTP0E2eBqDrujRQjV-wFP12Thr4vFgysVv5A%3Ds96-c&amp;w=96&amp;q=75\" alt=\"gun tei\"\/><\/figure>\n\n\n\n<p>TypeScript\u3068JavaScript\u306e\u95a2\u4fc2\u3092\u8a73\u3057\u304f\u6559\u3048\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n<p>TypeScript \u306f\u3001JavaScript \u306b\u9759\u7684\u578b\u4ed8\u3051\u3092\u8ffd\u52a0\u3057\u305f\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u8a00\u8a9e\u3067\u3042\u308a\u3001JavaScript \u306e\u30b9\u30fc\u30d1\u30fc\u30bb\u30c3\u30c8\u3068\u898b\u306a\u3059\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u3053\u308c\u306f\u3001\u3059\u3079\u3066\u306e JavaScript \u30b3\u30fc\u30c9\u3092 TypeScript \u3067\u5b9f\u884c\u3067\u304d\u308b\u3068\u540c\u6642\u306b\u3001TypeScript \u304c\u3059\u3079\u3066\u306e JavaScript \u30e9\u30a4\u30d6\u30e9\u30ea\u3068\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3092\u4f7f\u7528\u3067\u304d\u308b\u3053\u3068\u3092\u610f\u5473\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>TypeScript \u306f\u3001\u6700\u65b0\u306e ECMAScript \u4ed5\u69d8 (ES6\u3001ES7 \u306a\u3069) \u3092\u30b5\u30dd\u30fc\u30c8\u3059\u308b\u578b\u6ce8\u91c8\u3001\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3001\u30af\u30e9\u30b9\u3001\u304a\u3088\u3073\u69cb\u6587\u6a5f\u80fd\u306a\u3069\u306e\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u6307\u5411\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u6a5f\u80fd\u306a\u3069\u3001\u3044\u304f\u3064\u304b\u306e\u8ffd\u52a0\u306e\u8a00\u8a9e\u6a5f\u80fd\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002\u3055\u3089\u306b\u3001TypeScript \u306f\u3088\u308a\u512a\u308c\u305f\u578b\u30c1\u30a7\u30c3\u30af\u3068\u30a8\u30c7\u30a3\u30bf\u30fc \u30b5\u30dd\u30fc\u30c8\u3082\u63d0\u4f9b\u3059\u308b\u305f\u3081\u3001\u30b3\u30fc\u30c9\u306e\u8aad\u307f\u3084\u3059\u3055\u3068\u4fdd\u5b88\u6027\u304c\u5411\u4e0a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u5b9f\u969b\u306e\u958b\u767a\u3067\u306f\u3001\u958b\u767a\u8005\u306f TypeScript \u3092\u4f7f\u7528\u3057\u3066 JavaScript \u30b3\u30fc\u30c9\u3092\u8a18\u8ff0\u3057\u3001\u30b3\u30f3\u30d1\u30a4\u30e9\u3092\u4ecb\u3057\u3066 TypeScript \u30b3\u30fc\u30c9\u3092 JavaScript \u30b3\u30fc\u30c9\u306b\u30b3\u30f3\u30d1\u30a4\u30eb\u3057\u3001\u6700\u7d42\u7684\u306b\u30d6\u30e9\u30a6\u30b6\u30fc\u307e\u305f\u306f Node.js \u74b0\u5883\u3067\u5b9f\u884c\u3057\u307e\u3059\u3002TypeScript \u306f JavaScript \u306e\u30b9\u30fc\u30d1\u30fc\u30bb\u30c3\u30c8\u3067\u3042\u308b\u305f\u3081\u3001\u958b\u767a\u8005\u306f JavaScript \u306e\u65e2\u5b58\u306e\u30b3\u30fc\u30c9\u3068\u30a8\u30b3\u30ed\u30b8\u30fc\u74b0\u5883\u3092\u30b7\u30fc\u30e0\u30ec\u30b9\u306b\u4f7f\u7528\u3067\u304d\u3001\u540c\u6642\u306b\u3001\u578b\u6ce8\u91c8\u306a\u3069\u306e\u6a5f\u80fd\u3092\u5c0e\u5165\u3059\u308b\u3053\u3068\u3067\u30b3\u30fc\u30c9\u306e\u4fe1\u983c\u6027\u3068\u5b89\u5b9a\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u5168\u4f53\u3068\u3057\u3066, TypeScript \u3068 JavaScript \u306e\u95a2\u4fc2\u306f\u88dc\u5b8c\u7684\u3067\u3059. TypeScript \u306f JavaScript \u3068\u30b7\u30fc\u30e0\u30ec\u30b9\u306b\u7d71\u5408\u3067\u304d, \u8ffd\u52a0\u306e\u8a00\u8a9e\u6a5f\u80fd\u3068\u3088\u308a\u512a\u308c\u305f\u578b\u30c1\u30a7\u30c3\u30af\u3068\u30a8\u30c7\u30a3\u30bf\u30fc\u306e\u30b5\u30dd\u30fc\u30c8\u3092\u63d0\u4f9b\u3057\u307e\u3059. \u540c\u6642\u306b, \u65e2\u5b58\u306e JavaScript \u30a8\u30b3\u30b7\u30b9\u30c6\u30e0\u3068\u3082\u4e92\u63db\u6027\u304c\u3042\u308a\u307e\u3059.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/edu.ujhb.org\/?p=1728\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/chat.openai.com\/_next\/image?url=https%3A%2F%2Flh3.googleusercontent.com%2Fa%2FAGNmyxbwVdnTP0E2eBqDrujRQjV-wFP12Thr4vFgysVv5A%3Ds96-c&amp;w=96&amp;q=75\" alt=\"gun tei\"\/><\/figure>\n\n\n\n<p>Node.js\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n<p>Node.js \u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u306f\u3001TypeScript \u3092\u4f7f\u7528\u3057\u305f\u958b\u767a\u306e\u6700\u521d\u306e\u30b9\u30c6\u30c3\u30d7\u3067\u3059. Node.js \u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3059\u308b\u8a73\u7d30\u306a\u624b\u9806\u306f\u6b21\u306e\u3068\u304a\u308a\u3067\u3059:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Node.js \u30a4\u30f3\u30b9\u30c8\u30fc\u30eb \u30d1\u30c3\u30b1\u30fc\u30b8\u3092\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3057\u307e\u3059\u3002Node.js \u516c\u5f0f Web \u30b5\u30a4\u30c8<a href=\"https:\/\/nodejs.org\/en\/%EF%BC%8C%E9%80%89%E6%8B%A9%E9%80%82%E5%90%88%E6%82%A8%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F%E7%9A%84%E7%89%88%E6%9C%AC%E5%B9%B6%E4%B8%8B%E8%BD%BD%E3%80%82\">https:\/\/nodejs.org\/en\/ \u306b\u30a2\u30af\u30bb\u30b9\u3057\u3001\u30aa\u30da\u30ec\u30fc\u30c6\u30a3\u30f3\u30b0 \u30b7\u30b9\u30c6\u30e0\u306b\u9069\u3057\u305f\u30d0\u30fc\u30b8\u30e7\u30f3\u3092\u9078\u629e\u3057\u3066\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3057\u307e\u3059\u3002<\/a><\/li>\n\n\n\n<li>\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb \u30d1\u30c3\u30b1\u30fc\u30b8\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3057\u305f Node.js \u30a4\u30f3\u30b9\u30c8\u30fc\u30eb \u30d1\u30c3\u30b1\u30fc\u30b8\u3092\u30c0\u30d6\u30eb\u30af\u30ea\u30c3\u30af\u3057\u3001\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb \u30a6\u30a3\u30b6\u30fc\u30c9\u306e\u6307\u793a\u306b\u5f93\u3063\u3066\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li>Node.js \u304c\u6b63\u5e38\u306b\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3055\u308c\u305f\u3053\u3068\u3092\u78ba\u8a8d\u3057\u307e\u3059\u3002\u30bf\u30fc\u30df\u30ca\u30eb\u307e\u305f\u306f\u30b3\u30de\u30f3\u30c9 \u30d7\u30ed\u30f3\u30d7\u30c8 \u30a6\u30a3\u30f3\u30c9\u30a6\u3067\u6b21\u306e\u30b3\u30de\u30f3\u30c9\u3092\u5165\u529b\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"wp-block-preformatted\">\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc<code>node -v\n<\/code><\/pre>\n\n\n\n<p>Node.js \u304c\u6b63\u5e38\u306b\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3055\u308c\u308b\u3068\u3001\u30bf\u30fc\u30df\u30ca\u30eb\u307e\u305f\u306f\u30b3\u30de\u30f3\u30c9 \u30d7\u30ed\u30f3\u30d7\u30c8 \u30a6\u30a3\u30f3\u30c9\u30a6\u306b Node.js \u306e\u30d0\u30fc\u30b8\u30e7\u30f3\u756a\u53f7\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002\u300c\u30b3\u30de\u30f3\u30c9\u304c\u898b\u3064\u304b\u308a\u307e\u305b\u3093\u300d\u306a\u3069\u306e\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8\u304c\u8868\u793a\u3055\u308c\u305f\u5834\u5408\u306f\u3001Node.js\u306e\u518d\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u304c\u5fc5\u8981\u3067\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"4\">\n<li>Node.js \u306e\u30a2\u30c3\u30d7\u30b0\u30ec\u30fc\u30c9: \u53e4\u3044\u30d0\u30fc\u30b8\u30e7\u30f3\u306e Node.js \u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u3066\u3044\u308b\u5834\u5408\u306f\u3001\u6b21\u306e\u30b3\u30de\u30f3\u30c9\u3092\u4f7f\u7528\u3057\u3066\u6700\u65b0\u30d0\u30fc\u30b8\u30e7\u30f3\u306b\u30a2\u30c3\u30d7\u30b0\u30ec\u30fc\u30c9\u3067\u304d\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"wp-block-preformatted\">\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc<code>npm install -g n\nsudo n latest\n<\/code><\/pre>\n\n\n\n<p>\u305d\u306e\u4e2d\u3067\u3001\u6700\u521d\u306e\u30b3\u30de\u30f3\u30c9\u306f\u300cn\u300d\u3068\u3044\u3046\u540d\u524d\u306e Node.js \u30d0\u30fc\u30b8\u30e7\u30f3 \u30de\u30cd\u30fc\u30b8\u30e3\u30fc\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u30012 \u756a\u76ee\u306e\u30b3\u30de\u30f3\u30c9\u306f\u300cn\u300d\u3092\u4f7f\u7528\u3057\u3066 Node.js \u3092\u6700\u65b0\u30d0\u30fc\u30b8\u30e7\u30f3\u306b\u30a2\u30c3\u30d7\u30b0\u30ec\u30fc\u30c9\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u304c\u5b8c\u4e86\u3057\u305f\u3089\u3001Node.js \u3092\u4f7f\u7528\u3057\u3066\u30b3\u30f3\u30d4\u30e5\u30fc\u30bf\u30fc\u4e0a\u3067 JavaScript \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u958b\u767a\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/edu.ujhb.org\/?p=1728\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/chat.openai.com\/_next\/image?url=https%3A%2F%2Flh3.googleusercontent.com%2Fa%2FAGNmyxbwVdnTP0E2eBqDrujRQjV-wFP12Thr4vFgysVv5A%3Ds96-c&amp;w=96&amp;q=75\" alt=\"gun tei\"\/><\/figure>\n\n\n\n<p>TypeScript\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n<p>TypeScript \u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u306f\u3001TypeScript \u3092\u4f7f\u7528\u3057\u305f\u958b\u767a\u306e 2 \u756a\u76ee\u306e\u30b9\u30c6\u30c3\u30d7\u3067\u3059. TypeScript \u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3059\u308b\u8a73\u7d30\u306a\u624b\u9806\u306f\u6b21\u306e\u3068\u304a\u308a\u3067\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Node.js \u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3059\u308b: TypeScript \u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3059\u308b\u524d\u306b\u3001\u307e\u305a Node.js \u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u524d\u306e\u8cea\u554f\u306e\u624b\u9806\u306b\u5f93\u3063\u3066\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li>TypeScript \u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u307e\u3059\u3002\u30bf\u30fc\u30df\u30ca\u30eb\u307e\u305f\u306f\u30b3\u30de\u30f3\u30c9 \u30d7\u30ed\u30f3\u30d7\u30c8 \u30a6\u30a3\u30f3\u30c9\u30a6\u3067\u6b21\u306e\u30b3\u30de\u30f3\u30c9\u3092\u5165\u529b\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"wp-block-preformatted\">\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc<code>npm install -g typescript\n<\/code><\/pre>\n\n\n\n<p>\u3053\u306e\u30b3\u30de\u30f3\u30c9\u306f\u3001Node.js \u30d1\u30c3\u30b1\u30fc\u30b8\u7ba1\u7406\u30c4\u30fc\u30eb\u3067\u3042\u308b npm \u3092\u4f7f\u7528\u3057\u3066 TypeScript \u3092\u30b0\u30ed\u30fc\u30d0\u30eb\u306b\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"3\">\n<li>TypeScript \u304c\u6b63\u5e38\u306b\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3055\u308c\u305f\u3053\u3068\u3092\u78ba\u8a8d\u3057\u307e\u3059\u3002\u30bf\u30fc\u30df\u30ca\u30eb\u307e\u305f\u306f\u30b3\u30de\u30f3\u30c9 \u30d7\u30ed\u30f3\u30d7\u30c8 \u30a6\u30a3\u30f3\u30c9\u30a6\u3067\u6b21\u306e\u30b3\u30de\u30f3\u30c9\u3092\u5165\u529b\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"wp-block-preformatted\">\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc<code>tsc -v\n<\/code><\/pre>\n\n\n\n<p>TypeScript \u304c\u6b63\u5e38\u306b\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3055\u308c\u308b\u3068\u3001\u30bf\u30fc\u30df\u30ca\u30eb\u307e\u305f\u306f\u30b3\u30de\u30f3\u30c9 \u30d7\u30ed\u30f3\u30d7\u30c8 \u30a6\u30a3\u30f3\u30c9\u30a6\u306b TypeScript \u306e\u30d0\u30fc\u30b8\u30e7\u30f3\u756a\u53f7\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002\u300c\u30b3\u30de\u30f3\u30c9\u304c\u898b\u3064\u304b\u308a\u307e\u305b\u3093\u300d\u306a\u3069\u306e\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8\u304c\u8868\u793a\u3055\u308c\u305f\u5834\u5408\u306f\u3001TypeScript \u3092\u518d\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u305f\u3089\u3001TypeScript \u3067\u958b\u767a\u3092\u958b\u59cb\u3067\u304d\u307e\u3059\u3002\u30a8\u30c7\u30a3\u30bf\u30fc\u3067\u306f\u3001TypeScript \u306e\u30d5\u30a1\u30a4\u30eb\u62e1\u5f35\u5b50\u300c.ts\u300d\u3067\u65b0\u3057\u3044\u30d5\u30a1\u30a4\u30eb\u3092\u4f5c\u6210\u3057\u3001TypeScript \u306e\u69cb\u6587\u3092\u4f7f\u7528\u3057\u3066\u30b3\u30fc\u30c9\u3092\u8a18\u8ff0\u3067\u304d\u307e\u3059\u3002\u30b3\u30fc\u30c9\u3092\u5b9f\u884c\u3059\u308b\u524d\u306b\u3001TypeScript \u30b3\u30f3\u30d1\u30a4\u30e9\u3092\u4f7f\u7528\u3057\u3066 TypeScript \u30b3\u30fc\u30c9\u3092 JavaScript \u30b3\u30fc\u30c9\u306b\u30b3\u30f3\u30d1\u30a4\u30eb\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u30bf\u30fc\u30df\u30ca\u30eb\u307e\u305f\u306f\u30b3\u30de\u30f3\u30c9 \u30d7\u30ed\u30f3\u30d7\u30c8 \u30a6\u30a3\u30f3\u30c9\u30a6\u3067\u3001\u6b21\u306e\u30b3\u30de\u30f3\u30c9\u3092\u4f7f\u7528\u3057\u3066\u3001TypeScript \u30b3\u30fc\u30c9\u3092 JavaScript \u30b3\u30fc\u30c9\u306b\u30b3\u30f3\u30d1\u30a4\u30eb\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc<code>tsc yourfile.ts\n<\/code><\/pre>\n\n\n\n<p>\u3053\u3053\u3067\u3001\u300cyourfile.ts\u300d\u3092 TypeScript \u30d5\u30a1\u30a4\u30eb\u540d\u306b\u7f6e\u304d\u63db\u3048\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001TypeScript \u30d5\u30a1\u30a4\u30eb\u3068\u540c\u3058\u540d\u524d\u306e JavaScript \u30d5\u30a1\u30a4\u30eb\u304c\u751f\u6210\u3055\u308c\u3001\u30d6\u30e9\u30a6\u30b6\u30fc\u307e\u305f\u306f Node.js \u74b0\u5883\u3067\u5b9f\u884c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/edu.ujhb.org\/?p=1728\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/chat.openai.com\/_next\/image?url=https%3A%2F%2Flh3.googleusercontent.com%2Fa%2FAGNmyxbwVdnTP0E2eBqDrujRQjV-wFP12Thr4vFgysVv5A%3Ds96-c&amp;w=96&amp;q=75\" alt=\"gun tei\"\/><\/figure>\n\n\n\n<p>\u30a8\u30c7\u30a3\u30bf\u30fc\u306e\u63a8\u5968\u4e8b\u9805\u3068\u8a2d\u5b9a\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n<p>\u9069\u5207\u306a\u30a8\u30c7\u30a3\u30bf\u30fc\u3092\u9078\u629e\u3059\u308b\u3068\u3001\u958b\u767a\u52b9\u7387\u304c\u5411\u4e0a\u3057\u307e\u3059. \u4ee5\u4e0b\u306b\u3001\u4e00\u822c\u7684\u306b\u4f7f\u7528\u3055\u308c\u308b\u3044\u304f\u3064\u304b\u306e\u30a8\u30c7\u30a3\u30bf\u30fc\u3068\u3001\u30a8\u30c7\u30a3\u30bf\u30fc\u8a2d\u5b9a\u306e\u8a73\u7d30\u306a\u8aac\u660e\u3092\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Visual Studio Code (\u7565\u3057\u3066 VS Code): VS Code \u306f\u3001TypeScript \u3068 JavaScript \u306e\u958b\u767a\u3092\u30b5\u30dd\u30fc\u30c8\u3059\u308b\u7121\u6599\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30af\u30ed\u30b9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0 \u30b3\u30fc\u30c9 \u30a8\u30c7\u30a3\u30bf\u30fc\u3067\u3042\u308a\u3001\u3055\u307e\u3056\u307e\u306a\u958b\u767a\u30cb\u30fc\u30ba\u3092\u6e80\u305f\u3059\u8c4a\u5bcc\u306a\u30d7\u30e9\u30b0\u30a4\u30f3\u3068\u62e1\u5f35\u6a5f\u80fd\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002VS Code \u306e\u4e00\u822c\u7684\u306a\u30d7\u30e9\u30b0\u30a4\u30f3\u306b\u306f\u3001TypeScript\u3001Prettier\u3001ESLint \u306a\u3069\u304c\u3042\u308a\u307e\u3059\u3002<\/li>\n\n\n\n<li>WebStorm: WebStorm \u306f\u3001\u30a4\u30f3\u30c6\u30ea\u30b8\u30a7\u30f3\u30c8\u306a\u30b3\u30fc\u30c9 \u30d2\u30f3\u30c8\u3001\u69cb\u6587\u30c1\u30a7\u30c3\u30af\u3001\u30c7\u30d0\u30c3\u30b0\u306a\u3069\u306e\u6a5f\u80fd\u3092\u63d0\u4f9b\u3059\u308b\u30d7\u30ed\u306e JavaScript \u304a\u3088\u3073 TypeScript \u958b\u767a\u30c4\u30fc\u30eb\u3067\u3042\u308a\u3001\u5927\u898f\u6a21\u306a\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u958b\u767a\u306b\u9069\u3057\u3066\u3044\u307e\u3059\u3002WebStorm \u3067\u4e00\u822c\u7684\u306b\u4f7f\u7528\u3055\u308c\u308b\u30d7\u30e9\u30b0\u30a4\u30f3\u306b\u306f\u3001TypeScript\u3001Prettier\u3001ESLint\u3001Angular \u306a\u3069\u304c\u3042\u308a\u307e\u3059\u3002<\/li>\n\n\n\n<li>Atom: Atom \u306f\u7121\u6599\u306e\u30aa\u30fc\u30d7\u30f3 \u30bd\u30fc\u30b9 \u30b3\u30fc\u30c9 \u30a8\u30c7\u30a3\u30bf\u30fc\u3067\u3001TypeScript \u3068 JavaScript \u306e\u958b\u767a\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3001\u8c4a\u5bcc\u306a\u30d7\u30e9\u30b0\u30a4\u30f3\u3068\u62e1\u5f35\u6a5f\u80fd\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002Atom \u3067\u4e00\u822c\u7684\u306b\u4f7f\u7528\u3055\u308c\u308b\u30d7\u30e9\u30b0\u30a4\u30f3\u306b\u306f\u3001TypeScript\u3001Prettier\u3001ESLint \u306a\u3069\u304c\u3042\u308a\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u30a8\u30c7\u30a3\u30bf\u306e\u8a2d\u5b9a\u306b\u306f\u3001\u6b21\u306e\u9818\u57df\u304c\u542b\u307e\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u30c6\u30fc\u30de\u8a2d\u5b9a: \u81ea\u5206\u306b\u5408\u3063\u305f\u30a8\u30c7\u30a3\u30bf\u30fc \u30c6\u30fc\u30de\u3092\u9078\u629e\u3059\u308b\u3068\u3001\u958b\u767a\u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u3068\u52b9\u7387\u304c\u5411\u4e0a\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u30a8\u30c7\u30a3\u30bf\u30fc\u8a2d\u5b9a: \u30a8\u30c7\u30a3\u30bf\u30fc\u306e\u30d5\u30a9\u30f3\u30c8\u3001\u30d5\u30a9\u30f3\u30c8 \u30b5\u30a4\u30ba\u3001\u30a4\u30f3\u30c7\u30f3\u30c8\u306a\u3069\u3092\u8a2d\u5b9a\u3057\u307e\u3059\u3002\u3053\u308c\u3089\u306f\u500b\u4eba\u306e\u597d\u307f\u306b\u5408\u308f\u305b\u3066\u8abf\u6574\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u30d7\u30e9\u30b0\u30a4\u30f3\u8a2d\u5b9a: TypeScript\u3001Prettier\u3001ESLint \u306a\u3069\u306e\u4e00\u822c\u7684\u306b\u4f7f\u7528\u3055\u308c\u308b\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u3066\u69cb\u6210\u3059\u308b\u3068\u3001\u958b\u767a\u52b9\u7387\u3068\u30b3\u30fc\u30c9\u54c1\u8cea\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u30b7\u30e7\u30fc\u30c8\u30ab\u30c3\u30c8\u30ad\u30fc\u8a2d\u5b9a\uff1a\u30b7\u30e7\u30fc\u30c8\u30ab\u30c3\u30c8\u30ad\u30fc\u3092\u8a2d\u5b9a\u3057\u3066\u3001\u64cd\u4f5c\u306e\u52b9\u7387\u3068\u901f\u5ea6\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u5168\u4f53\u3068\u3057\u3066\u3001\u512a\u308c\u305f\u30a8\u30c7\u30a3\u30bf\u30fc\u3092\u9078\u629e\u3057\u3001\u59a5\u5f53\u306a\u30a8\u30c7\u30a3\u30bf\u30fc\u8a2d\u5b9a\u3092\u884c\u3046\u3053\u3068\u3067\u3001\u958b\u767a\u306e\u52b9\u7387\u3068\u30b3\u30fc\u30c9\u306e\u54c1\u8cea\u304c\u5411\u4e0a\u3057\u3001\u958b\u767a\u8005\u306f\u9ad8\u54c1\u8cea\u306e\u30b3\u30fc\u30c9\u3092\u3088\u308a\u901f\u304f\u66f8\u304f\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/edu.ujhb.org\/?p=1728\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/chat.openai.com\/_next\/image?url=https%3A%2F%2Flh3.googleusercontent.com%2Fa%2FAGNmyxbwVdnTP0E2eBqDrujRQjV-wFP12Thr4vFgysVv5A%3Ds96-c&amp;w=96&amp;q=75\" alt=\"gun tei\"\/><\/figure>\n\n\n\n<p>TypeScript\u306e\u57fa\u672c\u6587\u6cd5\u306e\u5909\u6570\u5ba3\u8a00\u3068\u578b\u6ce8\u91c8\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u6559\u3048\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n<p>\u5909\u6570\u5ba3\u8a00\u3068\u578b\u6ce8\u91c8\u306f\u3001TypeScript \u306e\u975e\u5e38\u306b\u91cd\u8981\u306a\u6982\u5ff5\u3067\u3059\u3002\u8a73\u7d30\u306a\u8aac\u660e\u306f\u6b21\u306e\u3068\u304a\u308a\u3067\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u5909\u6570\u306e\u5ba3\u8a00: TypeScript \u3067\u306f\u3001let \u307e\u305f\u306f var \u30ad\u30fc\u30ef\u30fc\u30c9\u3092\u4f7f\u7528\u3057\u3066\u5909\u6570\u3092\u5ba3\u8a00\u3067\u304d\u307e\u3059\u3002let \u30ad\u30fc\u30ef\u30fc\u30c9\u306f\u30d6\u30ed\u30c3\u30af \u30ec\u30d9\u30eb \u30b9\u30b3\u30fc\u30d7\u3067\u5909\u6570\u3092\u5ba3\u8a00\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u3001var \u30ad\u30fc\u30ef\u30fc\u30c9\u306f\u95a2\u6570\u30b9\u30b3\u30fc\u30d7\u3067\u5909\u6570\u3092\u5ba3\u8a00\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u4f8b\u3048\u3070\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">typescript\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc\u3059\u308b<code>let name: string = \"John\";\nvar age: number = 30;\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001name \u3068\u3044\u3046\u540d\u524d\u306e string \u578b\u306e\u5909\u6570\u3068 age \u3068\u3044\u3046\u540d\u524d\u306e number \u578b\u306e\u5909\u6570\u3092\u5ba3\u8a00\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>\u578b\u6ce8\u91c8: TypeScript \u3067\u306f\u3001\u578b\u6ce8\u91c8\u3092\u4f7f\u7528\u3057\u3066\u5909\u6570\u306e\u578b\u3092\u660e\u78ba\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u578b\u6ce8\u91c8\u306f\u3001\u5909\u6570\u540d\u306e\u5f8c\u306b\u578b\u540d\u304c\u7d9a\u304f\u30b3\u30ed\u30f3\u3092\u4f7f\u7528\u3057\u3066\u793a\u3055\u308c\u307e\u3059\u3002\u578b\u6ce8\u91c8\u306f\u3001\u7279\u306b\u5927\u898f\u6a21\u306a\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u76f4\u9762\u3057\u305f\u5834\u5408\u306b\u3001\u30b3\u30fc\u30c9\u306e\u8aad\u307f\u3084\u3059\u3055\u3068\u4fdd\u5b88\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u4f8b\u3048\u3070\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">typescript\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc\u3059\u308b<code>let name: string = \"John\";\nlet age: number = 30;\nlet isStudent: boolean = true;\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001\u578b\u6ce8\u91c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u5909\u6570\u540d\u306e\u578b\u304c\u6587\u5b57\u5217\u3001\u5e74\u9f62\u306e\u578b\u304c\u6570\u5024\u3001isStudent \u306e\u578b\u304c\u30d6\u30fc\u30eb\u5024\u3067\u3042\u308b\u3053\u3068\u3092\u6307\u5b9a\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<p>TypeScript \u3067\u306f\u3001\u5909\u6570\u306e\u578b\u3092\u81ea\u52d5\u7684\u306b\u63a8\u6e2c\u3067\u304d\u308b\u305f\u3081\u3001\u5834\u5408\u306b\u3088\u3063\u3066\u306f\u578b\u6ce8\u91c8\u3092\u7701\u7565\u3067\u304d\u308b\u3053\u3068\u306b\u6ce8\u610f\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u6b21\u306b\u4f8b\u3092\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">bash\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc\u3059\u308b<code>let name = \"John\";\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001\u578b\u6ce8\u91c8\u3092\u7701\u7565\u3057\u3066\u304a\u308a\u3001TypeScript \u306f name \u306e\u578b\u3092\u6587\u5b57\u5217\u3068\u3057\u3066\u81ea\u52d5\u7684\u306b\u63a8\u6e2c\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u3064\u307e\u308a\u3001\u5909\u6570\u5ba3\u8a00\u3068\u578b\u6ce8\u91c8\u306f\u3001TypeScript \u306e\u57fa\u672c\u7684\u306a\u69cb\u6587\u306e\u975e\u5e38\u306b\u91cd\u8981\u306a\u90e8\u5206\u3067\u3042\u308a\u3001\u305d\u308c\u3089\u3092\u7406\u89e3\u3059\u308b\u3053\u3068\u3067\u3001\u9ad8\u54c1\u8cea\u306e TypeScript \u30b3\u30fc\u30c9\u3092\u3088\u308a\u9069\u5207\u306b\u8a18\u8ff0\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/edu.ujhb.org\/?p=1728\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/chat.openai.com\/_next\/image?url=https%3A%2F%2Flh3.googleusercontent.com%2Fa%2FAGNmyxbwVdnTP0E2eBqDrujRQjV-wFP12Thr4vFgysVv5A%3Ds96-c&amp;w=96&amp;q=75\" alt=\"gun tei\"\/><\/figure>\n\n\n\n<p>TypeScript\u306e\u57fa\u672c\u7684\u306a\u69cb\u6587\u306e\u30c7\u30fc\u30bf\u578b\u3092\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n<p>TypeScript \u3067\u306f\u3001\u30c7\u30fc\u30bf\u578b\u306f\u57fa\u672c\u578b\u3068\u8907\u5408\u578b\u306b\u5206\u3051\u3089\u308c\u307e\u3059\u3002\u4ee5\u4e0b\u306b\u8a73\u7d30\u306a\u8aac\u660e\u3092\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u57fa\u672c\u578b: TypeScript \u306f\u3001\u6b21\u306e\u3088\u3046\u306a JavaScript \u3068\u540c\u3058\u57fa\u672c\u30c7\u30fc\u30bf\u578b\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>boolean: \u30d6\u30fc\u30eb\u5024\u30bf\u30a4\u30d7\u3001true \u3068 false \u306e 2 \u3064\u306e\u5024\u306e\u307f\u3002<\/li>\n\n\n\n<li>number: \u6574\u6570\u3068\u6d6e\u52d5\u5c0f\u6570\u70b9\u6570\u3092\u542b\u3080\u6570\u5024\u578b\u3002<\/li>\n\n\n\n<li>string: \u30c6\u30ad\u30b9\u30c8\u30c7\u30fc\u30bf\u3092\u8868\u3059\u6587\u5b57\u5217\u578b\u3002<\/li>\n\n\n\n<li>null: \u7a7a\u306e\u5024\u3092\u8868\u3059\u7a7a\u306e\u578b\u3002<\/li>\n\n\n\n<li>undefined: \u672a\u5b9a\u7fa9\u306e\u578b\u3067\u3001\u672a\u5b9a\u7fa9\u306e\u5024\u3092\u8868\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li>symbol: \u4e00\u610f\u306e\u5024\u3092\u8868\u3059\u30b7\u30f3\u30dc\u30eb \u30bf\u30a4\u30d7\u3002<\/li>\n<\/ul>\n\n\n\n<p>\u4f8b\u3048\u3070\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">typescript\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc\u3059\u308b<code>let isStudent: boolean = true;\nlet age: number = 30;\nlet name: string = \"John\";\nlet empty: null = null;\nlet notDefined: undefined = undefined;\nlet unique: symbol = Symbol(\"unique\");\n<\/code><\/pre>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>\u8907\u5408\u578b: TypeScript \u306f\u3001\u6b21\u306e\u3088\u3046\u306a\u8907\u5408\u578b\u3082\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u3044\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u914d\u5217\u578b: \u3055\u307e\u3056\u307e\u306a\u578b\u306e\u8981\u7d20\u3092\u542b\u3080\u3053\u3068\u304c\u3067\u304d\u308b\u914d\u5217\u3092\u8868\u3057\u307e\u3059\u3002<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-preformatted\">less\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc<code>let list: number[] = [1, 2, 3];\n<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u30bf\u30d7\u30eb\u578b: \u56fa\u5b9a\u9577\u306e\u914d\u5217\u3092\u8868\u3057\u3001\u5404\u8981\u7d20\u306f\u7570\u306a\u308b\u578b\u3092\u6301\u3064\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-preformatted\">typescript\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc\u3059\u308b<code>let tuple: [string, number] = [\"John\", 30];\n<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u578b: \u30d7\u30ed\u30d1\u30c6\u30a3\u3068\u30e1\u30bd\u30c3\u30c9\u3092\u542b\u3080\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u8868\u3057\u307e\u3059\u3002<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-preformatted\">css\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc<code>interface Person {\n  name: string;\n  age: number;\n}\n\nlet person: Person = { name: \"John\", age: 30 };\n<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u95a2\u6570\u578b: \u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3068\u623b\u308a\u5024\u306e\u578b\u3092\u542b\u3080\u95a2\u6570\u3092\u793a\u3057\u307e\u3059\u3002<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-preformatted\">typescript\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc\u3059\u308b<code>function add(a: number, b: number): number {\n  return a + b;\n}\n<\/code><\/pre>\n\n\n\n<p>\u306a\u304a\u3001TypeScript \u3067\u306f\u5909\u6570\u306e\u578b\u3092\u81ea\u52d5\u7684\u306b\u63a8\u6e2c\u3067\u304d\u308b\u305f\u3081\u3001\u5834\u5408\u306b\u3088\u3063\u3066\u306f\u578b\u6ce8\u91c8\u3092\u7701\u7565\u3067\u304d\u308b\u3053\u3068\u306b\u6ce8\u610f\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u4f8b\u3048\u3070\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">bash\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc\u3059\u308b<code>let list = [1, 2, 3];\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001\u578b\u6ce8\u91c8\u3092\u7701\u7565\u3057\u3066\u304a\u308a\u3001TypeScript \u306f\u30ea\u30b9\u30c8\u306e\u578b\u304c\u914d\u5217\u578b\u3067\u3042\u308b\u3068\u81ea\u52d5\u7684\u306b\u63a8\u6e2c\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u7d50\u8ad6\u3068\u3057\u3066\u3001TypeScript \u306e\u30c7\u30fc\u30bf\u578b\u3092\u7406\u89e3\u3059\u308b\u3053\u3068\u306f\u3001\u9ad8\u54c1\u8cea\u306e TypeScript \u30b3\u30fc\u30c9\u3092\u3088\u308a\u9069\u5207\u306b\u8a18\u8ff0\u3057\u3001\u3044\u304f\u3064\u304b\u306e\u4e00\u822c\u7684\u306a\u578b\u30a8\u30e9\u30fc\u3092\u56de\u907f\u3059\u308b\u306e\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/edu.ujhb.org\/?p=1728\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/chat.openai.com\/_next\/image?url=https%3A%2F%2Flh3.googleusercontent.com%2Fa%2FAGNmyxbwVdnTP0E2eBqDrujRQjV-wFP12Thr4vFgysVv5A%3Ds96-c&amp;w=96&amp;q=75\" alt=\"gun tei\"\/><\/figure>\n\n\n\n<p>TypeScript\u306e\u57fa\u672c\u7684\u306a\u6587\u6cd5\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9(Interfaces)\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n<p>TypeScript \u3067\u306f\u3001\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9 (\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9) \u306f\u975e\u5e38\u306b\u91cd\u8981\u306a\u8a00\u8a9e\u6a5f\u80fd\u3067\u3042\u308a\u3001\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e\u69cb\u9020\u3068\u30bf\u30a4\u30d7\u3092\u5b9a\u7fa9\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002\u4ee5\u4e0b\u306f\u3001\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u306e\u8a73\u7d30\u306a\u8aac\u660e\u3067\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u306e\u5b9a\u7fa9: \u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u306f\u3001\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306b\u542b\u3081\u308b\u5fc5\u8981\u304c\u3042\u308b\u30d7\u30ed\u30d1\u30c6\u30a3\u3068\u30e1\u30bd\u30c3\u30c9\u3001\u304a\u3088\u3073\u305d\u308c\u3089\u306e\u578b\u3092\u5b9a\u7fa9\u3059\u308b\u5236\u7d04\u3067\u3059\u3002TypeScript \u3067\u306f\u3001interface \u30ad\u30fc\u30ef\u30fc\u30c9\u3092\u4f7f\u7528\u3057\u3066\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u5b9a\u7fa9\u3067\u304d\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u4f8b\u3048\u3070\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">css\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc<code>interface Person {\n  name: string;\n  age: number;\n  gender: string;\n}\n\nlet person: Person = { name: \"John\", age: 30, gender: \"male\" };\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001\u540d\u524d\u3001\u5e74\u9f62\u3001\u6027\u5225\u306e 3 \u3064\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u542b\u3080 Person \u3068\u3044\u3046\u540d\u524d\u306e\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u5b9a\u7fa9\u3057\u307e\u3057\u305f\u3002\u5404\u30d7\u30ed\u30d1\u30c6\u30a3\u306b\u306f\u5bfe\u5fdc\u3059\u308b\u578b\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u306e\u4f7f\u7528: \u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u304c\u5b9a\u7fa9\u3055\u308c\u308b\u3068\u3001\u305d\u308c\u3092\u4f7f\u7528\u3057\u3066\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e\u578b\u3092\u5236\u9650\u3067\u304d\u307e\u3059\u3002TypeScript \u3067\u306f\u3001\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u304c\u305d\u306e\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u306e\u69cb\u9020\u3068\u578b\u306b\u6e96\u62e0\u3057\u3066\u3044\u308b\u5834\u5408\u3001\u305d\u306e\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306f\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u300c\u5b9f\u88c5\u3059\u308b\u300d\u3068\u8a00\u308f\u308c\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u4f8b\u3048\u3070\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">typescript\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc\u3059\u308b<code>interface Person {\n  name: string;\n  age: number;\n  gender: string;\n}\n\nfunction printPerson(person: Person) {\n  console.log(`Name: ${person.name}, Age: ${person.age}, Gender: ${person.gender}`);\n}\n\nlet john: Person = { name: \"John\", age: 30, gender: \"male\" };\nprintPerson(john);\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u306e\u578b\u304c Person \u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3067\u3042\u308b printPerson \u3068\u3044\u3046\u540d\u524d\u306e\u95a2\u6570\u3092\u5b9a\u7fa9\u3057\u307e\u3057\u305f\u3002Person \u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u306e\u69cb\u9020\u3068\u578b\u306b\u6e96\u62e0\u3059\u308b john \u3068\u3044\u3046\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3082\u5b9a\u7fa9\u3057\u307e\u3059\u3002\u6700\u5f8c\u306b\u3001john \u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3068\u3057\u3066 printPerson \u95a2\u6570\u306b\u6e21\u3059\u3068\u3001\u95a2\u6570\u306f john \u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u5024\u3092\u6b63\u5e38\u306b\u51fa\u529b\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p>TypeScript \u3067\u306f\u3001\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306f\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3067\u5b9a\u7fa9\u3055\u308c\u3066\u3044\u308b\u3088\u308a\u3082\u591a\u304f\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u6301\u3064\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u304c\u3001\u305d\u308c\u4ee5\u4e0b\u3067\u306f\u306a\u3044\u3053\u3068\u306b\u6ce8\u610f\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u304c\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3067\u5b9a\u7fa9\u3055\u308c\u3066\u3044\u308b\u6570\u3088\u308a\u3082\u5c11\u306a\u3044\u5834\u5408\u3001TypeScript \u306f\u578b\u30a8\u30e9\u30fc\u3092\u30b9\u30ed\u30fc\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u5168\u4f53\u3068\u3057\u3066\u3001\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u306f TypeScript \u306e\u91cd\u8981\u306a\u8a00\u8a9e\u6a5f\u80fd\u3067\u3042\u308a\u3001\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e\u69cb\u9020\u3068\u578b\u3092\u5b9a\u7fa9\u304a\u3088\u3073\u5236\u7d04\u3059\u308b\u306e\u306b\u5f79\u7acb\u3061\u3001\u305d\u308c\u306b\u3088\u3063\u3066\u30b3\u30fc\u30c9\u306e\u53ef\u8aad\u6027\u3068\u4fdd\u5b88\u6027\u304c\u5411\u4e0a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/edu.ujhb.org\/?p=1728\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/chat.openai.com\/_next\/image?url=https%3A%2F%2Flh3.googleusercontent.com%2Fa%2FAGNmyxbwVdnTP0E2eBqDrujRQjV-wFP12Thr4vFgysVv5A%3Ds96-c&amp;w=96&amp;q=75\" alt=\"gun tei\"\/><\/figure>\n\n\n\n<p>TypeScript\u306e\u57fa\u672c\u69cb\u6587\u30af\u30e9\u30b9(\u30af\u30e9\u30b9)\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u6559\u3048\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n<p>TypeScript \u3067\u306f\u3001\u30af\u30e9\u30b9 (\u30af\u30e9\u30b9) \u306f\u3001\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e\u69cb\u9020\u3068\u52d5\u4f5c\u3092\u5b9a\u7fa9\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u308b\u5171\u901a\u306e\u8a00\u8a9e\u6a5f\u80fd\u3067\u3059\u3002\u30af\u30e9\u30b9\u306e\u8a73\u7d30\u306a\u8aac\u660e\u306f\u6b21\u306e\u3068\u304a\u308a\u3067\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u30af\u30e9\u30b9\u5b9a\u7fa9: \u30af\u30e9\u30b9\u306f\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e\u8a2d\u8a08\u56f3\u3067\u3042\u308a\u3001\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3068\u30e1\u30bd\u30c3\u30c9\u3092\u5b9a\u7fa9\u3057\u307e\u3059\u3002TypeScript \u3067\u306f\u3001class \u30ad\u30fc\u30ef\u30fc\u30c9\u3092\u4f7f\u7528\u3057\u3066\u30af\u30e9\u30b9\u3092\u5b9a\u7fa9\u3067\u304d\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u4f8b\u3048\u3070\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">typescript\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc\u3059\u308b<code>class Person {\n  name: string;\n  age: number;\n\n  constructor(name: string, age: number) {\n    this.name = name;\n    this.age = age;\n  }\n\n  sayHello() {\n    console.log(`Hello, my name is ${this.name} and I'm ${this.age} years old.`);\n  }\n}\n\nlet john: Person = new Person(\"John\", 30);\njohn.sayHello();\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001Person \u3068\u3044\u3046\u540d\u524d\u306e\u30af\u30e9\u30b9\u3092\u5b9a\u7fa9\u3057\u307e\u3057\u305f\u3002\u3053\u306e\u30af\u30e9\u30b9\u306b\u306f\u3001name \u3068 age \u306e 2 \u3064\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3068\u3001\u30b3\u30f3\u30b9\u30c8\u30e9\u30af\u30bf\u30fc\u3068\u30e1\u30bd\u30c3\u30c9\u304c\u3042\u308a\u307e\u3059\u3002\u30b3\u30f3\u30b9\u30c8\u30e9\u30af\u30bf\u30fc\u306f\u30af\u30e9\u30b9\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u521d\u671f\u5316\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u3001\u30e1\u30bd\u30c3\u30c9\u306f\u30af\u30e9\u30b9\u306e\u52d5\u4f5c\u3092\u5b9a\u7fa9\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>\u30af\u30e9\u30b9\u306e\u7d99\u627f: TypeScript \u3067\u306f\u3001\u30af\u30e9\u30b9\u3082\u7d99\u627f\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3001\u30b5\u30d6\u30af\u30e9\u30b9\u306f\u89aa\u30af\u30e9\u30b9\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3068\u30e1\u30bd\u30c3\u30c9\u3092\u7d99\u627f\u3057\u3001\u305d\u308c\u3089\u3092\u62e1\u5f35\u307e\u305f\u306f\u66f8\u304d\u63db\u3048\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002extends \u30ad\u30fc\u30ef\u30fc\u30c9\u3092\u4f7f\u7528\u3057\u3066\u3001\u30af\u30e9\u30b9\u306e\u7d99\u627f\u3092\u5b9f\u88c5\u3067\u304d\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u4f8b\u3048\u3070\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">typescript\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc\u3059\u308b<code>class Student extends Person {\n  major: string;\n\n  constructor(name: string, age: number, major: string) {\n    super(name, age);\n    this.major = major;\n  }\n\n  sayHello() {\n    console.log(`Hello, my name is ${this.name}, I'm ${this.age} years old and my major is ${this.major}.`);\n  }\n}\n\nlet alice: Student = new Student(\"Alice\", 20, \"Computer Science\");\nalice.sayHello();\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001Person \u89aa\u30af\u30e9\u30b9\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3068\u30e1\u30bd\u30c3\u30c9\u3092\u7d99\u627f\u3057\u3001\u30e1\u30b8\u30e3\u30fc \u30d7\u30ed\u30d1\u30c6\u30a3\u3068\u30aa\u30fc\u30d0\u30fc\u30e9\u30a4\u30c9\u3055\u308c\u305f sayHello \u30e1\u30bd\u30c3\u30c9\u3092\u8ffd\u52a0\u3059\u308b\u3001Student \u3068\u3044\u3046\u540d\u524d\u306e\u30b5\u30d6\u30af\u30e9\u30b9\u3092\u5b9a\u7fa9\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>TypeScript \u3067\u306f\u3001\u30af\u30e9\u30b9 \u30a2\u30af\u30bb\u30b9\u4fee\u98fe\u5b50\u306b\u306f public\u3001private\u3001\u304a\u3088\u3073 protected \u304c\u542b\u307e\u308c\u3066\u3044\u308b\u3053\u3068\u306b\u6ce8\u610f\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u3053\u308c\u3089\u306f\u3001\u305d\u308c\u305e\u308c public\u3001private\u3001\u304a\u3088\u3073 protected \u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3068\u30e1\u30bd\u30c3\u30c9\u3092\u5b9a\u7fa9\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002\u30c7\u30d5\u30a9\u30eb\u30c8\u3067\u306f\u3001\u30af\u30e9\u30b9\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3068\u30e1\u30bd\u30c3\u30c9\u306f public \u3067\u3059\u3002<\/p>\n\n\n\n<p>\u5168\u4f53\u3068\u3057\u3066\u3001\u30af\u30e9\u30b9\u306f TypeScript \u306e\u5171\u901a\u8a00\u8a9e\u6a5f\u80fd\u3067\u3042\u308a\u3001\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e\u69cb\u9020\u3068\u52d5\u4f5c\u3092\u5b9a\u7fa9\u3059\u308b\u306e\u306b\u5f79\u7acb\u3061\u3001\u7d99\u627f\u3084\u30a2\u30af\u30bb\u30b9\u4fee\u98fe\u5b50\u306a\u3069\u306e\u9ad8\u5ea6\u306a\u6a5f\u80fd\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/edu.ujhb.org\/?p=1728\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/chat.openai.com\/_next\/image?url=https%3A%2F%2Flh3.googleusercontent.com%2Fa%2FAGNmyxbwVdnTP0E2eBqDrujRQjV-wFP12Thr4vFgysVv5A%3Ds96-c&amp;w=96&amp;q=75\" alt=\"gun tei\"\/><\/figure>\n\n\n\n<p>TypeScript\u306e\u57fa\u672c\u7684\u306a\u6587\u6cd5\u95a2\u6570\uff08\u95a2\u6570\uff09\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n<p>TypeScript \u3067\u306f\u3001\u95a2\u6570 (\u95a2\u6570) \u306f\u4e00\u822c\u7684\u306b\u4f7f\u7528\u3055\u308c\u308b\u8a00\u8a9e\u6a5f\u80fd\u3067\u3042\u308a\u3001\u518d\u5229\u7528\u53ef\u80fd\u306a\u30b3\u30fc\u30c9 \u30d6\u30ed\u30c3\u30af\u3092\u30ab\u30d7\u30bb\u30eb\u5316\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u3001\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3092\u53d7\u3051\u5165\u308c\u3066\u5024\u3092\u8fd4\u3059\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u6a5f\u80fd\u306e\u8a73\u7d30\u306a\u8aac\u660e\u306f\u6b21\u306e\u3068\u304a\u308a\u3067\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u95a2\u6570\u5b9a\u7fa9: TypeScript \u3067\u306f\u3001function \u30ad\u30fc\u30ef\u30fc\u30c9\u3092\u4f7f\u7528\u3057\u3066\u95a2\u6570\u3092\u5b9a\u7fa9\u3067\u304d\u307e\u3059\u3002\u95a2\u6570\u306f 0 \u500b\u4ee5\u4e0a\u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3092\u6301\u3064\u3053\u3068\u304c\u3067\u304d\u3001\u623b\u308a\u5024\u3092\u6301\u3064\u3053\u3068\u3082\u4f55\u3082\u8fd4\u3055\u306a\u3044\u3053\u3068\u3082\u3042\u308a\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u4f8b\u3048\u3070\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">typescript\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc\u3059\u308b<code>function add(a: number, b: number): number {\n  return a + b;\n}\n\nlet result: number = add(2, 3);\nconsole.log(result); \/\/ \u8f93\u51fa5\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u30012 \u3064\u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc a \u3068 b \u3092\u6301\u3061\u3001\u623b\u308a\u5024\u306e\u578b\u304c\u6570\u5024\u3067\u3042\u308b add \u3068\u3044\u3046\u95a2\u6570\u3092\u5b9a\u7fa9\u3057\u3066\u3044\u307e\u3059\u3002\u95a2\u6570\u306e\u672c\u4f53\u3067\u3001a \u3068 b \u3092\u8ffd\u52a0\u3057\u3001\u7d50\u679c\u3092\u623b\u308a\u5024\u3068\u3057\u3066\u8fd4\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>\u95a2\u6570\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc: TypeScript \u3067\u306f\u3001\u95a2\u6570\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u306b\u306f\u3001\u65e2\u5b9a\u5024\u3001\u30aa\u30d7\u30b7\u30e7\u30f3\u306e\u5024\u3001\u304a\u3088\u3073\u6b8b\u308a\u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3092\u542b\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u30c7\u30d5\u30a9\u30eb\u30c8\u5024: \u95a2\u6570\u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u306b\u30c7\u30d5\u30a9\u30eb\u30c8\u5024\u3092\u6307\u5b9a\u3067\u304d\u307e\u3059. \u95a2\u6570\u304c\u547c\u3073\u51fa\u3055\u308c\u305f\u3068\u304d\u306b\u30d1\u30e9\u30e1\u30fc\u30bf\u304c\u6e21\u3055\u308c\u306a\u3044\u5834\u5408, \u30c7\u30d5\u30a9\u30eb\u30c8\u5024\u304c\u4f7f\u7528\u3055\u308c\u307e\u3059.<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-preformatted\">javascript\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc<code>function greet(name: string = \"World\") {\n  console.log(`Hello, ${name}!`);\n}\n\ngreet(); \/\/ \u8f93\u51faHello, World!\ngreet(\"John\"); \/\/ \u8f93\u51faHello, John!\n<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u30aa\u30d7\u30b7\u30e7\u30f3\u306e\u5024: \u30d1\u30e9\u30e1\u30fc\u30bf\u306f\u30aa\u30d7\u30b7\u30e7\u30f3\u3068\u3057\u3066\u30de\u30fc\u30af\u3067\u304d\u307e\u3059\u3002\u3064\u307e\u308a\u3001\u6e21\u3055\u308c\u308b\u5834\u5408\u3068\u6e21\u3055\u308c\u306a\u3044\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-preformatted\">javascript\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc<code>function sayHello(name?: string) {\n  if (name) {\n    console.log(`Hello, ${name}!`);\n  } else {\n    console.log(`Hello!`);\n  }\n}\n\nsayHello(); \/\/ \u8f93\u51faHello!\nsayHello(\"John\"); \/\/ \u8f93\u51faHello, John!\n<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u6b8b\u308a\u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc: \u6b8b\u308a\u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u69cb\u6587\u3092\u4f7f\u7528\u3057\u3066\u3001\u5197\u9577\u306a\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3092\u914d\u5217\u306b\u96c6\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-preformatted\">c\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc<code>function printList(...items: string[]) {\n  console.log(items.join(\", \"));\n}\n\nprintList(\"apple\", \"banana\", \"orange\"); \/\/ \u8f93\u51faapple, banana, orange\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001\u6b8b\u308a\u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u69cb\u6587\u3092\u4f7f\u7528\u3057\u3066\u5197\u9577\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3092 items \u3068\u3044\u3046\u540d\u524d\u306e\u914d\u5217\u306b\u53ce\u96c6\u3057\u3001join \u30e1\u30bd\u30c3\u30c9\u3092\u4f7f\u7528\u3057\u3066\u914d\u5217\u5185\u306e\u8981\u7d20\u3092\u6587\u5b57\u5217\u51fa\u529b\u306b\u5909\u63db\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>TypeScript \u3067\u306f\u3001\u95a2\u6570\u306e\u578b\u3092\u4f7f\u7528\u3057\u3066\u3001\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u306e\u578b\u3084\u623b\u308a\u5024\u306a\u3069\u3001\u95a2\u6570\u306e\u30b7\u30b0\u30cd\u30c1\u30e3\u3092\u8a18\u8ff0\u3067\u304d\u308b\u3053\u3068\u306b\u6ce8\u610f\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u95a2\u6570\u578b\u306f\u3001\u4ed6\u306e\u95a2\u6570\u306e\u5f15\u6570\u307e\u305f\u306f\u623b\u308a\u5024\u306e\u578b\u3068\u3057\u3066\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u5168\u4f53\u3068\u3057\u3066\u3001\u95a2\u6570\u306f TypeScript \u306e\u5171\u901a\u8a00\u8a9e\u6a5f\u80fd\u3067\u3042\u308a\u3001\u518d\u5229\u7528\u53ef\u80fd\u306a\u30b3\u30fc\u30c9 \u30d6\u30ed\u30c3\u30af\u3092\u30ab\u30d7\u30bb\u30eb\u5316\u3057\u3001\u30c7\u30d5\u30a9\u30eb\u30c8\u5024\u3001\u30aa\u30d7\u30b7\u30e7\u30f3\u5024\u3001\u6b8b\u308a\u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u306a\u3069\u306e\u9ad8\u5ea6\u306a\u6a5f\u80fd\u3092\u30b5\u30dd\u30fc\u30c8\u3059\u308b\u306e\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/edu.ujhb.org\/?p=1728\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/chat.openai.com\/_next\/image?url=https%3A%2F%2Flh3.googleusercontent.com%2Fa%2FAGNmyxbwVdnTP0E2eBqDrujRQjV-wFP12Thr4vFgysVv5A%3Ds96-c&amp;w=96&amp;q=75\" alt=\"gun tei\"\/><\/figure>\n\n\n\n<p>TypeScript\u306e\u30e6\u30cb\u30aa\u30f3\u578b\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n<p>TypeScript \u3067\u306f\u3001Union \u578b\u306f\u3001\u5909\u6570\u304c\u8907\u6570\u306e\u7570\u306a\u308b\u578b\u3092\u6301\u3064\u3053\u3068\u3092\u53ef\u80fd\u306b\u3059\u308b\u975e\u5e38\u306b\u4fbf\u5229\u306a\u578b\u3067\u3059\u3002\u30e6\u30cb\u30aa\u30f3\u578b\u306e\u8a73\u7d30\u306a\u8aac\u660e\u306f\u6b21\u306e\u3068\u304a\u308a\u3067\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u30b8\u30e7\u30a4\u30f3\u30c8 \u30bf\u30a4\u30d7\u306e\u5b9a\u7fa9: \u30b8\u30e7\u30a4\u30f3\u30c8 \u30bf\u30a4\u30d7\u3067\u306f\u3001\u5782\u76f4\u30d0\u30fc (|) \u3092\u4f7f\u7528\u3057\u3066\u8907\u6570\u306e\u30bf\u30a4\u30d7\u3092\u7d44\u307f\u5408\u308f\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u3001\u5909\u6570\u304c\u3053\u308c\u3089\u306e\u30bf\u30a4\u30d7\u306e\u3044\u305a\u308c\u304b\u306b\u306a\u308b\u53ef\u80fd\u6027\u304c\u3042\u308b\u3053\u3068\u3092\u793a\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u4f8b\u3048\u3070\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">typescript\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc\u3059\u308b<code>let nameOrAge: string | number;\nnameOrAge = \"John\";\nnameOrAge = 30;\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001\u6587\u5b57\u5217\u578b\u307e\u305f\u306f\u6570\u5024\u578b\u306e nameOrAge \u3068\u3044\u3046\u5909\u6570\u3092\u5ba3\u8a00\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>\u30e6\u30cb\u30aa\u30f3\u578b\u306e\u4f7f\u7528: \u30e6\u30cb\u30aa\u30f3\u578b\u306f\u3001\u5909\u6570\u3092\u3088\u308a\u67d4\u8edf\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u305f\u3068\u3048\u3070\u3001\u8907\u6570\u306e\u578b\u306e\u30c7\u30fc\u30bf\u3092\u6271\u3046\u5834\u5408\u306b\u4fbf\u5229\u3067\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u4f8b\u3048\u3070\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">typescript\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc\u3059\u308b<code>function printData(data: string | number) {\n  if (typeof data === \"string\") {\n    console.log(`The data is a string: ${data}`);\n  } else {\n    console.log(`The data is a number: ${data}`);\n  }\n}\n\nprintData(\"hello\"); \/\/ \u8f93\u51faThe data is a string: hello\nprintData(42); \/\/ \u8f93\u51faThe data is a number: 42\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001printData \u3068\u3044\u3046\u540d\u524d\u306e\u95a2\u6570\u3092\u5b9a\u7fa9\u3057\u307e\u3057\u305f\u3002\u3053\u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u306e\u578b\u306f string | number \u3067\u3001string \u578b\u307e\u305f\u306f number \u578b\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u95a2\u6570\u672c\u4f53\u3067\u306f\u3001typeof \u6f14\u7b97\u5b50\u3092\u4f7f\u7528\u3057\u3066\u30c7\u30fc\u30bf\u306e\u578b\u3092\u30c1\u30a7\u30c3\u30af\u3057\u3001\u305d\u308c\u305e\u308c\u7570\u306a\u308b\u30d7\u30ed\u30f3\u30d7\u30c8\u60c5\u5831\u3092\u51fa\u529b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u5171\u7528\u4f53\u578b\u3092\u4f7f\u7528\u3059\u308b\u5834\u5408\u3001\u578b\u30ac\u30fc\u30c9 (\u578b\u30ac\u30fc\u30c9) \u3092\u4f7f\u7528\u3057\u3066\u5909\u6570\u306e\u7279\u5b9a\u306e\u578b\u3092\u30c1\u30a7\u30c3\u30af\u3057\u3001\u5bfe\u5fdc\u3059\u308b\u64cd\u4f5c\u3092\u5b9f\u884c\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u5834\u5408\u304c\u3042\u308b\u3053\u3068\u306b\u6ce8\u610f\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u4e00\u822c\u7684\u306b\u4f7f\u7528\u3055\u308c\u308b\u578b\u4fdd\u8b77\u30e1\u30bd\u30c3\u30c9\u306b\u306f\u3001typeof \u6f14\u7b97\u5b50\u3001instanceof \u6f14\u7b97\u5b50\u3001\u304a\u3088\u3073\u30ab\u30b9\u30bf\u30e0\u578b\u4fdd\u8b77\u95a2\u6570\u304c\u542b\u307e\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u5168\u4f53\u3068\u3057\u3066\u3001\u5171\u7528\u4f53\u578b\u306f TypeScript \u306e\u975e\u5e38\u306b\u4fbf\u5229\u306a\u8a00\u8a9e\u6a5f\u80fd\u3067\u3042\u308a\u3001\u5909\u6570\u306e\u67d4\u8edf\u6027\u3068\u4f7f\u3044\u3084\u3059\u3055\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u3001\u8907\u6570\u306e\u578b\u306e\u30c7\u30fc\u30bf\u3092\u6271\u3046\u3068\u304d\u306b\u975e\u5e38\u306b\u4fbf\u5229\u3067\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/edu.ujhb.org\/?p=1728\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/chat.openai.com\/_next\/image?url=https%3A%2F%2Flh3.googleusercontent.com%2Fa%2FAGNmyxbwVdnTP0E2eBqDrujRQjV-wFP12Thr4vFgysVv5A%3Ds96-c&amp;w=96&amp;q=75\" alt=\"gun tei\"\/><\/figure>\n\n\n\n<p>TypeScript \u306e\u4ea4\u5dee\u30bf\u30a4\u30d7\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n<p>TypeScript \u3067\u306f\u3001\u4ea4\u5dee\u578b\u306f\u3001\u8907\u6570\u306e\u578b\u3092 1 \u3064\u306e\u578b\u306b\u7d50\u5408\u3067\u304d\u308b\u975e\u5e38\u306b\u4fbf\u5229\u306a\u578b\u3067\u3059\u3002\u6b21\u306b\u3001\u30af\u30ed\u30b9\u30aa\u30fc\u30d0\u30fc \u30bf\u30a4\u30d7\u306e\u8a73\u7d30\u306a\u8aac\u660e\u3092\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u30af\u30ed\u30b9\u578b\u306e\u5b9a\u7fa9: \u30af\u30ed\u30b9\u578b\u3067\u306f\u3001&#8221;&amp;&#8221; \u8a18\u53f7\u3092\u4f7f\u7528\u3057\u3066\u8907\u6570\u306e\u578b\u3092\u7d44\u307f\u5408\u308f\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u3053\u308c\u306f\u3001\u5909\u6570\u304c\u3053\u308c\u3089\u306e\u578b\u306e\u5c5e\u6027\u3068\u30e1\u30bd\u30c3\u30c9\u3092\u540c\u6642\u306b\u6301\u3064\u5fc5\u8981\u304c\u3042\u308b\u3053\u3068\u3092\u793a\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u4f8b\u3048\u3070\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">typescript\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc\u3059\u308b<code>interface Name {\n  name: string;\n}\n\ninterface Age {\n  age: number;\n}\n\ntype Person = Name &amp; Age;\n\nlet john: Person = { name: \"John\", age: 30 };\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001\u540d\u524d\u3068\u5e74\u9f62\u3092\u305d\u308c\u305e\u308c\u8868\u3059 2 \u3064\u306e\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9 Name \u3068 Age \u3092\u5b9a\u7fa9\u3057\u307e\u3059\u3002\u307e\u305f\u3001\u540d\u524d\u3068\u5e74\u9f62\u306e\u4ea4\u5dee\u30bf\u30a4\u30d7\u3067\u3042\u308b Person \u3068\u3044\u3046\u30bf\u30a4\u30d7\u3082\u5b9a\u7fa9\u3057\u307e\u3057\u305f\u3002\u3053\u308c\u306f\u3001\u4eba\u304c\u540d\u524d\u3068\u5e74\u9f62\u306e\u4e21\u65b9\u3092\u6301\u305f\u306a\u3051\u308c\u3070\u306a\u3089\u306a\u3044\u3053\u3068\u3092\u793a\u3057\u307e\u3059\u3002\u6700\u5f8c\u306b\u3001 Person \u578b\u306e\u69cb\u9020\u3068\u578b\u306b\u6e96\u62e0\u3059\u308b john \u3068\u3044\u3046\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>\u30af\u30ed\u30b9 \u30bf\u30a4\u30d7\u306e\u4f7f\u7528: \u30af\u30ed\u30b9 \u30bf\u30a4\u30d7\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u5909\u6570\u306b\u3088\u308a\u591a\u304f\u306e\u5c5e\u6027\u3068\u30e1\u30bd\u30c3\u30c9\u3092\u6301\u305f\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u305f\u3081\u3001\u5909\u6570\u306e\u4f7f\u3044\u3084\u3059\u3055\u304c\u5411\u4e0a\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u4f8b\u3048\u3070\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">yaml\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc<code>interface Employee {\n  id: number;\n  department: string;\n}\n\ntype Manager = Person &amp; Employee;\n\nlet alice: Manager = { name: \"Alice\", age: 40, id: 1001, department: \"Sales\" };\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001\u5f93\u696d\u54e1\u306e ID \u3068\u90e8\u9580\u3092\u8868\u3059 Employee \u3068\u3044\u3046\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u5b9a\u7fa9\u3057\u307e\u3057\u305f\u3002\u307e\u305f\u3001Person \u3068 Employee \u306e\u4ea4\u5dee\u30bf\u30a4\u30d7\u3067\u3042\u308b Manager \u3068\u3044\u3046\u30bf\u30a4\u30d7\u3082\u5b9a\u7fa9\u3057\u307e\u3057\u305f\u3002\u3053\u308c\u306f\u3001\u30de\u30cd\u30fc\u30b8\u30e3\u30fc\u304c\u500b\u4eba\u60c5\u5831\u3068\u5f93\u696d\u54e1\u60c5\u5831\u306e\u4e21\u65b9\u3092\u6301\u3063\u3066\u3044\u308b\u5fc5\u8981\u304c\u3042\u308b\u3053\u3068\u3092\u793a\u3057\u3066\u3044\u307e\u3059\u3002\u6700\u5f8c\u306b\u3001Manager \u578b\u306e\u69cb\u9020\u3068\u578b\u306b\u6e96\u62e0\u3059\u308b alice \u3068\u3044\u3046\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u30af\u30ed\u30b9\u578b\u3092\u4f7f\u7528\u3059\u308b\u5834\u5408\u3001\u5909\u6570\u306f\u305d\u306e\u578b\u306e\u3059\u3079\u3066\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3068\u30e1\u30bd\u30c3\u30c9\u3092\u540c\u6642\u306b\u6301\u3064\u5fc5\u8981\u304c\u3042\u308b\u3053\u3068\u306b\u6ce8\u610f\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u578b\u304c\u30d7\u30ed\u30d1\u30c6\u30a3\u307e\u305f\u306f\u30e1\u30bd\u30c3\u30c9\u3092\u5b9a\u7fa9\u3057\u3066\u3044\u306a\u3044\u5834\u5408\u3001TypeScript \u306f\u578b\u30a8\u30e9\u30fc\u3092\u8868\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u5168\u4f53\u3068\u3057\u3066\u3001\u578b\u306e\u4ea4\u5dee\u306f TypeScript \u306e\u975e\u5e38\u306b\u4fbf\u5229\u306a\u8a00\u8a9e\u6a5f\u80fd\u3067\u3042\u308a\u3001\u8907\u6570\u306e\u578b\u3092 1 \u3064\u306e\u578b\u306b\u7d50\u5408\u3057\u3066\u3001\u5909\u6570\u306e\u4f7f\u3044\u3084\u3059\u3055\u3068\u578b\u306e\u5b89\u5168\u6027\u3092\u9ad8\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/edu.ujhb.org\/?p=1728\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/chat.openai.com\/_next\/image?url=https%3A%2F%2Flh3.googleusercontent.com%2Fa%2FAGNmyxbwVdnTP0E2eBqDrujRQjV-wFP12Thr4vFgysVv5A%3Ds96-c&amp;w=96&amp;q=75\" alt=\"gun tei\"\/><\/figure>\n\n\n\n<p>TypeScript Type Aliases \u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n<p>TypeScript \u3067\u306f\u3001\u578b\u30a8\u30a4\u30ea\u30a2\u30b9 (Type Aliases) \u306f\u975e\u5e38\u306b\u4fbf\u5229\u306a\u578b\u3067\u3042\u308a\u3001\u65e2\u5b58\u306e\u578b\u306b\u65b0\u3057\u3044\u540d\u524d\u3092\u4ed8\u3051\u308b\u3053\u3068\u304c\u3067\u304d\u3001\u30b3\u30fc\u30c9\u3067\u4f7f\u7528\u3059\u308b\u306e\u306b\u4fbf\u5229\u3067\u3059\u3002\u578b\u30a8\u30a4\u30ea\u30a2\u30b9\u306e\u8a73\u7d30\u306a\u8aac\u660e\u306f\u6b21\u306e\u3068\u304a\u308a\u3067\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u578b\u30a8\u30a4\u30ea\u30a2\u30b9\u306e\u5b9a\u7fa9: \u578b\u30a8\u30a4\u30ea\u30a2\u30b9\u306f\u3001\u65e2\u5b58\u306e\u578b\u3092\u65b0\u3057\u3044\u578b\u3068\u3057\u3066\u6307\u5b9a\u3067\u304d\u308b type \u30ad\u30fc\u30ef\u30fc\u30c9\u3092\u4f7f\u7528\u3057\u3066\u5b9a\u7fa9\u3067\u304d\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u4f8b\u3048\u3070\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">css\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc<code>type Point = {\n  x: number;\n  y: number;\n};\n\nlet p: Point = { x: 1, y: 2 };\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001\u30dd\u30a4\u30f3\u30c8\u306e\u5ea7\u6a19\u3092\u8868\u3059 Point \u3068\u3044\u3046\u578b\u30a8\u30a4\u30ea\u30a2\u30b9\u3092\u5b9a\u7fa9\u3057\u307e\u3057\u305f\u3002Point \u578b\u306e\u69cb\u9020\u3068\u578b\u306b\u6e96\u62e0\u3059\u308b p \u3068\u3044\u3046\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3082\u4f5c\u6210\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>\u578b\u30a8\u30a4\u30ea\u30a2\u30b9\u306e\u4f7f\u7528: \u578b\u30a8\u30a4\u30ea\u30a2\u30b9\u306f\u3001\u30b3\u30fc\u30c9\u5185\u3067\u65e2\u5b58\u306e\u578b\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u3092\u5bb9\u6613\u306b\u3057\u3001\u30b3\u30fc\u30c9\u3092\u3088\u308a\u8aad\u307f\u3084\u3059\u304f\u4fdd\u5b88\u3057\u3084\u3059\u304f\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u4f8b\u3048\u3070\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">typescript\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc\u3059\u308b<code>type Name = string;\ntype Age = number;\n\nfunction printPerson(name: Name, age: Age) {\n  console.log(`Name: ${name}, Age: ${age}`);\n}\n\nprintPerson(\"John\", 30);\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001\u540d\u524d\u3068\u5e74\u9f62\u3092\u305d\u308c\u305e\u308c\u8868\u3059 2 \u3064\u306e\u578b\u30a8\u30a4\u30ea\u30a2\u30b9 Name \u3068 Age \u3092\u5b9a\u7fa9\u3057\u3066\u3044\u307e\u3059\u3002\u307e\u305f\u3001\u30bf\u30a4\u30d7 Name \u304a\u3088\u3073 Age \u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3092\u6301\u3064 printPerson \u3068\u3044\u3046\u95a2\u6570\u3092\u5b9a\u7fa9\u3057\u307e\u3059\u3002\u6700\u5f8c\u306b\u3001printPerson \u95a2\u6570\u3092\u547c\u3073\u51fa\u3057\u3066\u3001\u540d\u524d\u3068\u5e74\u9f62\u3092\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3068\u3057\u3066\u6e21\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u578b\u30a8\u30a4\u30ea\u30a2\u30b9\u3092\u4f7f\u7528\u3059\u308b\u5834\u5408\u3001\u65e2\u5b58\u306e\u578b\u306b\u65b0\u3057\u3044\u540d\u524d\u3092\u4ed8\u3051\u308b\u3060\u3051\u3067\u3001\u65b0\u3057\u3044\u578b\u3092\u4f5c\u6210\u3057\u306a\u3044\u3053\u3068\u306b\u6ce8\u610f\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u3057\u305f\u304c\u3063\u3066\u3001\u578b\u30a8\u30a4\u30ea\u30a2\u30b9\u306e\u5b9a\u7fa9\u304c\u5909\u66f4\u3055\u308c\u308b\u3068\u3001\u578b\u30a8\u30a4\u30ea\u30a2\u30b9\u306e\u3059\u3079\u3066\u306e\u4f7f\u7528\u304c\u5f71\u97ff\u3092\u53d7\u3051\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u5168\u4f53\u3068\u3057\u3066\u3001\u578b\u30a8\u30a4\u30ea\u30a2\u30b9\u306f TypeScript \u306e\u975e\u5e38\u306b\u4fbf\u5229\u306a\u8a00\u8a9e\u6a5f\u80fd\u3067\u3042\u308a\u3001\u65e2\u5b58\u306e\u578b\u306b\u65b0\u3057\u3044\u540d\u524d\u3092\u4ed8\u3051\u3066\u3001\u30b3\u30fc\u30c9\u3067\u306e\u4f7f\u7528\u3092\u5bb9\u6613\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u30b3\u30fc\u30c9\u3092\u3088\u308a\u8aad\u307f\u3084\u3059\u304f\u4fdd\u5b88\u3057\u3084\u3059\u304f\u3057\u3001\u30b3\u30fc\u30c9\u306e\u518d\u5229\u7528\u6027\u3068\u4fdd\u5b88\u6027\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/edu.ujhb.org\/?p=1728\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/chat.openai.com\/_next\/image?url=https%3A%2F%2Flh3.googleusercontent.com%2Fa%2FAGNmyxbwVdnTP0E2eBqDrujRQjV-wFP12Thr4vFgysVv5A%3Ds96-c&amp;w=96&amp;q=75\" alt=\"gun tei\"\/><\/figure>\n\n\n\n<p>TypeScript \u306e\u30ea\u30c6\u30e9\u30eb\u578b (Literal Types) \u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n<p>TypeScript \u3067\u306f\u3001\u30ea\u30c6\u30e9\u30eb\u578b (Literal Types) \u306f\u975e\u5e38\u306b\u4fbf\u5229\u306a\u578b\u3067\u3001\u30ea\u30c6\u30e9\u30eb\u5024\u3092\u578b\u3068\u3057\u3066\u4f7f\u7528\u3057\u3066\u3001\u5909\u6570\u306b\u7279\u5b9a\u306e\u5024\u3068\u578b\u3092\u6301\u305f\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u4ee5\u4e0b\u306f\u3001\u30ea\u30c6\u30e9\u30eb\u578b\u306e\u8a73\u7d30\u306a\u8aac\u660e\u3067\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u30ea\u30c6\u30e9\u30eb\u578b\u306e\u5b9a\u7fa9: \u30ea\u30c6\u30e9\u30eb\u578b\u3067\u306f\u3001\u6587\u5b57\u5217\u3001\u6570\u5024\u3001\u30d6\u30fc\u30eb\u5024\u306a\u3069\u306e\u578b\u3092\u5b9a\u7fa9\u3059\u308b\u305f\u3081\u306b\u30ea\u30c6\u30e9\u30eb\u5024\u3092\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002TypeScript \u3067\u306f\u3001\u6587\u5b57\u5217\u30ea\u30c6\u30e9\u30eb\u578b\u3001\u6570\u5024\u30ea\u30c6\u30e9\u30eb\u578b\u3001\u304a\u3088\u3073\u30d6\u30fc\u30eb\u578b\u30ea\u30c6\u30e9\u30eb\u578b\u3092\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u4f8b\u3048\u3070\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">javascript\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc<code>type Gender = \"male\" | \"female\";\n\nfunction printGender(gender: Gender) {\n  console.log(`Gender: ${gender}`);\n}\n\nprintGender(\"male\");\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001\u6587\u5b57\u5217 &#8220;male&#8221; \u307e\u305f\u306f &#8220;female&#8221; \u306e\u307f\u3092\u6307\u5b9a\u3067\u304d\u308b Gender \u3068\u3044\u3046\u30ea\u30c6\u30e9\u30eb\u578b\u3092\u5b9a\u7fa9\u3057\u307e\u3057\u305f\u3002\u307e\u305f\u3001printGender \u3068\u3044\u3046\u95a2\u6570\u3082\u5b9a\u7fa9\u3057\u307e\u3059\u3002\u3053\u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u306e\u578b\u306f Gender \u3067\u3001&#8221;male&#8221; \u307e\u305f\u306f &#8220;female&#8221; \u306e\u307f\u3092\u6307\u5b9a\u3067\u304d\u307e\u3059\u3002\u6700\u5f8c\u306b\u3001printGender \u95a2\u6570\u3092\u547c\u3073\u51fa\u3057\u3001\u5f15\u6570\u3068\u3057\u3066\u300cmale\u300d\u3092\u6e21\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>\u30ea\u30c6\u30e9\u30eb\u578b\u306e\u4f7f\u7528: \u30ea\u30c6\u30e9\u30eb\u578b\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u5909\u6570\u306b\u7279\u5b9a\u306e\u5024\u3068\u578b\u3092\u6301\u305f\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u3001\u5909\u6570\u306e\u578b\u306e\u5b89\u5168\u6027\u3068\u53ef\u8aad\u6027\u304c\u5411\u4e0a\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u4f8b\u3048\u3070\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">typescript\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc\u3059\u308b<code>type Weekday = \"Monday\" | \"Tuesday\" | \"Wednesday\" | \"Thursday\" | \"Friday\";\ntype Weekend = \"Saturday\" | \"Sunday\";\ntype Day = Weekday | Weekend;\n\nfunction printDay(day: Day) {\n  console.log(`Today is ${day}`);\n}\n\nprintDay(\"Monday\");\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u30013 \u3064\u306e\u30ea\u30c6\u30e9\u30eb\u578b Weekday\u3001Weekend\u3001\u304a\u3088\u3073 Day \u3092\u5b9a\u7fa9\u3057\u3001\u305d\u308c\u305e\u308c\u5e73\u65e5\u3001\u9031\u672b\u3001\u304a\u3088\u3073\u3059\u3079\u3066\u306e\u65e5\u3092\u8868\u3057\u307e\u3059\u3002\u307e\u305f\u3001printDay \u3068\u3044\u3046\u95a2\u6570\u3082\u5b9a\u7fa9\u3057\u307e\u3059\u3002\u3053\u306e\u95a2\u6570\u306f\u3001\u5e73\u65e5\u307e\u305f\u306f\u9031\u672b\u306e Day \u578b\u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3092\u53d7\u3051\u53d6\u308a\u307e\u3059\u3002\u6700\u5f8c\u306b\u3001printDay \u95a2\u6570\u3092\u547c\u3073\u51fa\u3057\u3066\u3001&#8221;Monday&#8221; \u3092\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3068\u3057\u3066\u6e21\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u30ea\u30c6\u30e9\u30eb\u578b\u3092\u4f7f\u7528\u3059\u308b\u5834\u5408\u3001\u5909\u6570\u306f\u5b9a\u7fa9\u3055\u308c\u305f\u30ea\u30c6\u30e9\u30eb\u5024\u3068\u6b63\u78ba\u306b\u4e00\u81f4\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u3053\u3068\u306b\u6ce8\u610f\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u305d\u3046\u3057\u306a\u3044\u3068\u3001TypeScript \u306b\u3088\u3063\u3066\u578b\u30a8\u30e9\u30fc\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u5168\u4f53\u3068\u3057\u3066\u3001\u30ea\u30c6\u30e9\u30eb\u578b\u306f TypeScript \u306e\u975e\u5e38\u306b\u4fbf\u5229\u306a\u8a00\u8a9e\u6a5f\u80fd\u3067\u3059. \u30ea\u30c6\u30e9\u30eb\u5024\u3092\u578b\u3068\u3057\u3066\u4f7f\u7528\u3057\u3066\u3001\u5909\u6570\u306b\u7279\u5b9a\u306e\u5024\u3068\u578b\u3092\u6301\u305f\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u3001\u5909\u6570\u306e\u578b\u5b89\u5168\u6027\u3068\u53ef\u8aad\u6027\u304c\u5411\u4e0a\u3057\u307e\u3059.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/edu.ujhb.org\/?p=1728\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/chat.openai.com\/_next\/image?url=https%3A%2F%2Flh3.googleusercontent.com%2Fa%2FAGNmyxbwVdnTP0E2eBqDrujRQjV-wFP12Thr4vFgysVv5A%3Ds96-c&amp;w=96&amp;q=75\" alt=\"gun tei\"\/><\/figure>\n\n\n\n<p>TypeScript \u30de\u30c3\u30d7\u578b\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n<p>TypeScript \u3067\u306f\u3001\u30de\u30c3\u30d7\u3055\u308c\u305f\u578b (\u30de\u30c3\u30d7\u3055\u308c\u305f\u578b) \u306f\u975e\u5e38\u306b\u4fbf\u5229\u306a\u578b\u3067\u3042\u308a\u3001\u65e2\u5b58\u306e\u578b\u306b\u57fa\u3065\u3044\u3066\u65b0\u3057\u3044\u578b\u3092\u4f5c\u6210\u3057\u3001\u5143\u306e\u578b\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u65b0\u3057\u3044\u30d7\u30ed\u30d1\u30c6\u30a3\u306b\u30de\u30c3\u30d7\u3067\u304d\u307e\u3059\u3002\u30de\u30c3\u30d4\u30f3\u30b0 \u30bf\u30a4\u30d7\u306e\u8a73\u7d30\u306a\u8aac\u660e\u306f\u6b21\u306e\u3068\u304a\u308a\u3067\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u30de\u30c3\u30d4\u30f3\u30b0 \u30bf\u30a4\u30d7\u306e\u5b9a\u7fa9: \u30de\u30c3\u30d4\u30f3\u30b0 \u30bf\u30a4\u30d7\u306f\u3001keyof \u30ad\u30fc\u30ef\u30fc\u30c9\u3068\u30a4\u30f3\u30c7\u30c3\u30af\u30b9 \u30bf\u30a4\u30d7\u3092\u4f7f\u7528\u3057\u3066\u5b9a\u7fa9\u3067\u304d\u3001\u65e2\u5b58\u306e\u30bf\u30a4\u30d7\u3092\u65b0\u3057\u3044\u30bf\u30a4\u30d7\u306b\u30de\u30c3\u30d4\u30f3\u30b0\u3067\u304d\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u4f8b\u3048\u3070\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">css\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc<code>interface Person {\n  name: string;\n  age: number;\n  address: string;\n}\n\ntype ReadOnly&lt;T&gt; = {\n  readonly [P in keyof T]: T[P];\n}\n\nlet john: ReadOnly&lt;Person&gt; = { name: \"John\", age: 30, address: \"New York\" };\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001\u500b\u4eba\u306e\u60c5\u5831\u3092\u8868\u3059 Person \u3068\u3044\u3046\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u5b9a\u7fa9\u3057\u307e\u3057\u305f\u3002\u307e\u305f\u3001Person \u306e\u3059\u3079\u3066\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u8aad\u307f\u53d6\u308a\u5c02\u7528\u30d7\u30ed\u30d1\u30c6\u30a3\u3068\u3057\u3066\u8a2d\u5b9a\u3059\u308b ReadOnly \u3068\u3044\u3046\u30de\u30c3\u30d4\u30f3\u30b0 \u30bf\u30a4\u30d7\u3082\u5b9a\u7fa9\u3057\u307e\u3059\u3002\u6700\u5f8c\u306b\u3001ReadOnly&lt;Person&gt; \u578b\u306e\u69cb\u9020\u3068\u578b\u306b\u6e96\u62e0\u3059\u308b john \u3068\u3044\u3046\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>\u30de\u30c3\u30d4\u30f3\u30b0\u578b\u306e\u4f7f\u7528: \u30de\u30c3\u30d4\u30f3\u30b0\u578b\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u5909\u6570\u306b\u3088\u308a\u591a\u304f\u306e\u5c5e\u6027\u3068\u30e1\u30bd\u30c3\u30c9\u3092\u6301\u305f\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u305f\u3081\u3001\u5909\u6570\u306e\u4f7f\u3044\u3084\u3059\u3055\u304c\u5411\u4e0a\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u4f8b\u3048\u3070\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">css\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc<code>type Partial&lt;T&gt; = {\n  [P in keyof T]?: T[P];\n}\n\ninterface Person {\n  name: string;\n  age: number;\n  address: string;\n}\n\nlet john: Partial&lt;Person&gt; = { name: \"John\" };\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001 Person \u306e\u3059\u3079\u3066\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u30aa\u30d7\u30b7\u30e7\u30f3\u306b\u3059\u308b Partial \u3068\u3044\u3046\u30de\u30c3\u30d7\u578b\u3092\u5b9a\u7fa9\u3057\u307e\u3057\u305f\u3002\u6700\u5f8c\u306b\u3001Partial&lt;Person&gt; \u578b\u306e\u69cb\u9020\u3068\u578b\u306b\u6e96\u62e0\u3059\u308b john \u3068\u3044\u3046\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u30de\u30c3\u30d7\u3055\u308c\u305f\u578b\u3092\u4f7f\u7528\u3059\u308b\u5834\u5408\u3001\u5909\u6570\u306e\u5c5e\u6027\u306f\u5143\u306e\u578b\u3068\u540c\u3058\u3067\u306a\u3051\u308c\u3070\u306a\u3089\u306a\u3044\u3053\u3068\u306b\u6ce8\u610f\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u305d\u3046\u3057\u306a\u3044\u3068\u3001TypeScript \u306f\u578b\u30a8\u30e9\u30fc\u3092\u8868\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u5168\u4f53\u3068\u3057\u3066\u3001\u30de\u30c3\u30d7\u578b\u306f TypeScript \u306e\u975e\u5e38\u306b\u4fbf\u5229\u306a\u8a00\u8a9e\u6a5f\u80fd\u3067\u3042\u308a\u3001\u65e2\u5b58\u306e\u578b\u306b\u57fa\u3065\u3044\u3066\u65b0\u3057\u3044\u578b\u3092\u4f5c\u6210\u3057\u3001\u5143\u306e\u578b\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u65b0\u3057\u3044\u30d7\u30ed\u30d1\u30c6\u30a3\u306b\u30de\u30c3\u30d7\u3067\u304d\u307e\u3059\u3002\u30b3\u30fc\u30c9\u3092\u3088\u308a\u8aad\u307f\u3084\u3059\u304f\u4fdd\u5b88\u3057\u3084\u3059\u304f\u3057\u3001\u30b3\u30fc\u30c9\u306e\u518d\u5229\u7528\u6027\u3068\u4fdd\u5b88\u6027\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/edu.ujhb.org\/?p=1728\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/chat.openai.com\/_next\/image?url=https%3A%2F%2Flh3.googleusercontent.com%2Fa%2FAGNmyxbwVdnTP0E2eBqDrujRQjV-wFP12Thr4vFgysVv5A%3Ds96-c&amp;w=96&amp;q=75\" alt=\"gun tei\"\/><\/figure>\n\n\n\n<p>TypeScript\u30b8\u30a7\u30cd\u30ea\u30c3\u30af\u306e\u57fa\u672c\u6982\u5ff5\u3092\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n<p>TypeScript \u3067\u306f\u3001\u30b8\u30a7\u30cd\u30ea\u30c3\u30af\u306f\u3001\u95a2\u6570\u3001\u30af\u30e9\u30b9\u3001\u304a\u3088\u3073\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u5b9a\u7fa9\u3057\u3066\u518d\u5229\u7528\u53ef\u80fd\u3067\u67d4\u8edf\u306b\u3059\u308b\u3068\u304d\u306b\u4f7f\u7528\u3067\u304d\u308b\u975e\u5e38\u306b\u4fbf\u5229\u306a\u578b\u3067\u3059\u3002\u30b8\u30a7\u30cd\u30ea\u30c3\u30af\u306e\u57fa\u672c\u6982\u5ff5\u306f\u6b21\u306e\u3068\u304a\u308a\u3067\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u30b8\u30a7\u30cd\u30ea\u30c3\u30af\u306e\u5b9a\u7fa9: \u30b8\u30a7\u30cd\u30ea\u30c3\u30af\u306f\u5c71\u304b\u3063\u3053 (&lt;&gt;) \u3092\u4f7f\u7528\u3057\u3066\u5b9a\u7fa9\u3067\u304d\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u95a2\u6570\u3001\u30af\u30e9\u30b9\u3001\u304a\u3088\u3073\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u5b9a\u7fa9\u3059\u308b\u3068\u304d\u306b\u578b\u5909\u6570\u3092\u4f7f\u7528\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u3001\u518d\u5229\u7528\u6027\u3068\u67d4\u8edf\u6027\u304c\u5411\u4e0a\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u4f8b\u3048\u3070\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">lua\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc<code>function identity&lt;T&gt;(arg: T): T {\n  return arg;\n}\n\nlet output = identity&lt;string&gt;(\"hello\");\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001identity \u3068\u3044\u3046\u95a2\u6570\u3092\u5b9a\u7fa9\u3057\u3001\u5c71\u304b\u3063\u3053\u3092\u4f7f\u7528\u3057\u3066\u30b8\u30a7\u30cd\u30ea\u30c3\u30af\u578b\u5909\u6570 T \u3092\u5b9a\u7fa9\u3057\u307e\u3057\u305f\u3002\u307e\u305f\u3001T \u578b\u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc arg \u3092\u5b9a\u7fa9\u3057\u3001return \u30b9\u30c6\u30fc\u30c8\u30e1\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066 arg \u3092\u8fd4\u3057\u307e\u3059\u3002\u6700\u5f8c\u306b\u3001identity \u95a2\u6570\u3092\u547c\u3073\u51fa\u3057\u3066\u6587\u5b57\u5217 &#8220;hello&#8221; \u3092\u5f15\u6570\u3068\u3057\u3066\u6e21\u3057\u3001\u95a2\u6570\u306e\u623b\u308a\u5024\u3092\u51fa\u529b\u5909\u6570\u306b\u4ee3\u5165\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>\u30b8\u30a7\u30cd\u30ea\u30c3\u30af\u306e\u4f7f\u7528: \u30b8\u30a7\u30cd\u30ea\u30c3\u30af\u306f\u3001\u95a2\u6570\u3001\u30af\u30e9\u30b9\u3001\u304a\u3088\u3073\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u3088\u308a\u518d\u5229\u7528\u53ef\u80fd\u3067\u67d4\u8edf\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u305f\u3081\u3001\u5909\u6570\u306e\u4f7f\u3044\u3084\u3059\u3055\u3068\u578b\u306e\u5b89\u5168\u6027\u304c\u5411\u4e0a\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u4f8b\u3048\u3070\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">typescript\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc\u3059\u308b<code>class Queue&lt;T&gt; {\n  private items: T[] = [];\n\n  enqueue(item: T) {\n    this.items.push(item);\n  }\n\n  dequeue(): T {\n    return this.items.shift();\n  }\n}\n\nlet q = new Queue&lt;number&gt;();\nq.enqueue(1);\nq.enqueue(2);\nconsole.log(q.dequeue()); \/\/ \u8f93\u51fa1\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001Queue \u3068\u3044\u3046\u540d\u524d\u306e\u30af\u30e9\u30b9\u3092\u5b9a\u7fa9\u3057\u3001\u5c71\u304b\u3063\u3053\u3092\u4f7f\u7528\u3057\u3066\u30b8\u30a7\u30cd\u30ea\u30c3\u30af\u578b\u5909\u6570 T \u3092\u5b9a\u7fa9\u3057\u307e\u3057\u305f\u3002\u307e\u305f\u30012 \u3064\u306e\u30e1\u30bd\u30c3\u30c9 enqueue \u3068 dequeue \u3082\u5b9a\u7fa9\u3057\u307e\u3059\u3002\u3053\u308c\u3089\u306f\u3001\u305d\u308c\u305e\u308c\u8981\u7d20\u3092\u30ad\u30e5\u30fc\u306b\u8ffd\u52a0\u304a\u3088\u3073\u524a\u9664\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002\u6700\u5f8c\u306b\u3001Queue&lt;number&gt; \u578b\u306e\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u3067\u3042\u308b q \u3068\u3044\u3046\u540d\u524d\u306e\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u4f5c\u6210\u3057\u3001enqueue \u30e1\u30bd\u30c3\u30c9\u3092\u547c\u3073\u51fa\u3057\u3066 2 \u3064\u306e\u6570\u5024\u3092\u30ad\u30e5\u30fc\u306b\u8ffd\u52a0\u3057\u3001dequeue \u30e1\u30bd\u30c3\u30c9\u3092\u547c\u3073\u51fa\u3057\u3066\u6700\u521d\u306e\u6570\u5024\u3092\u30dd\u30c3\u30d7\u3057\u3066\u51fa\u529b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u30b8\u30a7\u30cd\u30ea\u30c3\u30af\u3092\u4f7f\u7528\u3059\u308b\u5834\u5408\u3001\u5c71\u304b\u3063\u3053\u5185\u306e\u578b\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u306f\u578b\u63a8\u8ad6\u306b\u3088\u3063\u3066\u7701\u7565\u3067\u304d\u308b\u3053\u3068\u306b\u6ce8\u610f\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u4f8b\u3048\u3070\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">bash\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc\u3059\u308b<code>let output = identity(\"hello\");\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001\u5c71\u62ec\u5f27\u5185\u306e\u578b\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3092\u7701\u7565\u3057\u3066\u304a\u308a\u3001TypeScript \u306f\u30b8\u30a7\u30cd\u30ea\u30c3\u30af\u578b\u3092\u6587\u5b57\u5217\u3068\u3057\u3066\u81ea\u52d5\u7684\u306b\u63a8\u8ad6\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u5168\u4f53\u3068\u3057\u3066\u3001\u30b8\u30a7\u30cd\u30ea\u30c3\u30af\u306f TypeScript \u306e\u975e\u5e38\u306b\u4fbf\u5229\u306a\u8a00\u8a9e\u6a5f\u80fd\u3067\u3042\u308a\u3001\u95a2\u6570\u3001\u30af\u30e9\u30b9\u3001\u304a\u3088\u3073\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u3088\u308a\u518d\u5229\u7528\u53ef\u80fd\u3067\u67d4\u8edf\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u305f\u3081\u3001\u5909\u6570\u306e\u4f7f\u3044\u3084\u3059\u3055\u3068\u578b\u306e\u5b89\u5168\u6027\u304c\u5411\u4e0a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/edu.ujhb.org\/?p=1728\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/chat.openai.com\/_next\/image?url=https%3A%2F%2Flh3.googleusercontent.com%2Fa%2FAGNmyxbwVdnTP0E2eBqDrujRQjV-wFP12Thr4vFgysVv5A%3Ds96-c&amp;w=96&amp;q=75\" alt=\"gun tei\"\/><\/figure>\n\n\n\n<p>TypeScript\u306e\u30b8\u30a7\u30cd\u30ea\u30c3\u30af\u95a2\u6570\u3092\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n<p>TypeScript \u3067\u306f\u3001\u30b8\u30a7\u30cd\u30ea\u30c3\u30af\u95a2\u6570\u306f\u975e\u5e38\u306b\u4fbf\u5229\u306a\u30bf\u30a4\u30d7\u306e\u95a2\u6570\u3067\u3042\u308a\u3001\u95a2\u6570\u3092\u5b9a\u7fa9\u3059\u308b\u3068\u304d\u306b\u30b8\u30a7\u30cd\u30ea\u30c3\u30af\u578b\u5909\u6570\u3092\u4f7f\u7528\u3057\u3066\u3001\u95a2\u6570\u3092\u3088\u308a\u518d\u5229\u7528\u53ef\u80fd\u3067\u67d4\u8edf\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u4ee5\u4e0b\u306f\u3001\u30b8\u30a7\u30cd\u30ea\u30c3\u30af\u95a2\u6570\u306e\u8a73\u7d30\u306a\u8aac\u660e\u3067\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u30b8\u30a7\u30cd\u30ea\u30c3\u30af\u95a2\u6570\u306e\u5b9a\u7fa9: \u30b8\u30a7\u30cd\u30ea\u30c3\u30af\u95a2\u6570\u306f\u3001\u5c71\u304b\u3063\u3053 (&lt;&gt;) \u3092\u4f7f\u7528\u3057\u3066\u5b9a\u7fa9\u3067\u304d\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u95a2\u6570\u3092\u5b9a\u7fa9\u3059\u308b\u3068\u304d\u306b\u578b\u5909\u6570\u3092\u4f7f\u7528\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u3001\u95a2\u6570\u304c\u3088\u308a\u518d\u5229\u7528\u53ef\u80fd\u3067\u67d4\u8edf\u306b\u306a\u308a\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u4f8b\u3048\u3070\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">r\u30b3\u30d4\u30fc\u30b3\u30fc\u30c9<code>function identity&lt;T&gt;(arg: T): T {\n  return arg;\n}\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001identity \u3068\u3044\u3046\u30b8\u30a7\u30cd\u30ea\u30c3\u30af\u95a2\u6570\u3092\u5b9a\u7fa9\u3057\u3001\u5c71\u304b\u3063\u3053\u3092\u4f7f\u7528\u3057\u3066\u30b8\u30a7\u30cd\u30ea\u30c3\u30af\u578b\u5909\u6570 T \u3092\u5b9a\u7fa9\u3057\u307e\u3057\u305f\u3002\u307e\u305f\u3001T \u578b\u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc arg \u3092\u5b9a\u7fa9\u3057\u3001return \u30b9\u30c6\u30fc\u30c8\u30e1\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066 arg \u3092\u8fd4\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>\u30b8\u30a7\u30cd\u30ea\u30c3\u30af\u95a2\u6570\u306e\u4f7f\u7528: \u30b8\u30a7\u30cd\u30ea\u30c3\u30af\u95a2\u6570\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u95a2\u6570\u3092\u3088\u308a\u518d\u5229\u7528\u53ef\u80fd\u3067\u67d4\u8edf\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u305f\u3081\u3001\u5909\u6570\u306e\u4f7f\u3044\u3084\u3059\u3055\u3068\u578b\u306e\u5b89\u5168\u6027\u304c\u5411\u4e0a\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u4f8b\u3048\u3070\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">go\u30b3\u30d4\u30fc\u30b3\u30fc\u30c9<code>function map&lt;T, U&gt;(arr: T[], func: (arg: T) =&gt; U): U[] {\n  return arr.map(func);\n}\n\nlet arr = [1, 2, 3];\nlet result = map(arr, x =&gt; x.toString());\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001 map \u3068\u3044\u3046\u30b8\u30a7\u30cd\u30ea\u30c3\u30af\u95a2\u6570\u3092\u5b9a\u7fa9\u3057\u3001\u5c71\u304b\u3063\u3053\u3092\u4f7f\u7528\u3057\u3066 2 \u3064\u306e\u30b8\u30a7\u30cd\u30ea\u30c3\u30af\u578b\u5909\u6570 T \u3068 U \u3092\u5b9a\u7fa9\u3057\u307e\u3057\u305f\u3002\u307e\u305f\u30012 \u3064\u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc arr \u3068 func \u3092\u5b9a\u7fa9\u3057\u307e\u3059\u3002\u3053\u3053\u3067\u3001arr \u306e\u578b\u306f T[] \u3067\u3042\u308a\u3001\u3053\u308c\u306f\u578b T \u306e\u8981\u7d20\u3067\u69cb\u6210\u3055\u308c\u308b\u914d\u5217\u3067\u3059; func \u306e\u578b\u306f (arg: T) =&gt; U \u3067\u3042\u308a\u3001\u3053\u308c\u306f T \u306e\u914d\u5217\u3067\u3059\u3002 type \u306e\u8981\u7d20\u306f\u3001\u30bf\u30a4\u30d7 U \u306e\u95a2\u6570\u306b\u30de\u30c3\u30d7\u3055\u308c\u307e\u3059\u3002\u6700\u5f8c\u306b\u3001arr \u3068\u3044\u3046\u6570\u5024\u914d\u5217\u3092\u4f5c\u6210\u3057\u3001map \u95a2\u6570\u3092\u547c\u3073\u51fa\u3057\u3066\u6570\u5024\u914d\u5217\u306e\u5404\u8981\u7d20\u3092\u6587\u5b57\u5217\u306b\u5909\u63db\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u30b8\u30a7\u30cd\u30ea\u30c3\u30af\u95a2\u6570\u3092\u4f7f\u7528\u3059\u308b\u5834\u5408\u3001\u5c71\u304b\u3063\u3053\u5185\u306e\u578b\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u306f\u578b\u63a8\u8ad6\u306b\u3088\u3063\u3066\u7701\u7565\u3067\u304d\u308b\u3053\u3068\u306b\u6ce8\u610f\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u4f8b\u3048\u3070\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">javascript\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc<code>let result = map(arr, x =&gt; x.toString());\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001\u5c71\u62ec\u5f27\u5185\u306e\u578b\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3092\u7701\u7565\u3057\u3066\u304a\u308a\u3001TypeScript \u306f\u30b8\u30a7\u30cd\u30ea\u30c3\u30af\u578b\u3092\u6570\u5024\u3068\u6587\u5b57\u5217\u3068\u3057\u3066\u81ea\u52d5\u7684\u306b\u63a8\u8ad6\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u5168\u4f53\u3068\u3057\u3066\u3001\u30b8\u30a7\u30cd\u30ea\u30c3\u30af\u95a2\u6570\u306f TypeScript \u306e\u975e\u5e38\u306b\u4fbf\u5229\u306a\u8a00\u8a9e\u6a5f\u80fd\u3067\u3042\u308a\u3001\u95a2\u6570\u3092\u3088\u308a\u518d\u5229\u7528\u53ef\u80fd\u3067\u67d4\u8edf\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u305f\u3081\u3001\u5909\u6570\u306e\u4f7f\u3044\u3084\u3059\u3055\u3068\u578b\u306e\u5b89\u5168\u6027\u304c\u5411\u4e0a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/edu.ujhb.org\/?p=1728\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/chat.openai.com\/_next\/image?url=https%3A%2F%2Flh3.googleusercontent.com%2Fa%2FAGNmyxbwVdnTP0E2eBqDrujRQjV-wFP12Thr4vFgysVv5A%3Ds96-c&amp;w=96&amp;q=75\" alt=\"gun tei\"\/><\/figure>\n\n\n\n<p>TypeScript\u306e\u30b8\u30a7\u30cd\u30ea\u30c3\u30af\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u3092\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n<p>TypeScript \u3067\u306f\u3001\u30b8\u30a7\u30cd\u30ea\u30c3\u30af \u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u306f\u975e\u5e38\u306b\u4fbf\u5229\u306a\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u578b\u3067\u3042\u308a\u3001\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u5b9a\u7fa9\u3059\u308b\u3068\u304d\u306b\u30b8\u30a7\u30cd\u30ea\u30c3\u30af\u578b\u5909\u6570\u3092\u4f7f\u7528\u3057\u3066\u3001\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u3088\u308a\u518d\u5229\u7528\u53ef\u80fd\u3067\u67d4\u8edf\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u4ee5\u4e0b\u306f\u3001\u30b8\u30a7\u30cd\u30ea\u30c3\u30af \u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u306e\u8a73\u7d30\u306a\u8aac\u660e\u3067\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u30b8\u30a7\u30cd\u30ea\u30c3\u30af \u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u306e\u5b9a\u7fa9: \u30b8\u30a7\u30cd\u30ea\u30c3\u30af \u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u306f\u5c71\u304b\u3063\u3053 (&lt;&gt;) \u3092\u4f7f\u7528\u3057\u3066\u5b9a\u7fa9\u3067\u304d\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u5b9a\u7fa9\u3059\u308b\u3068\u304d\u306b\u578b\u5909\u6570\u3092\u4f7f\u7528\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u3001\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u306e\u518d\u5229\u7528\u6027\u3068\u67d4\u8edf\u6027\u304c\u5411\u4e0a\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u4f8b\u3048\u3070\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">less\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc<code>interface Array&lt;T&gt; {\n  length: number;\n  push(...items: T[]): number;\n  concat(...items: T[][]): T[];\n  map&lt;U&gt;(callbackfn: (value: T, index: number, array: T[]) =&gt; U, thisArg?: any): U[];\n}\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001Array \u3068\u3044\u3046\u30b8\u30a7\u30cd\u30ea\u30c3\u30af \u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u5b9a\u7fa9\u3057\u3001\u5c71\u304b\u3063\u3053\u3092\u4f7f\u7528\u3057\u3066\u30b8\u30a7\u30cd\u30ea\u30c3\u30af\u578b\u5909\u6570 T \u3092\u5b9a\u7fa9\u3057\u307e\u3057\u305f\u3002\u307e\u305f\u30013 \u3064\u306e\u30d7\u30ed\u30d1\u30c6\u30a3 length\u3001push \u304a\u3088\u3073 concat\u3001\u304a\u3088\u3073\u30e1\u30bd\u30c3\u30c9 \u30de\u30c3\u30d7\u3082\u5b9a\u7fa9\u3057\u307e\u3059\u3002\u3053\u306e\u3046\u3061\u3001length \u5c5e\u6027\u3068 push \u5c5e\u6027\u306e\u578b\u306f T \u3068\u306f\u95a2\u4fc2\u306a\u304f\u3001concat \u5c5e\u6027\u3068 map \u30e1\u30bd\u30c3\u30c9\u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3068\u623b\u308a\u5024\u306f T \u306b\u95a2\u9023\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>\u30b8\u30a7\u30cd\u30ea\u30c3\u30af \u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u306e\u4f7f\u7528: \u30b8\u30a7\u30cd\u30ea\u30c3\u30af \u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u306f\u3001\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u3088\u308a\u518d\u5229\u7528\u53ef\u80fd\u3067\u67d4\u8edf\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u305f\u3081\u3001\u5909\u6570\u306e\u4f7f\u3044\u3084\u3059\u3055\u3068\u578b\u306e\u5b89\u5168\u6027\u304c\u5411\u4e0a\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u4f8b\u3048\u3070\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">csharp\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc<code>interface Pair&lt;T, U&gt; {\n  first: T;\n  second: U;\n}\n\nlet pair: Pair&lt;number, string&gt; = { first: 1, second: \"hello\" };\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001\u30da\u30a2\u3068\u547c\u3070\u308c\u308b\u30b8\u30a7\u30cd\u30ea\u30c3\u30af \u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u5b9a\u7fa9\u3057\u3001\u5c71\u304b\u3063\u3053\u3092\u4f7f\u7528\u3057\u3066 2 \u3064\u306e\u30b8\u30a7\u30cd\u30ea\u30c3\u30af\u578b\u5909\u6570 T \u3068 U \u3092\u5b9a\u7fa9\u3057\u307e\u3057\u305f\u3002\u307e\u305f\u3001\u30bf\u30a4\u30d7 Pair&lt;number, string&gt; \u306e\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u3067\u3042\u308b\u30da\u30a2\u3068\u547c\u3070\u308c\u308b\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u4f5c\u6210\u3057\u3001first \u3068 second \u306e 2 \u3064\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u542b\u307f\u307e\u3059\u3002\u3053\u308c\u3089\u306f\u305d\u308c\u305e\u308c\u6570\u5024 1 \u3068\u6587\u5b57\u5217 &#8220;hello&#8221; \u3067\u3059\u3002<\/p>\n\n\n\n<p>\u30b8\u30a7\u30cd\u30ea\u30c3\u30af \u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u4f7f\u7528\u3059\u308b\u5834\u5408\u3001\u5c71\u304b\u3063\u3053\u5185\u306e\u578b\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u306f\u578b\u63a8\u8ad6\u306b\u3088\u3063\u3066\u7701\u7565\u3067\u304d\u308b\u3053\u3068\u306b\u6ce8\u610f\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u4f8b\u3048\u3070\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">typescript\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc\u3059\u308b<code>let pair: Pair&lt;number, string&gt; = { first: 1, second: \"hello\" };\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001\u5c71\u62ec\u5f27\u5185\u306e\u578b\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3092\u7701\u7565\u3057\u3066\u304a\u308a\u3001TypeScript \u306f\u30b8\u30a7\u30cd\u30ea\u30c3\u30af\u578b\u3092\u6570\u5024\u3068\u6587\u5b57\u5217\u3068\u3057\u3066\u81ea\u52d5\u7684\u306b\u63a8\u8ad6\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u5168\u4f53\u3068\u3057\u3066\u3001\u30b8\u30a7\u30cd\u30ea\u30c3\u30af \u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u306f TypeScript \u306e\u975e\u5e38\u306b\u4fbf\u5229\u306a\u8a00\u8a9e\u6a5f\u80fd\u3067\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u306e\u518d\u5229\u7528\u6027\u3068\u67d4\u8edf\u6027\u304c\u5411\u4e0a\u3057\u3001\u5909\u6570\u306e\u4f7f\u3044\u3084\u3059\u3055\u3068\u578b\u306e\u5b89\u5168\u6027\u304c\u5411\u4e0a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/edu.ujhb.org\/?p=1728\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/chat.openai.com\/_next\/image?url=https%3A%2F%2Flh3.googleusercontent.com%2Fa%2FAGNmyxbwVdnTP0E2eBqDrujRQjV-wFP12Thr4vFgysVv5A%3Ds96-c&amp;w=96&amp;q=75\" alt=\"gun tei\"\/><\/figure>\n\n\n\n<p>TypeScript\u306e\u30b8\u30a7\u30cd\u30ea\u30c3\u30af\u30af\u30e9\u30b9\u3092\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n<p>TypeScript \u3067\u306f\u3001\u30b8\u30a7\u30cd\u30ea\u30c3\u30af \u30af\u30e9\u30b9\u306f\u975e\u5e38\u306b\u4fbf\u5229\u306a\u30af\u30e9\u30b9\u578b\u3067\u3042\u308a\u3001\u30af\u30e9\u30b9\u3092\u5b9a\u7fa9\u3059\u308b\u3068\u304d\u306b\u30b8\u30a7\u30cd\u30ea\u30c3\u30af\u578b\u5909\u6570\u3092\u4f7f\u7528\u3057\u3066\u3001\u30af\u30e9\u30b9\u3092\u3088\u308a\u518d\u5229\u7528\u53ef\u80fd\u3067\u67d4\u8edf\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u4ee5\u4e0b\u306f\u3001\u30b8\u30a7\u30cd\u30ea\u30c3\u30af \u30af\u30e9\u30b9\u306e\u8a73\u7d30\u306a\u8aac\u660e\u3067\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u30b8\u30a7\u30cd\u30ea\u30c3\u30af \u30af\u30e9\u30b9\u306e\u5b9a\u7fa9: \u30b8\u30a7\u30cd\u30ea\u30c3\u30af \u30af\u30e9\u30b9\u306f\u5c71\u304b\u3063\u3053 (&lt;&gt;) \u3092\u4f7f\u7528\u3057\u3066\u5b9a\u7fa9\u3067\u304d\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u30af\u30e9\u30b9\u3092\u5b9a\u7fa9\u3059\u308b\u3068\u304d\u306b\u578b\u5909\u6570\u3092\u4f7f\u7528\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u3001\u30af\u30e9\u30b9\u304c\u3088\u308a\u518d\u5229\u7528\u53ef\u80fd\u3067\u67d4\u8edf\u306b\u306a\u308a\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u4f8b\u3048\u3070\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">kotlin\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc\u3059\u308b<code>class Queue&lt;T&gt; {\n  private items: T[] = [];\n\n  enqueue(item: T) {\n    this.items.push(item);\n  }\n\n  dequeue(): T {\n    return this.items.shift();\n  }\n}\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001Queue \u3068\u3044\u3046\u540d\u524d\u306e\u30b8\u30a7\u30cd\u30ea\u30c3\u30af \u30af\u30e9\u30b9\u3092\u5b9a\u7fa9\u3057\u3001\u5c71\u304b\u3063\u3053\u3092\u4f7f\u7528\u3057\u3066\u30b8\u30a7\u30cd\u30ea\u30c3\u30af\u578b\u5909\u6570 T \u3092\u5b9a\u7fa9\u3057\u307e\u3057\u305f\u3002\u307e\u305f\u30012 \u3064\u306e\u30e1\u30bd\u30c3\u30c9 enqueue \u3068 dequeue \u3082\u5b9a\u7fa9\u3057\u307e\u3059\u3002\u3053\u308c\u3089\u306f\u3001\u305d\u308c\u305e\u308c\u8981\u7d20\u3092\u30ad\u30e5\u30fc\u306b\u8ffd\u52a0\u304a\u3088\u3073\u524a\u9664\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002\u3053\u306e\u3046\u3061\u3001enqueue \u30e1\u30bd\u30c3\u30c9\u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u306e\u578b\u3068 dequeue \u30e1\u30bd\u30c3\u30c9\u306e\u623b\u308a\u5024\u306f T \u306b\u95a2\u9023\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>\u30b8\u30a7\u30cd\u30ea\u30c3\u30af \u30af\u30e9\u30b9\u306e\u4f7f\u7528: \u30b8\u30a7\u30cd\u30ea\u30c3\u30af \u30af\u30e9\u30b9\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u30af\u30e9\u30b9\u3092\u3088\u308a\u518d\u5229\u7528\u53ef\u80fd\u3067\u67d4\u8edf\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u305f\u3081\u3001\u5909\u6570\u306e\u4f7f\u3044\u3084\u3059\u3055\u3068\u578b\u306e\u5b89\u5168\u6027\u304c\u5411\u4e0a\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u4f8b\u3048\u3070\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">less\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc<code>let q = new Queue&lt;number&gt;();\nq.enqueue(1);\nq.enqueue(2);\nconsole.log(q.dequeue()); \/\/ \u8f93\u51fa1\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001Queue&lt;number&gt; \u578b\u306e\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u3067\u3042\u308b q \u3068\u3044\u3046\u540d\u524d\u306e\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u4f5c\u6210\u3057\u3001enqueue \u30e1\u30bd\u30c3\u30c9\u3092\u547c\u3073\u51fa\u3057\u3066 2 \u3064\u306e\u6570\u5024\u3092\u30ad\u30e5\u30fc\u306b\u8ffd\u52a0\u3057\u3001dequeue \u30e1\u30bd\u30c3\u30c9\u3092\u547c\u3073\u51fa\u3057\u3066\u6700\u521d\u306e\u6570\u5024\u3092\u30dd\u30c3\u30d7\u3057\u3066\u51fa\u529b\u3057\u307e\u3059\u3002\u305d\u308c\u3002<\/p>\n\n\n\n<p>\u30b8\u30a7\u30cd\u30ea\u30c3\u30af \u30af\u30e9\u30b9\u3092\u4f7f\u7528\u3059\u308b\u5834\u5408\u3001\u5c71\u304b\u3063\u3053\u5185\u306e\u578b\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u306f\u578b\u63a8\u8ad6\u306b\u3088\u3063\u3066\u7701\u7565\u3067\u304d\u308b\u3053\u3068\u306b\u6ce8\u610f\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u4f8b\u3048\u3070\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">typescript\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc\u3059\u308b<code>let q = new Queue&lt;number&gt;();\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001\u5c71\u62ec\u5f27\u5185\u306e\u578b\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3092\u7701\u7565\u3057\u3066\u304a\u308a\u3001TypeScript \u306f\u30b8\u30a7\u30cd\u30ea\u30c3\u30af\u578b\u3092\u6570\u5024\u3068\u3057\u3066\u81ea\u52d5\u7684\u306b\u63a8\u8ad6\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u5168\u4f53\u3068\u3057\u3066\u3001\u30b8\u30a7\u30cd\u30ea\u30c3\u30af \u30af\u30e9\u30b9\u306f TypeScript \u306e\u975e\u5e38\u306b\u4fbf\u5229\u306a\u8a00\u8a9e\u6a5f\u80fd\u3067\u3042\u308a\u3001\u30af\u30e9\u30b9\u3092\u3088\u308a\u518d\u5229\u7528\u53ef\u80fd\u3067\u67d4\u8edf\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u305f\u3081\u3001\u5909\u6570\u306e\u4f7f\u3044\u3084\u3059\u3055\u3068\u578b\u306e\u5b89\u5168\u6027\u304c\u5411\u4e0a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/edu.ujhb.org\/?p=1728\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/chat.openai.com\/_next\/image?url=https%3A%2F%2Flh3.googleusercontent.com%2Fa%2FAGNmyxbwVdnTP0E2eBqDrujRQjV-wFP12Thr4vFgysVv5A%3Ds96-c&amp;w=96&amp;q=75\" alt=\"gun tei\"\/><\/figure>\n\n\n\n<p>\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044 TypeScript\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u7d39\u4ecb<\/p>\n\n\n\n<p>TypeScript \u3067\u306f\u3001\u30e2\u30b8\u30e5\u30fc\u30eb\u306f\u30b3\u30fc\u30c9\u3092\u518d\u5229\u7528\u53ef\u80fd\u306a\u69cb\u9020\u306b\u7de8\u6210\u3059\u308b\u65b9\u6cd5\u3067\u3042\u308a\u3001\u3055\u307e\u3056\u307e\u306a\u30d5\u30a1\u30a4\u30eb\u3084\u30d5\u30a9\u30eb\u30c0\u30fc\u306b\u5206\u5272\u3057\u305f\u308a\u3001\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u304a\u3088\u3073\u30a4\u30f3\u30dd\u30fc\u30c8\u3057\u3066\u4ed6\u306e\u30d5\u30a1\u30a4\u30eb\u3067\u4f7f\u7528\u3057\u305f\u308a\u3067\u304d\u307e\u3059\u3002TypeScript \u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u7d39\u4ecb\u306f\u6b21\u306e\u3068\u304a\u308a\u3067\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3068\u30a4\u30f3\u30dd\u30fc\u30c8: TypeScript \u3067\u306f\u3001export \u30ad\u30fc\u30ef\u30fc\u30c9\u3092\u4f7f\u7528\u3057\u3066\u3001\u95a2\u6570\u3001\u5909\u6570\u3001\u30af\u30e9\u30b9\u3001\u304a\u3088\u3073\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u4ed6\u306e\u30d5\u30a1\u30a4\u30eb\u306b\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3057\u3066\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002\u4f8b\u3048\u3070\uff1a<\/li>\n<\/ol>\n\n\n\n<pre class=\"wp-block-preformatted\">typescript\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc\u3059\u308b<code>\/\/ \u6a21\u5757A\nexport interface Person {\n  name: string;\n  age: number;\n}\n\n\/\/ \u6a21\u5757B\nimport { Person } from '.\/moduleA';\nlet p: Person = { name: \"Tom\", age: 18 };\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001\u30e2\u30b8\u30e5\u30fc\u30eb A \u3067 Person \u3068\u3044\u3046\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u5b9a\u7fa9\u3057\u3001export \u30ad\u30fc\u30ef\u30fc\u30c9\u3092\u4f7f\u7528\u3057\u3066\u305d\u308c\u3092\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3057\u307e\u3057\u305f\u3002\u30e2\u30b8\u30e5\u30fc\u30eb B \u3067\u306f\u3001import \u30ad\u30fc\u30ef\u30fc\u30c9\u3092\u4f7f\u7528\u3057\u3066 Person \u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3057\u3001Person \u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u306e\u5b9a\u7fa9\u306b\u6e96\u62e0\u3059\u308b p \u3068\u3044\u3046\u540d\u524d\u306e\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>\u30c7\u30d5\u30a9\u30eb\u30c8\u306e\u30a8\u30af\u30b9\u30dd\u30fc\u30c8: TypeScript \u3067\u306f\u3001\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u306e\u30c7\u30d5\u30a9\u30eb\u30c8\u69cb\u6587\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u30c7\u30d5\u30a9\u30eb\u30c8\u306e\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3092\u95a2\u6570\u3001\u5909\u6570\u3001\u30af\u30e9\u30b9\u3001\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u306a\u3069\u3068\u3057\u3066\u6307\u5b9a\u3067\u304d\u307e\u3059\u3002\u4f8b\u3048\u3070\uff1a<\/li>\n<\/ol>\n\n\n\n<pre class=\"wp-block-preformatted\">typescript\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc\u3059\u308b<code>\/\/ \u6a21\u5757A\nexport default function add(x: number, y: number): number {\n  return x + y;\n}\n\n\/\/ \u6a21\u5757B\nimport add from '.\/moduleA';\nconsole.log(add(1, 2)); \/\/ \u8f93\u51fa3\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001\u30e2\u30b8\u30e5\u30fc\u30eb A \u3067 add \u3068\u3044\u3046\u95a2\u6570\u3092\u5b9a\u7fa9\u3057\u3001export default \u69cb\u6587\u3092\u4f7f\u7528\u3057\u3066\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u30c7\u30d5\u30a9\u30eb\u30c8 \u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3068\u3057\u3066\u6307\u5b9a\u3057\u307e\u3057\u305f\u3002\u30e2\u30b8\u30e5\u30fc\u30eb B \u3067\u306f\u3001import \u30ad\u30fc\u30ef\u30fc\u30c9\u3092\u4f7f\u7528\u3057\u3066 add \u95a2\u6570\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3057\u3001\u305d\u308c\u3092\u547c\u3073\u51fa\u3057\u3066 2 \u3064\u306e\u6570\u5024\u306e\u5408\u8a08\u3092\u8a08\u7b97\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"3\">\n<li>\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u89e3\u6c7a: TypeScript \u306b\u306f\u3001\u30af\u30e9\u30b7\u30c3\u30af\u3068\u30ce\u30fc\u30c9\u306e 2 \u3064\u306e\u4e3b\u8981\u306a\u30e2\u30b8\u30e5\u30fc\u30eb\u89e3\u6c7a\u6226\u7565\u304c\u3042\u308a\u307e\u3059\u3002\u30af\u30e9\u30b7\u30c3\u30af\u89e3\u6c7a\u6226\u7565\u306f\u3001.ts\u3001.tsx\u3001.d.ts\u3001\u304a\u3088\u3073 .js \u306a\u3069\u306e\u30d5\u30a1\u30a4\u30eb\u62e1\u5f35\u5b50\u306b\u57fa\u3065\u3044\u3066\u3044\u307e\u3059\u3002\u30ce\u30fc\u30c9\u89e3\u6c7a\u6226\u7565\u306f\u3001\u3088\u308a\u591a\u304f\u306e\u62e1\u5f35\u5b50\u3092\u30b5\u30dd\u30fc\u30c8\u3067\u304d\u308b Node.js \u3067\u4f7f\u7528\u3055\u308c\u308b\u30e2\u30b8\u30e5\u30fc\u30eb\u89e3\u6c7a\u30a2\u30eb\u30b4\u30ea\u30ba\u30e0\u306b\u57fa\u3065\u3044\u3066\u3044\u307e\u3059\u3002\u30d5\u30a9\u30eb\u30c0\u69cb\u9020\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u30a4\u30f3\u30dd\u30fc\u30c8\u304a\u3088\u3073\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u6a5f\u80fd\u3092\u4f7f\u7528\u3059\u308b\u306b\u306f\u3001TypeScript \u69cb\u6210\u30d5\u30a1\u30a4\u30eb tsconfig.json \u306e\u30e2\u30b8\u30e5\u30fc\u30eb \u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u300ccommonjs\u300d\u3001\u300camd\u300d\u3001\u300csystem\u300d\u306a\u3069\u306e\u3044\u305a\u308c\u304b\u306e\u5024\u306b\u8a2d\u5b9a\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u3053\u3068\u306b\u6ce8\u610f\u3057\u3066\u304f\u3060\u3055\u3044\u3002 \u300ces2015\u300d\u3002<\/p>\n\n\n\n<p>\u5168\u4f53\u3068\u3057\u3066\u3001\u30e2\u30b8\u30e5\u30fc\u30eb\u306f TypeScript \u3067\u30b3\u30fc\u30c9\u3092\u6574\u7406\u3059\u308b\u305f\u3081\u306e\u91cd\u8981\u306a\u65b9\u6cd5\u3067\u3042\u308a\u3001\u30b3\u30fc\u30c9\u3092\u3055\u307e\u3056\u307e\u306a\u30d5\u30a1\u30a4\u30eb\u3068\u30d5\u30a9\u30eb\u30c0\u30fc\u306b\u5206\u5272\u3057\u3001\u305d\u308c\u3089\u3092\u4ed6\u306e\u30d5\u30a1\u30a4\u30eb\u306b\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u304a\u3088\u3073\u30a4\u30f3\u30dd\u30fc\u30c8\u3057\u3066\u4f7f\u7528\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u30a4\u30f3\u30dd\u30fc\u30c8\u304a\u3088\u3073\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u6a5f\u80fd\u306b\u3088\u308a\u3001\u30b3\u30fc\u30c9\u306e\u518d\u5229\u7528\u6027\u3068\u53ef\u8aad\u6027\u3092\u9ad8\u3081\u3001\u958b\u767a\u52b9\u7387\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/edu.ujhb.org\/?p=1728\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/chat.openai.com\/_next\/image?url=https%3A%2F%2Flh3.googleusercontent.com%2Fa%2FAGNmyxbwVdnTP0E2eBqDrujRQjV-wFP12Thr4vFgysVv5A%3Ds96-c&amp;w=96&amp;q=75\" alt=\"gun tei\"\/><\/figure>\n\n\n\n<p>TypeScript \u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3068\u30a4\u30f3\u30dd\u30fc\u30c8\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n<p>TypeScript \u3067\u306f\u3001\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3068\u30a4\u30f3\u30dd\u30fc\u30c8\u306f\u3001\u30b3\u30fc\u30c9\u3092\u518d\u5229\u7528\u53ef\u80fd\u306a\u69cb\u9020\u306b\u7de8\u6210\u3059\u308b\u65b9\u6cd5\u3067\u3059. \u95a2\u6570\u3001\u5909\u6570\u3001\u30af\u30e9\u30b9\u3001\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u306a\u3069\u3092\u4ed6\u306e\u30d5\u30a1\u30a4\u30eb\u306b\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3057\u3066\u4f7f\u7528\u3057\u305f\u308a\u3001\u4ed6\u306e\u30d5\u30a1\u30a4\u30eb\u304b\u3089\u305d\u308c\u3089\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3057\u305f\u308a\u3067\u304d\u307e\u3059\u3002TypeScript \u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3068\u30a4\u30f3\u30dd\u30fc\u30c8\u306e\u8a73\u7d30\u306a\u8aac\u660e\u306f\u6b21\u306e\u3068\u304a\u308a\u3067\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u30a8\u30af\u30b9\u30dd\u30fc\u30c8: TypeScript \u3067\u306f\u3001export \u30ad\u30fc\u30ef\u30fc\u30c9\u3092\u4f7f\u7528\u3057\u3066\u3001\u95a2\u6570\u3001\u5909\u6570\u3001\u30af\u30e9\u30b9\u3001\u304a\u3088\u3073\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u4ed6\u306e\u30d5\u30a1\u30a4\u30eb\u306b\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3057\u3066\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002\u4f8b\u3048\u3070\uff1a<\/li>\n<\/ol>\n\n\n\n<pre class=\"wp-block-preformatted\">typescript\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc\u3059\u308b<code>\/\/ \u6a21\u5757A\nexport interface Person {\n  name: string;\n  age: number;\n}\n\nexport function sayHello(name: string): string {\n  return `Hello, ${name}!`;\n}\n\nclass Animal {\n  name: string;\n  constructor(name: string) {\n    this.name = name;\n  }\n}\n\nexport { Animal };\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001\u30e2\u30b8\u30e5\u30fc\u30eb A \u3067 Person \u3068\u3044\u3046\u540d\u524d\u306e\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u5b9a\u7fa9\u3057\u3001export \u30ad\u30fc\u30ef\u30fc\u30c9\u3092\u4f7f\u7528\u3057\u3066\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3057\u3001sayHello \u3068\u3044\u3046\u540d\u524d\u306e\u95a2\u6570\u3092\u5b9a\u7fa9\u3057\u3066\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3057\u3001Animal \u30af\u30e9\u30b9\u3068\u3044\u3046\u540d\u524d\u306e\u95a2\u6570\u3092\u5b9a\u7fa9\u3057\u3066\u3001export \u30ad\u30fc\u30ef\u30fc\u30c9\u3092\u4f7f\u7528\u3057\u3066\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3057\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>\u30a4\u30f3\u30dd\u30fc\u30c8: TypeScript \u3067\u306f\u3001\u30a4\u30f3\u30dd\u30fc\u30c8 \u30ad\u30fc\u30ef\u30fc\u30c9\u3092\u4f7f\u7528\u3057\u3066\u3001\u4ed6\u306e\u30d5\u30a1\u30a4\u30eb\u304b\u3089\u95a2\u6570\u3001\u5909\u6570\u3001\u30af\u30e9\u30b9\u3001\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u306a\u3069\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3067\u304d\u307e\u3059\u3002\u4f8b\u3048\u3070\uff1a<\/li>\n<\/ol>\n\n\n\n<pre class=\"wp-block-preformatted\">javascript\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc<code>\/\/ \u6a21\u5757B\nimport { Person, sayHello, Animal } from '.\/moduleA';\n\nlet p: Person = { name: \"Tom\", age: 18 };\nconsole.log(sayHello(p.name));\n\nlet dog = new Animal(\"Snoopy\");\nconsole.log(dog.name);\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001\u30e2\u30b8\u30e5\u30fc\u30eb B \u306e import \u30ad\u30fc\u30ef\u30fc\u30c9\u3092\u4f7f\u7528\u3057\u3066\u30e2\u30b8\u30e5\u30fc\u30eb A \u304b\u3089 Person \u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3001sayHello \u95a2\u6570\u3001\u304a\u3088\u3073 Animal \u30af\u30e9\u30b9\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3057\u3001Person \u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u306e\u5b9a\u7fa9\u306b\u6e96\u62e0\u3059\u308b p \u3068\u3044\u3046\u540d\u524d\u306e\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002\u307e\u305f\u3001sayHello \u95a2\u6570\u3092\u547c\u3073\u51fa\u3057\u3001Animal \u30af\u30e9\u30b9\u3092\u4f7f\u7528\u3057\u3066 dog \u3068\u3044\u3046\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u4f5c\u6210\u3057\u3001\u305d\u306e name \u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u51fa\u529b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"3\">\n<li>\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u306e\u65e2\u5b9a\u5024: TypeScript \u3067\u306f\u3001\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u306e\u65e2\u5b9a\u306e\u69cb\u6587\u3092\u4f7f\u7528\u3057\u3066\u3001\u95a2\u6570\u3001\u5909\u6570\u3001\u30af\u30e9\u30b9\u3001\u307e\u305f\u306f\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u65e2\u5b9a\u306e\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u5024\u3068\u3057\u3066\u6307\u5b9a\u3067\u304d\u307e\u3059\u3002\u4f8b\u3048\u3070\uff1a<\/li>\n<\/ol>\n\n\n\n<pre class=\"wp-block-preformatted\">typescript\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc\u3059\u308b<code>\/\/ \u6a21\u5757A\nexport default function add(x: number, y: number): number {\n  return x + y;\n}\n\n\/\/ \u6a21\u5757B\nimport add from '.\/moduleA';\n\nconsole.log(add(1, 2)); \/\/ \u8f93\u51fa3\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001\u30e2\u30b8\u30e5\u30fc\u30eb A \u3067 add \u3068\u3044\u3046\u540d\u524d\u306e\u95a2\u6570\u3092\u5b9a\u7fa9\u3057\u3001export default \u69cb\u6587\u3092\u4f7f\u7528\u3057\u3066\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u30c7\u30d5\u30a9\u30eb\u30c8\u306e\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u5024\u3068\u3057\u3066\u6307\u5b9a\u3057\u307e\u3057\u305f\u3002\u30e2\u30b8\u30e5\u30fc\u30eb B \u3067\u306f\u3001import \u30ad\u30fc\u30ef\u30fc\u30c9\u3092\u4f7f\u7528\u3057\u3066 add \u95a2\u6570\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3057\u3001\u305d\u308c\u3092\u547c\u3073\u51fa\u3057\u3066 2 \u3064\u306e\u6570\u5024\u306e\u5408\u8a08\u3092\u8a08\u7b97\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u30a4\u30f3\u30dd\u30fc\u30c8\u304a\u3088\u3073\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u6a5f\u80fd\u3092\u4f7f\u7528\u3059\u308b\u306b\u306f\u3001TypeScript \u69cb\u6210\u30d5\u30a1\u30a4\u30eb tsconfig.json \u306e\u30e2\u30b8\u30e5\u30fc\u30eb \u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u300ccommonjs\u300d\u3001\u300camd\u300d\u3001\u300csystem\u300d\u306a\u3069\u306e\u3044\u305a\u308c\u304b\u306e\u5024\u306b\u8a2d\u5b9a\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u3053\u3068\u306b\u6ce8\u610f\u3057\u3066\u304f\u3060\u3055\u3044\u3002 \u300ces2015\u300d\u3002<\/p>\n\n\n\n<p>\u5168\u4f53\u3068\u3057\u3066\u3001\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3068\u30a4\u30f3\u30dd\u30fc\u30c8\u306f\u3001TypeScript \u3067\u30b3\u30fc\u30c9\u3092\u6574\u7406\u3059\u308b\u305f\u3081\u306e\u91cd\u8981\u306a\u65b9\u6cd5\u3067\u3059. \u95a2\u6570\u3001\u5909\u6570\u3001\u30af\u30e9\u30b9\u3001\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u4ed6\u306e\u30d5\u30a1\u30a4\u30eb\u306b\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3057\u3066\u4f7f\u7528\u3057\u305f\u308a\u3001\u4ed6\u306e\u30d5\u30a1\u30a4\u30eb\u304b\u3089\u305d\u308c\u3089\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3057\u305f\u308a\u3067\u304d\u307e\u3059\u3002\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u30a4\u30f3\u30dd\u30fc\u30c8\u304a\u3088\u3073\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u6a5f\u80fd\u306b\u3088\u308a\u3001\u30b3\u30fc\u30c9\u306e\u518d\u5229\u7528\u6027\u3068\u53ef\u8aad\u6027\u3092\u9ad8\u3081\u3001\u958b\u767a\u52b9\u7387\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/edu.ujhb.org\/?p=1728\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/chat.openai.com\/_next\/image?url=https%3A%2F%2Flh3.googleusercontent.com%2Fa%2FAGNmyxbwVdnTP0E2eBqDrujRQjV-wFP12Thr4vFgysVv5A%3Ds96-c&amp;w=96&amp;q=75\" alt=\"gun tei\"\/><\/figure>\n\n\n\n<p>TypeScript \u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u30c7\u30d5\u30a9\u30eb\u30c8\u306e\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n<p>TypeScript \u3067\u306f\u3001\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u65e2\u5b9a\u306e\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u306f\u3001\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u65e2\u5b9a\u5024\u3092\u95a2\u6570\u3001\u5909\u6570\u3001\u30af\u30e9\u30b9\u3001\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u306a\u3069\u3068\u3057\u3066\u6307\u5b9a\u3059\u308b\u65b9\u6cd5\u3067\u3059\u3002\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u30c7\u30d5\u30a9\u30eb\u30c8 \u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3092\u4f7f\u7528\u3059\u308b\u5834\u5408\u3001\u30a4\u30f3\u30dd\u30fc\u30c8\u540d\u3092\u6307\u5b9a\u3059\u308b\u5fc5\u8981\u306f\u3042\u308a\u307e\u305b\u3093\u304c\u3001\u30a4\u30f3\u30dd\u30fc\u30c8\u5024\u3092\u76f4\u63a5\u4f7f\u7528\u3057\u307e\u3059\u3002TypeScript \u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u30c7\u30d5\u30a9\u30eb\u30c8\u306e\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u306e\u8a73\u7d30\u306a\u8aac\u660e\u306f\u6b21\u306e\u3068\u304a\u308a\u3067\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u30c7\u30d5\u30a9\u30eb\u30c8 \u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u306e\u5b9a\u7fa9: TypeScript \u3067\u306f\u3001\u30a8\u30af\u30b9\u30dd\u30fc\u30c8 \u30c7\u30d5\u30a9\u30eb\u30c8\u69cb\u6587\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u30c7\u30d5\u30a9\u30eb\u30c8 \u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u5024\u3092\u95a2\u6570\u3001\u5909\u6570\u3001\u30af\u30e9\u30b9\u3001\u307e\u305f\u306f\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3068\u3057\u3066\u6307\u5b9a\u3067\u304d\u307e\u3059\u3002\u4f8b\u3048\u3070\uff1a<\/li>\n<\/ol>\n\n\n\n<pre class=\"wp-block-preformatted\">typescript\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc\u3059\u308b<code>\/\/ \u6a21\u5757A\nexport default function add(x: number, y: number): number {\n  return x + y;\n}\n\n\/\/ \u6a21\u5757B\nimport add from '.\/moduleA';\n\nconsole.log(add(1, 2)); \/\/ \u8f93\u51fa3\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001\u30e2\u30b8\u30e5\u30fc\u30eb A \u3067 add \u3068\u3044\u3046\u540d\u524d\u306e\u95a2\u6570\u3092\u5b9a\u7fa9\u3057\u3001export default \u69cb\u6587\u3092\u4f7f\u7528\u3057\u3066\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u30c7\u30d5\u30a9\u30eb\u30c8\u306e\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u5024\u3068\u3057\u3066\u6307\u5b9a\u3057\u307e\u3057\u305f\u3002\u30e2\u30b8\u30e5\u30fc\u30eb B \u3067\u306f\u3001import \u30ad\u30fc\u30ef\u30fc\u30c9\u3092\u4f7f\u7528\u3057\u3066 add \u95a2\u6570\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3057\u3001\u305d\u308c\u3092\u547c\u3073\u51fa\u3057\u3066 2 \u3064\u306e\u6570\u5024\u306e\u5408\u8a08\u3092\u8a08\u7b97\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>\u30c7\u30d5\u30a9\u30eb\u30c8 \u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u306e\u4f7f\u7528: \u30c7\u30d5\u30a9\u30eb\u30c8 \u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3092\u4f7f\u7528\u3059\u308b\u5834\u5408\u3001\u30a4\u30f3\u30dd\u30fc\u30c8\u540d\u3092\u6307\u5b9a\u3059\u308b\u5fc5\u8981\u306f\u3042\u308a\u307e\u305b\u3093\u304c\u3001\u30a4\u30f3\u30dd\u30fc\u30c8\u5024\u3092\u76f4\u63a5\u4f7f\u7528\u3057\u307e\u3059\u3002\u4f8b\u3048\u3070\uff1a<\/li>\n<\/ol>\n\n\n\n<pre class=\"wp-block-preformatted\">typescript\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc\u3059\u308b<code>\/\/ \u6a21\u5757A\nexport default class Animal {\n  name: string;\n  constructor(name: string) {\n    this.name = name;\n  }\n}\n\n\/\/ \u6a21\u5757B\nimport Dog from '.\/moduleA';\n\nlet dog = new Dog(\"Snoopy\");\nconsole.log(dog.name); \/\/ \u8f93\u51faSnoopy\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001\u30e2\u30b8\u30e5\u30fc\u30eb A \u306b Animal \u3068\u3044\u3046\u30af\u30e9\u30b9\u3092\u5b9a\u7fa9\u3057\u3001 export default \u69cb\u6587\u3092\u4f7f\u7528\u3057\u3066\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u30c7\u30d5\u30a9\u30eb\u30c8 \u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3068\u3057\u3066\u6307\u5b9a\u3057\u307e\u3057\u305f\u3002\u30e2\u30b8\u30e5\u30fc\u30eb B \u3067\u306f\u3001import \u30ad\u30fc\u30ef\u30fc\u30c9\u3092\u4f7f\u7528\u3057\u3066 Animal \u30af\u30e9\u30b9\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3057\u3001\u305d\u308c\u3092\u30e2\u30b8\u30e5\u30fc\u30eb B \u306e Dog \u3068\u3044\u3046\u5909\u6570\u3068\u3057\u3066\u5272\u308a\u5f53\u3066\u307e\u3059\u3002Dog \u30af\u30e9\u30b9\u3092\u4f7f\u7528\u3057\u3066\u3001dog \u3068\u3044\u3046\u540d\u524d\u306e\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u4f5c\u6210\u3057\u3001\u305d\u306e name \u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u51fa\u529b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u30c7\u30d5\u30a9\u30eb\u30c8\u306e\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3092\u4f7f\u7528\u3059\u308b\u5834\u5408\u3001\u30c7\u30d5\u30a9\u30eb\u30c8\u4ee5\u5916\u306e\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3068\u540c\u6642\u306b\u4f7f\u7528\u3067\u304d\u308b\u3053\u3068\u306b\u6ce8\u610f\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u4f8b\u3048\u3070\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">typescript\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc\u3059\u308b<code>\/\/ \u6a21\u5757A\nexport default function add(x: number, y: number): number {\n  return x + y;\n}\n\nexport function subtract(x: number, y: number): number {\n  return x - y;\n}\n\n\/\/ \u6a21\u5757B\nimport add, { subtract } from '.\/moduleA';\n\nconsole.log(add(1, 2)); \/\/ \u8f93\u51fa3\nconsole.log(subtract(2, 1)); \/\/ \u8f93\u51fa1\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001\u30c7\u30d5\u30a9\u30eb\u30c8\u3067 add \u3068\u3044\u3046\u540d\u524d\u306e\u95a2\u6570\u3092\u30e2\u30b8\u30e5\u30fc\u30eb A \u306b\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3057\u307e\u3059\u304c\u3001subtract \u3068\u3044\u3046\u540d\u524d\u306e\u95a2\u6570\u306f\u30c7\u30d5\u30a9\u30eb\u30c8\u3067\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3057\u307e\u305b\u3093\u3002\u30e2\u30b8\u30e5\u30fc\u30eb B \u3067\u306f\u3001import \u30ad\u30fc\u30ef\u30fc\u30c9\u3092\u4f7f\u7528\u3057\u3066\u52a0\u7b97\u95a2\u6570\u3068\u6e1b\u7b97\u95a2\u6570\u306e\u4e21\u65b9\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3057\u3001\u305d\u308c\u3089\u3092\u500b\u5225\u306b\u547c\u3073\u51fa\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u5168\u4f53\u3068\u3057\u3066\u3001\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u30c7\u30d5\u30a9\u30eb\u30c8 \u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u306f TypeScript \u306e\u4fbf\u5229\u306a\u8a00\u8a9e\u6a5f\u80fd\u3067\u3042\u308a\u3001\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u30c7\u30d5\u30a9\u30eb\u30c8\u5024\u3092\u95a2\u6570\u3001\u5909\u6570\u3001\u30af\u30e9\u30b9\u3001\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u306a\u3069\u3068\u3057\u3066\u6307\u5b9a\u3067\u304d\u307e\u3059\u3002\u30c7\u30d5\u30a9\u30eb\u30c8\u306e\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3092\u4f7f\u7528\u3059\u308b\u5834\u5408\u3001\u30a4\u30f3\u30dd\u30fc\u30c8\u540d\u3092\u6307\u5b9a\u3059\u308b\u5fc5\u8981\u306f\u3042\u308a\u307e\u305b\u3093\u304c\u3001\u30a4\u30f3\u30dd\u30fc\u30c8\u5024\u3092\u76f4\u63a5\u4f7f\u7528\u3059\u308b\u305f\u3081\u3001\u30b3\u30fc\u30c9\u306e\u53ef\u8aad\u6027\u3068\u4fdd\u5b88\u6027\u304c\u5411\u4e0a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/edu.ujhb.org\/?p=1728\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/chat.openai.com\/_next\/image?url=https%3A%2F%2Flh3.googleusercontent.com%2Fa%2FAGNmyxbwVdnTP0E2eBqDrujRQjV-wFP12Thr4vFgysVv5A%3Ds96-c&amp;w=96&amp;q=75\" alt=\"gun tei\"\/><\/figure>\n\n\n\n<p>TypeScript \u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u540d\u524d\u7a7a\u9593\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n<p>TypeScript \u3067\u306f\u3001\u540d\u524d\u7a7a\u9593 (\u540d\u524d\u7a7a\u9593) \u306f\u3001\u95a2\u9023\u3059\u308b\u30b3\u30fc\u30c9\u3092\u307e\u3068\u3081\u3066\u6574\u7406\u3057\u3001\u540d\u524d\u306e\u7af6\u5408\u3092\u56de\u907f\u3059\u308b\u65b9\u6cd5\u3067\u3059\u3002\u540d\u524d\u7a7a\u9593\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u30b3\u30fc\u30c9\u3092\u3055\u307e\u3056\u307e\u306a\u30e2\u30b8\u30e5\u30fc\u30eb\u306b\u5206\u5272\u3057\u3001\u305d\u308c\u3089\u3092\u8ad6\u7406\u7684\u306b\u95a2\u9023\u3059\u308b\u65b9\u6cd5\u3067\u307e\u3068\u3081\u3066\u7de8\u6210\u3067\u304d\u307e\u3059\u3002TypeScript \u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u540d\u524d\u7a7a\u9593\u306e\u8a73\u7d30\u306a\u8aac\u660e\u306f\u6b21\u306e\u3068\u304a\u308a\u3067\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u540d\u524d\u7a7a\u9593\u306e\u5b9a\u7fa9: TypeScript \u3067\u306f\u3001namespace \u30ad\u30fc\u30ef\u30fc\u30c9\u3092\u4f7f\u7528\u3057\u3066\u540d\u524d\u7a7a\u9593\u3092\u5b9a\u7fa9\u3067\u304d\u307e\u3059\u3002\u4f8b\u3048\u3070\uff1a<\/li>\n<\/ol>\n\n\n\n<pre class=\"wp-block-preformatted\">typescript\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc\u3059\u308b<code>\/\/ \u547d\u540d\u7a7a\u95f4A\nnamespace A {\n  export interface Person {\n    name: string;\n    age: number;\n  }\n\n  export function sayHello(person: Person) {\n    console.log(`Hello, ${person.name}!`);\n  }\n}\n\n\/\/ \u547d\u540d\u7a7a\u95f4B\nnamespace B {\n  export class Animal {\n    name: string;\n    constructor(name: string) {\n      this.name = name;\n    }\n  }\n}\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001\u540d\u524d\u7a7a\u9593 A \u3068\u540d\u524d\u7a7a\u9593 B \u306e 2 \u3064\u306e\u540d\u524d\u7a7a\u9593\u3092\u5b9a\u7fa9\u3057\u307e\u3057\u305f\u3002\u540d\u524d\u7a7a\u9593 A \u3067\u3001Person \u3068\u3044\u3046\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3092\u5b9a\u7fa9\u3057\u3001\u305d\u308c\u3068 sayHello \u3068\u3044\u3046\u95a2\u6570\u3092\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002\u540d\u524d\u7a7a\u9593 B \u3067\u3001Animal \u3068\u3044\u3046\u540d\u524d\u306e\u30af\u30e9\u30b9\u3092\u5b9a\u7fa9\u3057\u3066\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>\u540d\u524d\u7a7a\u9593\u306e\u4f7f\u7528: TypeScript \u3067\u306f\u3001\u540d\u524d\u7a7a\u9593\u3092\u4f7f\u7528\u3059\u308b\u5834\u5408\u3001\u30c9\u30c3\u30c8\u8868\u8a18\u69cb\u6587 (.) \u3092\u4f7f\u7528\u3057\u3066\u3001\u5909\u6570\u3001\u95a2\u6570\u3001\u30af\u30e9\u30b9\u3001\u304a\u3088\u3073\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u306b\u30a2\u30af\u30bb\u30b9\u3067\u304d\u307e\u3059\u3002\u4f8b\u3048\u3070\uff1a<\/li>\n<\/ol>\n\n\n\n<pre class=\"wp-block-preformatted\">arduino\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc<code>\/\/ \u547d\u540d\u7a7a\u95f4C\nnamespace C {\n  export namespace D {\n    export const PI = 3.1415926;\n  }\n}\n\nconsole.log(C.D.PI); \/\/ \u8f93\u51fa3.1415926\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001PI \u3068\u3044\u3046\u540d\u524d\u306e\u5b9a\u6570\u3092\u5b9a\u7fa9\u3059\u308b D \u3068\u3044\u3046\u540d\u524d\u306e\u30b5\u30d6\u540d\u524d\u7a7a\u9593\u3092\u542b\u3080 C \u3068\u3044\u3046\u540d\u524d\u306e\u540d\u524d\u7a7a\u9593\u3092\u5b9a\u7fa9\u3057\u307e\u3059\u3002\u30c9\u30c3\u30c8\u8868\u8a18\u69cb\u6587\u3092\u4f7f\u7528\u3057\u3066 CDPI \u306b\u30a2\u30af\u30bb\u30b9\u3057\u3001PI \u306e\u5024\u3092\u51fa\u529b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>TypeScript \u306f import \u30ad\u30fc\u30ef\u30fc\u30c9\u3092\u4f7f\u7528\u3057\u3066\u4ed6\u306e\u30d5\u30a1\u30a4\u30eb\u304b\u3089\u540d\u524d\u7a7a\u9593\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3059\u308b\u3053\u3068\u3082\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u3044\u308b\u3053\u3068\u306b\u6ce8\u610f\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u4f8b\u3048\u3070\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">typescript\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc\u3059\u308b<code>\/\/ \u6a21\u5757A\nexport namespace A {\n  export interface Person {\n    name: string;\n    age: number;\n  }\n\n  export function sayHello(person: Person) {\n    console.log(`Hello, ${person.name}!`);\n  }\n}\n\n\/\/ \u6a21\u5757B\nimport { A } from '.\/moduleA';\n\nlet p: A.Person = { name: \"Tom\", age: 18 };\nA.sayHello(p);\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001\u30e2\u30b8\u30e5\u30fc\u30eb A \u3067 A \u3068\u3044\u3046\u540d\u524d\u306e\u540d\u524d\u7a7a\u9593\u3092\u5b9a\u7fa9\u3057\u3001\u305d\u306e\u4e2d\u306b Person \u3068\u3044\u3046\u540d\u524d\u306e\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3068 sayHello \u3068\u3044\u3046\u540d\u524d\u306e\u95a2\u6570\u3092\u5b9a\u7fa9\u3057\u307e\u3057\u305f\u3002\u30e2\u30b8\u30e5\u30fc\u30eb B \u3067\u306f\u3001import \u30ad\u30fc\u30ef\u30fc\u30c9\u3092\u4f7f\u7528\u3057\u3066\u30e2\u30b8\u30e5\u30fc\u30eb A \u304b\u3089 A \u540d\u524d\u7a7a\u9593\u3092\u30a4\u30f3\u30dd\u30fc\u30c8\u3057\u3001Person \u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u306e\u5b9a\u7fa9\u306b\u6e96\u62e0\u3059\u308b p \u3068\u3044\u3046\u540d\u524d\u306e\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002A \u540d\u524d\u7a7a\u9593\u3067 sayHello \u95a2\u6570\u3082\u547c\u3073\u51fa\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u5168\u4f53\u3068\u3057\u3066\u3001\u540d\u524d\u7a7a\u9593\u306f TypeScript \u3067\u30b3\u30fc\u30c9\u3092\u7de8\u6210\u3059\u308b\u65b9\u6cd5\u3067\u3042\u308a\u3001\u30b3\u30fc\u30c9\u3092\u7570\u306a\u308b\u30e2\u30b8\u30e5\u30fc\u30eb\u306b\u5206\u5272\u3057\u3001\u305d\u308c\u3089\u3092\u8ad6\u7406\u7684\u306b\u95a2\u9023\u3059\u308b\u65b9\u6cd5\u3067\u307e\u3068\u3081\u3066\u7de8\u6210\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002\u4f7f\u7528<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/edu.ujhb.org\/?p=1728\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/chat.openai.com\/_next\/image?url=https%3A%2F%2Flh3.googleusercontent.com%2Fa%2FAGNmyxbwVdnTP0E2eBqDrujRQjV-wFP12Thr4vFgysVv5A%3Ds96-c&amp;w=96&amp;q=75\" alt=\"gun tei\"\/><\/figure>\n\n\n\n<p>\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044 TypeScript\u30c7\u30b3\u30ec\u30fc\u30bf\u306e\u7d39\u4ecb<\/p>\n\n\n\n<p>TypeScript \u3067\u306f\u3001Decorator \u306f\u3001\u30af\u30e9\u30b9\u306e\u52d5\u4f5c\u3092\u5909\u66f4\u3059\u308b\u305f\u3081\u306b\u30af\u30e9\u30b9\u5ba3\u8a00\u3001\u30e1\u30bd\u30c3\u30c9\u3001\u30d7\u30ed\u30d1\u30c6\u30a3\u3001\u307e\u305f\u306f\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u306b\u30a2\u30bf\u30c3\u30c1\u3067\u304d\u308b\u7279\u5225\u306a\u30bf\u30a4\u30d7\u306e\u5ba3\u8a00\u3067\u3059\u3002\u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u306f\u3001\u30af\u30e9\u30b9\u3092\u5909\u66f4\u305b\u305a\u306b\u30af\u30e9\u30b9\u306e\u6a5f\u80fd\u3092\u52d5\u7684\u306b\u62e1\u5f35\u307e\u305f\u306f\u5909\u66f4\u3059\u308b\u3053\u3068\u306b\u3088\u308a\u3001\u30af\u30e9\u30b9\u306b\u95a2\u9023\u4ed8\u3051\u3089\u308c\u305f\u30e1\u30bf\u30c7\u30fc\u30bf\u3092\u30af\u30e9\u30b9\u5b9a\u7fa9\u306b\u8ffd\u52a0\u3067\u304d\u307e\u3059\u3002TypeScript \u30c7\u30b3\u30ec\u30fc\u30bf\u306e\u8a73\u7d30\u306a\u8aac\u660e\u306f\u6b21\u306e\u3068\u304a\u308a\u3067\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u306e\u5b9a\u7fa9: TypeScript \u3067\u306f\u3001@ \u8a18\u53f7\u3092\u4f7f\u7528\u3057\u3066\u3001\u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u3092\u30af\u30e9\u30b9\u5ba3\u8a00\u3001\u30e1\u30bd\u30c3\u30c9\u3001\u30d7\u30ed\u30d1\u30c6\u30a3\u3001\u307e\u305f\u306f\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u306b\u30a2\u30bf\u30c3\u30c1\u3067\u304d\u307e\u3059\u3002\u4f8b\u3048\u3070\uff1a<\/li>\n<\/ol>\n\n\n\n<pre class=\"wp-block-preformatted\">typescript\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc\u3059\u308b<code>@sealed\nclass MyClass {\n  @readonly\n  name: string;\n\n  constructor(name: string) {\n    this.name = name;\n  }\n\n  @validate\n  sayHello(@required name: string) {\n    console.log(`Hello, ${name}! My name is ${this.name}.`);\n  }\n}\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001@ \u8a18\u53f7\u3092\u4f7f\u7528\u3057\u3066 3 \u3064\u306e\u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u3092\u305d\u308c\u305e\u308c MyClass \u30af\u30e9\u30b9\u3001name \u5c5e\u6027\u3001\u304a\u3088\u3073 sayHello \u30e1\u30bd\u30c3\u30c9\u306e\u5ba3\u8a00\u306b\u30a2\u30bf\u30c3\u30c1\u3057\u3066\u3044\u307e\u3059\u3002\u3053\u308c\u3089\u306e\u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u306f\u3001\u30af\u30e9\u30b9\u304c\u30b7\u30fc\u30eb\u3055\u308c\u3066\u3044\u308b (sealed)\u3001name \u5c5e\u6027\u304c\u8aad\u307f\u53d6\u308a\u5c02\u7528\u3067\u3042\u308b (readonly)\u3001\u304a\u3088\u3073 sayHello \u30e1\u30bd\u30c3\u30c9\u3092\u691c\u8a3c\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b (validate) \u5fc5\u8981\u304c\u3042\u308a\u3001\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u304c\u5fc5\u8981\u3067\u3042\u308b (required) \u3053\u3068\u3092\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>\u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u306e\u4f7f\u7528: TypeScript \u3067\u306f\u3001\u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u95a2\u6570\u3068\u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u306e\u7d44\u307f\u5408\u308f\u305b\u3067\u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u3092\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002\u4f8b\u3048\u3070\uff1a<\/li>\n<\/ol>\n\n\n\n<pre class=\"wp-block-preformatted\">typescript\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc\u3059\u308b<code>function sealed(target: Function) {\n  Object.seal(target);\n  Object.seal(target.prototype);\n}\n\nfunction readonly(target: any, key: string) {\n  Object.defineProperty(target, key, { writable: false });\n}\n\nfunction validate(target: any, propertyKey: string, descriptor: PropertyDescriptor) {\n  const originalMethod = descriptor.value;\n  descriptor.value = function(...args: any[]) {\n    for (let arg of args) {\n      if (typeof arg !== 'string') {\n        throw new Error('All parameters must be strings!');\n      }\n    }\n    const result = originalMethod.apply(this, args);\n    return result;\n  }\n  return descriptor;\n}\n\nfunction required(target: any, propertyKey: string, parameterIndex: number) {\n  const existingRequiredParameters: number[] = Reflect.getOwnMetadata('required', target, propertyKey) || [];\n  existingRequiredParameters.push(parameterIndex);\n  Reflect.defineMetadata('required', existingRequiredParameters, target, propertyKey);\n}\n\nfunction validateInputs(target: any, propertyName: string, descriptor: PropertyDescriptor) {\n  const method = descriptor.value;\n  descriptor.value = function() {\n    const requiredParameters: number[] = Reflect.getOwnMetadata('required', target, propertyName);\n    if (requiredParameters) {\n      for (let parameterIndex of requiredParameters) {\n        if (parameterIndex &gt;= arguments.length || arguments[parameterIndex] === undefined) {\n          throw new Error(`Missing required argument at index ${parameterIndex}!`);\n        }\n      }\n    }\n    return method.apply(this, arguments);\n  };\n  return descriptor;\n}\n\n@sealed\nclass MyClass {\n  @readonly\n  name: string;\n\n  constructor(name: string) {\n    this.name = name;\n  }\n\n  @validate\n  @validateInputs\n  sayHello(@required name: string) {\n    console.log(`Hello, ${name}! My name is ${this.name}.`);\n  }\n}\n\nlet obj = new MyClass('Tom');\nobj.sayHello('Jerry');\n<\/code><\/pre>\n\n\n\n<p>\u5b58\u5728<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/edu.ujhb.org\/?p=1728\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/chat.openai.com\/_next\/image?url=https%3A%2F%2Flh3.googleusercontent.com%2Fa%2FAGNmyxbwVdnTP0E2eBqDrujRQjV-wFP12Thr4vFgysVv5A%3Ds96-c&amp;w=96&amp;q=75\" alt=\"gun tei\"\/><\/figure>\n\n\n\n<p>\u7d9a\u3051\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001sealed\u3001readonly\u3001validate\u3001required \u306e 4 \u3064\u306e\u30c7\u30b3\u30ec\u30fc\u30bf\u3092\u5b9a\u7fa9\u3057\u307e\u3057\u305f\u3002\u305d\u306e\u4e2d\u3067\u3001\u30b7\u30fc\u30eb \u30c7\u30b3\u30ec\u30fc\u30bf\u306f\u30af\u30e9\u30b9\u3068\u305d\u306e\u30d7\u30ed\u30c8\u30bf\u30a4\u30d7 \u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u30b7\u30fc\u30eb\u3057\u3066\u3001\u65b0\u3057\u3044\u30d7\u30ed\u30d1\u30c6\u30a3\u3084\u30e1\u30bd\u30c3\u30c9\u3092\u8ffd\u52a0\u3067\u304d\u306a\u3044\u3088\u3046\u306b\u3057\u307e\u3059\u3002readonly \u30c7\u30b3\u30ec\u30fc\u30bf\u306f\u3001\u30af\u30e9\u30b9\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u8aad\u307f\u53d6\u308a\u5c02\u7528\u306b\u3057\u3066\u3001\u5909\u66f4\u3067\u304d\u306a\u3044\u3088\u3046\u306b\u3057\u307e\u3059\u3002\u691c\u8a3c\u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u306f\u3001sayHello \u30e1\u30bd\u30c3\u30c9\u3067\u6e21\u3055\u308c\u305f\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u304c\u3059\u3079\u3066\u6587\u5b57\u5217\u578b\u3067\u3042\u308b\u304b\u3069\u3046\u304b\u3092\u691c\u8a3c\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002\u5fc5\u8981\u306a\u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u306f\u3001sayHello \u30e1\u30bd\u30c3\u30c9\u306e name \u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3092\u6e21\u3059\u5fc5\u8981\u304c\u3042\u308b\u3053\u3068\u3092\u793a\u3059\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<p>MyClass \u30af\u30e9\u30b9\u3067\u3053\u308c\u3089 4 \u3064\u306e\u30c7\u30b3\u30ec\u30fc\u30bf\u3092\u4f7f\u7528\u3057\u307e\u3057\u305f\u3002\u305d\u306e\u4e2d\u3067\u3001 @validate \u3068 @validateInputs \u306e\u4e21\u65b9\u304c sayHello \u30e1\u30bd\u30c3\u30c9\u306b\u95a2\u9023\u4ed8\u3051\u3089\u308c\u3066\u3044\u307e\u3059\u3002\u3053\u308c\u306f\u3001sayHello \u30e1\u30bd\u30c3\u30c9\u304c\u307e\u305a validateInputs \u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u306b\u3088\u3063\u3066\u691c\u8a3c\u3055\u308c\u3001\u6b21\u306b validate \u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u304c\u547c\u3073\u51fa\u3055\u308c\u3066\u30e1\u30bd\u30c3\u30c9\u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u304c\u691c\u8a3c\u3055\u308c\u308b\u3053\u3068\u3092\u610f\u5473\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>sayHello \u30e1\u30bd\u30c3\u30c9\u306e name \u30d1\u30e9\u30e1\u30fc\u30bf\u3067\u3001 @required \u30c7\u30b3\u30ec\u30fc\u30bf\u3092\u4f7f\u7528\u3057\u3066\u3001\u6e21\u3059\u5fc5\u8981\u304c\u3042\u308b\u30d1\u30e9\u30e1\u30fc\u30bf\u3068\u3057\u3066\u30de\u30fc\u30af\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u6700\u5f8c\u306b\u3001MyClass \u30af\u30e9\u30b9\u3092\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u5316\u3057\u3001\u305d\u306e sayHello \u30e1\u30bd\u30c3\u30c9\u3092\u547c\u3073\u51fa\u3057\u3066\u3001\u6587\u5b57\u5217\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3092\u6e21\u3057\u307e\u3059\u3002\u53d7\u4fe1\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u306f @validate \u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u306e\u8981\u4ef6\u3092\u6e80\u305f\u3059\u6587\u5b57\u5217\u578b\u3067\u3042\u308b\u305f\u3081\u3001\u30d7\u30ed\u30b0\u30e9\u30e0\u306f\u6b63\u5e38\u306b\u5b9f\u884c\u3055\u308c\u3001\u300cHello, Jerry! My name is Tom.\u300d\u3092\u51fa\u529b\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u5168\u4f53\u3068\u3057\u3066\u3001\u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u306f TypeScript \u306e\u5f37\u529b\u306a\u8a00\u8a9e\u6a5f\u80fd\u3067\u3042\u308a\u3001\u30af\u30e9\u30b9\u3092\u5909\u66f4\u305b\u305a\u306b\u30af\u30e9\u30b9\u306e\u95a2\u6570\u3092\u52d5\u7684\u306b\u62e1\u5f35\u307e\u305f\u306f\u5909\u66f4\u3067\u304d\u308b\u305f\u3081\u3001\u30af\u30e9\u30b9\u306b\u95a2\u9023\u4ed8\u3051\u3089\u308c\u305f\u30e1\u30bf\u30c7\u30fc\u30bf\u3092\u30af\u30e9\u30b9\u5b9a\u7fa9\u306b\u6dfb\u4ed8\u3067\u304d\u307e\u3059\u3002\u30c7\u30b3\u30ec\u30fc\u30bf\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u30b3\u30fc\u30c9\u304c\u3088\u308a\u67d4\u8edf\u306b\u306a\u308a\u3001\u4fdd\u5b88\u3068\u62e1\u5f35\u304c\u5bb9\u6613\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/edu.ujhb.org\/?p=1728\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/chat.openai.com\/_next\/image?url=https%3A%2F%2Flh3.googleusercontent.com%2Fa%2FAGNmyxbwVdnTP0E2eBqDrujRQjV-wFP12Thr4vFgysVv5A%3Ds96-c&amp;w=96&amp;q=75\" alt=\"gun tei\"\/><\/figure>\n\n\n\n<p>TypeScript \u30af\u30e9\u30b9\u306e\u30c7\u30b3\u30ec\u30fc\u30bf\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n<p>TypeScript \u3067\u306f\u3001\u30af\u30e9\u30b9 \u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u306f\u3001\u30af\u30e9\u30b9\u306e\u52d5\u4f5c\u3092\u52d5\u7684\u306b\u62e1\u5f35\u307e\u305f\u306f\u5909\u66f4\u3059\u308b\u305f\u3081\u306b\u30af\u30e9\u30b9\u5ba3\u8a00\u306b\u30a2\u30bf\u30c3\u30c1\u3067\u304d\u308b\u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u306e\u4e00\u7a2e\u3067\u3059\u3002\u30af\u30e9\u30b9 \u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u306f\u3001\u30af\u30e9\u30b9 \u30b3\u30f3\u30b9\u30c8\u30e9\u30af\u30bf\u30fc\u3067\u3042\u308b\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3092\u53d7\u3051\u5165\u308c\u308b\u3053\u3068\u304c\u3067\u304d\u3001\u30af\u30e9\u30b9\u306e\u52d5\u4f5c\u307e\u305f\u306f\u30e1\u30bf\u30c7\u30fc\u30bf\u3092\u5909\u66f4\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002TypeScript \u30af\u30e9\u30b9 \u30c7\u30b3\u30ec\u30fc\u30bf\u306e\u8a73\u7d30\u306a\u8aac\u660e\u306f\u6b21\u306e\u3068\u304a\u308a\u3067\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u30af\u30e9\u30b9 \u30c7\u30b3\u30ec\u30fc\u30bf\u306e\u5b9a\u7fa9: TypeScript \u3067\u306f\u3001@ \u8a18\u53f7\u3092\u4f7f\u7528\u3057\u3066\u30af\u30e9\u30b9 \u30c7\u30b3\u30ec\u30fc\u30bf\u3092\u30af\u30e9\u30b9\u5ba3\u8a00\u306b\u30a2\u30bf\u30c3\u30c1\u3067\u304d\u307e\u3059\u3002\u4f8b\u3048\u3070\uff1a<\/li>\n<\/ol>\n\n\n\n<pre class=\"wp-block-preformatted\">scss\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc\u3059\u308b<code>function myDecorator(target: any) {\n  \/\/ \u5bf9\u7c7b\u8fdb\u884c\u4fee\u6539\u6216\u6dfb\u52a0\u5143\u6570\u636e\n}\n\n@myDecorator\nclass MyClass {\n  \/\/ \u7c7b\u5b9a\u4e49\n}\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001myDecorator \u3068\u3044\u3046\u30af\u30e9\u30b9 \u30c7\u30b3\u30ec\u30fc\u30bf\u3092\u5b9a\u7fa9\u3057\u3001@ \u8a18\u53f7\u3092\u4f7f\u7528\u3057\u3066 MyClass \u30af\u30e9\u30b9\u306e\u5ba3\u8a00\u306b\u30a2\u30bf\u30c3\u30c1\u3057\u307e\u3057\u305f\u3002\u3053\u308c\u306f\u3001myDecorator \u30c7\u30b3\u30ec\u30fc\u30bf\u304c\u30e1\u30bf\u30c7\u30fc\u30bf\u3092 MyClass \u30af\u30e9\u30b9\u5b9a\u7fa9\u306b\u5909\u66f4\u307e\u305f\u306f\u8ffd\u52a0\u3059\u308b\u3053\u3068\u3092\u610f\u5473\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>\u30af\u30e9\u30b9 \u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u306e\u4f7f\u7528: \u30af\u30e9\u30b9 \u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u306f\u3001\u30af\u30e9\u30b9 \u30b3\u30f3\u30b9\u30c8\u30e9\u30af\u30bf\u30fc\u3067\u3042\u308b\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3092\u53d7\u3051\u53d6\u308b\u30d5\u30a1\u30af\u30c8\u30ea\u95a2\u6570\u306e\u5f62\u5f0f\u3067\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002\u4f8b\u3048\u3070\uff1a<\/li>\n<\/ol>\n\n\n\n<pre class=\"wp-block-preformatted\">scss\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc\u3059\u308b<code>function logClass(target: any) {\n  console.log(target);\n}\n\n@logClass\nclass MyClass {\n  \/\/ \u7c7b\u5b9a\u4e49\n}\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001logClass \u3068\u3044\u3046\u540d\u524d\u306e\u30af\u30e9\u30b9 \u30c7\u30b3\u30ec\u30fc\u30bf\u3092\u5b9a\u7fa9\u3057\u3001@ \u8a18\u53f7\u3092\u4f7f\u7528\u3057\u3066 MyClass \u30af\u30e9\u30b9\u306e\u5ba3\u8a00\u306b\u30a2\u30bf\u30c3\u30c1\u3057\u307e\u3057\u305f\u3002logClass \u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u306e\u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u95a2\u6570\u306f\u3001MyClass \u30af\u30e9\u30b9\u306e\u30b3\u30f3\u30b9\u30c8\u30e9\u30af\u30bf\u30fc\u3067\u3042\u308b\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3092\u53d7\u3051\u53d6\u308a\u307e\u3059\u3002\u30d5\u30a1\u30af\u30c8\u30ea\u95a2\u6570\u3067\u306f\u3001console.log \u3092\u4f7f\u7528\u3057\u3066 MyClass \u30af\u30e9\u30b9\u306e\u30b3\u30f3\u30b9\u30c8\u30e9\u30af\u30bf\u30fc\u3092\u51fa\u529b\u3057\u3001\u3053\u306e\u30af\u30e9\u30b9\u306e\u95a2\u9023\u60c5\u5831\u3092\u7406\u89e3\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u30af\u30e9\u30b9 \u30c7\u30b3\u30ec\u30fc\u30bf\u306f\u65b0\u3057\u3044\u30b3\u30f3\u30b9\u30c8\u30e9\u30af\u30bf\u3092\u8fd4\u3057\u3066\u3001\u5143\u306e\u30b3\u30f3\u30b9\u30c8\u30e9\u30af\u30bf\u3092\u7f6e\u304d\u63db\u3048\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u3053\u3068\u306b\u6ce8\u610f\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u4f8b\u3048\u3070\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">typescript\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc\u3059\u308b<code>function logClass(target: any) {\n  return class extends target {\n    constructor(...args: any[]) {\n      console.log(\"Before constructor\");\n      super(...args);\n      console.log(\"After constructor\");\n    }\n  }\n}\n\n@logClass\nclass MyClass {\n  constructor(name: string) {\n    console.log(\"Inside constructor\");\n  }\n}\n\nlet obj = new MyClass(\"Tom\");\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001logClass \u3068\u3044\u3046\u540d\u524d\u306e\u30af\u30e9\u30b9 \u30c7\u30b3\u30ec\u30fc\u30bf\u3092\u5b9a\u7fa9\u3057\u3001@ \u8a18\u53f7\u3092\u4f7f\u7528\u3057\u3066 MyClass \u30af\u30e9\u30b9\u306e\u5ba3\u8a00\u306b\u30a2\u30bf\u30c3\u30c1\u3057\u307e\u3057\u305f\u3002logClass \u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u306e factory \u95a2\u6570\u306f\u3001\u5143\u306e MyClass \u30af\u30e9\u30b9\u304b\u3089\u7d99\u627f\u3057\u305f\u65b0\u3057\u3044\u30af\u30e9\u30b9\u3092\u8fd4\u3057\u3001\u30b3\u30f3\u30b9\u30c8\u30e9\u30af\u30bf\u30fc\u306b\u3044\u304f\u3064\u304b\u306e\u30ed\u30b0\u60c5\u5831\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002\u6700\u5f8c\u306b\u3001\u3053\u306e\u65b0\u3057\u3044\u30af\u30e9\u30b9\u3092\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u5316\u3057\u3001MyClass \u30af\u30e9\u30b9\u306e\u30b3\u30f3\u30b9\u30c8\u30e9\u30af\u30bf\u30fc\u3092\u30c8\u30ea\u30ac\u30fc\u3059\u308b\u6587\u5b57\u5217\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3092\u6e21\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>logClass \u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u306f\u65b0\u3057\u3044\u30b3\u30f3\u30b9\u30c8\u30e9\u30af\u30bf\u30fc\u3092\u8fd4\u3059\u305f\u3081\u3001\u3053\u306e\u65b0\u3057\u3044\u30af\u30e9\u30b9\u3092\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u5316\u3059\u308b\u3068\u3001\u51fa\u529b\u30ed\u30b0\u60c5\u5831\u306f\u6b21\u306e\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">kotlin\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc\u3059\u308b<code>Before constructor\nInside constructor\nAfter constructor\n<\/code><\/pre>\n\n\n\n<p>\u5168\u4f53\u3068\u3057\u3066\u3001\u30af\u30e9\u30b9 \u30c7\u30b3\u30ec\u30fc\u30bf\u306f TypeScript \u306e\u5f37\u529b\u306a\u8a00\u8a9e\u6a5f\u80fd\u3067\u3042\u308a\u3001\u30af\u30e9\u30b9\u306e\u52d5\u4f5c\u3084\u30e1\u30bf\u30c7\u30fc\u30bf\u3092\u52d5\u7684\u306b\u62e1\u5f35\u307e\u305f\u306f\u5909\u66f4\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/edu.ujhb.org\/?p=1728\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/chat.openai.com\/_next\/image?url=https%3A%2F%2Flh3.googleusercontent.com%2Fa%2FAGNmyxbwVdnTP0E2eBqDrujRQjV-wFP12Thr4vFgysVv5A%3Ds96-c&amp;w=96&amp;q=75\" alt=\"gun tei\"\/><\/figure>\n\n\n\n<p>TypeScript\u306e\u30e1\u30bd\u30c3\u30c9\u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n<p>TypeScript \u3067\u306f\u3001\u30e1\u30bd\u30c3\u30c9 \u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u306f\u3001\u30e1\u30bd\u30c3\u30c9\u306e\u52d5\u4f5c\u3092\u52d5\u7684\u306b\u62e1\u5f35\u307e\u305f\u306f\u5909\u66f4\u3059\u308b\u305f\u3081\u306b\u30af\u30e9\u30b9\u306e\u30e1\u30bd\u30c3\u30c9\u306b\u30a2\u30bf\u30c3\u30c1\u3067\u304d\u308b\u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u306e\u4e00\u7a2e\u3067\u3059\u3002\u30e1\u30bd\u30c3\u30c9 \u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u306f\u3001\u30af\u30e9\u30b9\u306e\u30d7\u30ed\u30c8\u30bf\u30a4\u30d7 \u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3001\u30e1\u30bd\u30c3\u30c9\u306e\u540d\u524d\u3001\u304a\u3088\u3073\u30e1\u30bd\u30c3\u30c9\u306e\u5c5e\u6027\u8a18\u8ff0\u5b50\u306e 3 \u3064\u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3092\u53d7\u3051\u5165\u308c\u308b\u3053\u3068\u304c\u3067\u304d\u3001\u30e1\u30bd\u30c3\u30c9\u306e\u52d5\u4f5c\u307e\u305f\u306f\u30e1\u30bf\u30c7\u30fc\u30bf\u3092\u5909\u66f4\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002TypeScript \u30e1\u30bd\u30c3\u30c9 \u30c7\u30b3\u30ec\u30fc\u30bf\u306e\u8a73\u7d30\u306a\u8aac\u660e\u306f\u6b21\u306e\u3068\u304a\u308a\u3067\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u30e1\u30bd\u30c3\u30c9 \u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u306e\u5b9a\u7fa9: TypeScript \u3067\u306f\u3001@ \u8a18\u53f7\u3092\u4f7f\u7528\u3057\u3066\u30e1\u30bd\u30c3\u30c9 \u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u3092\u30af\u30e9\u30b9 \u30e1\u30bd\u30c3\u30c9\u306b\u30a2\u30bf\u30c3\u30c1\u3067\u304d\u307e\u3059\u3002\u4f8b\u3048\u3070\uff1a<\/li>\n<\/ol>\n\n\n\n<pre class=\"wp-block-preformatted\">less\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc<code>class MyClass {\n  @myDecorator\n  sayHello() {\n    \/\/ \u65b9\u6cd5\u5b9a\u4e49\n  }\n}\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001myDecorator \u3068\u3044\u3046\u30e1\u30bd\u30c3\u30c9 \u30c7\u30b3\u30ec\u30fc\u30bf\u3092\u5b9a\u7fa9\u3057\u3001@ \u8a18\u53f7\u3092\u4f7f\u7528\u3057\u3066 MyClass \u30af\u30e9\u30b9\u306e sayHello \u30e1\u30bd\u30c3\u30c9\u306b\u30a2\u30bf\u30c3\u30c1\u3057\u307e\u3057\u305f\u3002\u3064\u307e\u308a\u3001myDecorator \u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u306f\u3001MyClass \u30af\u30e9\u30b9\u306e sayHello \u30e1\u30bd\u30c3\u30c9\u306e\u5b9a\u7fa9\u306b\u30e1\u30bf\u30c7\u30fc\u30bf\u3092\u5909\u66f4\u307e\u305f\u306f\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>\u30e1\u30bd\u30c3\u30c9 \u30c7\u30b3\u30ec\u30fc\u30bf\u306e\u4f7f\u7528: \u30e1\u30bd\u30c3\u30c9 \u30c7\u30b3\u30ec\u30fc\u30bf\u306f\u3001\u30af\u30e9\u30b9\u306e\u30d7\u30ed\u30c8\u30bf\u30a4\u30d7 \u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3001\u30e1\u30bd\u30c3\u30c9\u306e\u540d\u524d\u3001\u304a\u3088\u3073\u30e1\u30bd\u30c3\u30c9\u306e\u5c5e\u6027\u8a18\u8ff0\u5b50\u3067\u3042\u308b 3 \u3064\u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3092\u53d7\u3051\u53d6\u308b\u30d5\u30a1\u30af\u30c8\u30ea\u95a2\u6570\u306e\u5f62\u5f0f\u3067\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002\u4f8b\u3048\u3070\uff1a<\/li>\n<\/ol>\n\n\n\n<pre class=\"wp-block-preformatted\">typescript\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc\u3059\u308b<code>function logMethod(target: any, methodName: string, descriptor: PropertyDescriptor) {\n  const originalMethod = descriptor.value;\n  descriptor.value = function(...args: any[]) {\n    console.log(`Calling method ${methodName} with arguments: ${args.join(\", \")}`);\n    const result = originalMethod.apply(this, args);\n    console.log(`Method ${methodName} returned ${result}`);\n    return result;\n  };\n  return descriptor;\n}\n\nclass MyClass {\n  @logMethod\n  sayHello(name: string) {\n    console.log(`Hello, ${name}!`);\n    return `Hello, ${name}!`;\n  }\n}\n\nlet obj = new MyClass();\nobj.sayHello(\"Tom\");\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001logMethod \u3068\u3044\u3046\u30e1\u30bd\u30c3\u30c9 \u30c7\u30b3\u30ec\u30fc\u30bf\u3092\u5b9a\u7fa9\u3057\u3001@ \u8a18\u53f7\u3092\u4f7f\u7528\u3057\u3066 MyClass \u30af\u30e9\u30b9\u306e sayHello \u30e1\u30bd\u30c3\u30c9\u306b\u30a2\u30bf\u30c3\u30c1\u3057\u307e\u3057\u305f\u3002logMethod \u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u306e\u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u95a2\u6570\u306f\u3001MyClass \u30af\u30e9\u30b9\u306e\u30d7\u30ed\u30c8\u30bf\u30a4\u30d7\u30fb\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3001sayHello \u30e1\u30bd\u30c3\u30c9\u306e\u540d\u524d\u3001sayHello \u30e1\u30bd\u30c3\u30c9\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u30fc\u8a18\u8ff0\u5b50\u306e 3 \u3064\u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3092\u53d7\u3051\u53d6\u308a\u307e\u3059\u3002\u30d5\u30a1\u30af\u30c8\u30ea\u95a2\u6570\u3067\u306f\u3001\u6700\u521d\u306b\u5143\u306e sayHello \u30e1\u30bd\u30c3\u30c9\u3092\u4fdd\u5b58\u3057\u3001\u6b21\u306b\u30d7\u30ed\u30d1\u30c6\u30a3\u8a18\u8ff0\u5b50\u306e value \u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u5909\u66f4\u3057\u3066\u65b0\u3057\u3044\u30e1\u30bd\u30c3\u30c9\u3092\u6307\u3059\u3088\u3046\u306b\u3057\u307e\u3057\u305f\u3002\u65b0\u3057\u3044\u30e1\u30bd\u30c3\u30c9\u3067\u306f\u3001\u307e\u305a sayHello \u30e1\u30bd\u30c3\u30c9\u306e\u540d\u524d\u3068\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3092\u51fa\u529b\u3057\u3001\u6b21\u306b\u5143\u306e sayHello \u30e1\u30bd\u30c3\u30c9\u3092\u547c\u3073\u51fa\u3057\u3001\u6700\u5f8c\u306b\u30e1\u30bd\u30c3\u30c9\u306e\u623b\u308a\u5024\u3092\u51fa\u529b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u6700\u5f8c\u306b\u3001MyClass \u30af\u30e9\u30b9\u3092\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u5316\u3057\u3001\u305d\u306e sayHello \u30e1\u30bd\u30c3\u30c9\u3092\u547c\u3073\u51fa\u3057\u3066\u3001\u6587\u5b57\u5217\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3092\u6e21\u3057\u307e\u3059\u3002sayHello \u30e1\u30bd\u30c3\u30c9\u306f logMethod \u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u306b\u4ed8\u5c5e\u3057\u3066\u3044\u308b\u305f\u3081\u3001\u3053\u306e\u30e1\u30bd\u30c3\u30c9\u3092\u547c\u3073\u51fa\u3059\u3068\u3001\u307e\u305a\u30e1\u30bd\u30c3\u30c9\u540d\u3068\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u304c\u51fa\u529b\u3055\u308c\u3001\u6b21\u306b\u300cHello, Tom!\u300d\u304c\u51fa\u529b\u3055\u308c\u3001\u6700\u5f8c\u306b\u30e1\u30bd\u30c3\u30c9\u306e\u623b\u308a\u5024\u300cHello, Tom!\u300d\u304c\u51fa\u529b\u3055\u308c\u307e\u3059\u3002\u30c8\u30e0\uff01\u300d<\/p>\n\n\n\n<p>\u8981\u7d04\u3059\u308b\u3068\u3001\u30e1\u30bd\u30c3\u30c9 \u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u306f\u3001\u30e1\u30bd\u30c3\u30c9\u306e\u52d5\u4f5c\u307e\u305f\u306f\u30e1\u30bf\u30c7\u30fc\u30bf\u3092\u52d5\u7684\u306b\u62e1\u5f35\u307e\u305f\u306f\u5909\u66f4\u3067\u304d\u308b TypeScript \u306e\u5f37\u529b\u306a\u8a00\u8a9e\u6a5f\u80fd\u3067\u3059\u3002\u624b\u9806<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/edu.ujhb.org\/?p=1728\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/chat.openai.com\/_next\/image?url=https%3A%2F%2Flh3.googleusercontent.com%2Fa%2FAGNmyxbwVdnTP0E2eBqDrujRQjV-wFP12Thr4vFgysVv5A%3Ds96-c&amp;w=96&amp;q=75\" alt=\"gun tei\"\/><\/figure>\n\n\n\n<p>TypeScript\u30a2\u30af\u30bb\u30b5\u30c7\u30b3\u30ec\u30fc\u30bf\u3092\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n<p>TypeScript \u3067\u306f\u3001\u30a2\u30af\u30bb\u30b5\u30fc \u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u306f\u3001\u30a2\u30af\u30bb\u30b5\u30fc\u306e\u52d5\u4f5c\u3092\u52d5\u7684\u306b\u62e1\u5f35\u307e\u305f\u306f\u5909\u66f4\u3059\u308b\u305f\u3081\u306b\u3001\u30af\u30e9\u30b9\u306e\u30a2\u30af\u30bb\u30b5\u30fc (\u30b2\u30c3\u30bf\u30fc\u3068\u30bb\u30c3\u30bf\u30fc) \u306b\u30a2\u30bf\u30c3\u30c1\u3067\u304d\u308b\u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u306e\u4e00\u7a2e\u3067\u3059\u3002\u30a2\u30af\u30bb\u30b5\u30fc \u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u306f\u3001\u30af\u30e9\u30b9\u306e\u30d7\u30ed\u30c8\u30bf\u30a4\u30d7 \u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3001\u30a2\u30af\u30bb\u30b5\u30fc\u306e\u540d\u524d\u3001\u304a\u3088\u3073\u30a2\u30af\u30bb\u30b5\u30fc\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u8a18\u8ff0\u5b50\u306e 3 \u3064\u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3092\u53d7\u3051\u5165\u308c\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u3053\u308c\u3089\u306f\u3001\u30a2\u30af\u30bb\u30b5\u30fc\u306e\u52d5\u4f5c\u307e\u305f\u306f\u30e1\u30bf\u30c7\u30fc\u30bf\u3092\u5909\u66f4\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002TypeScript \u30a2\u30af\u30bb\u30b5 \u30c7\u30b3\u30ec\u30fc\u30bf\u306e\u8a73\u7d30\u306a\u8aac\u660e\u306f\u6b21\u306e\u3068\u304a\u308a\u3067\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u30a2\u30af\u30bb\u30b5\u30fc \u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u306e\u5b9a\u7fa9: TypeScript \u3067\u306f\u3001@ \u8a18\u53f7\u3092\u4f7f\u7528\u3057\u3066\u3001\u30a2\u30af\u30bb\u30b5\u30fc \u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u3092\u30af\u30e9\u30b9 \u30a2\u30af\u30bb\u30b5\u30fc\u306b\u30a2\u30bf\u30c3\u30c1\u3067\u304d\u307e\u3059\u3002\u4f8b\u3048\u3070\uff1a<\/li>\n<\/ol>\n\n\n\n<pre class=\"wp-block-preformatted\">kotlin\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc\u3059\u308b<code>class MyClass {\n  private _name: string;\n\n  @myDecorator\n  get name() {\n    return this._name;\n  }\n\n  @myDecorator\n  set name(value: string) {\n    this._name = value;\n  }\n}\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001myDecorator \u3068\u3044\u3046\u30a2\u30af\u30bb\u30b5\u30fc \u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u3092\u5b9a\u7fa9\u3057\u3001@ \u8a18\u53f7\u3092\u4f7f\u7528\u3057\u3066 MyClass \u30af\u30e9\u30b9\u306e\u30cd\u30fc\u30e0 \u30a2\u30af\u30bb\u30b5\u30fc\u306b\u30a2\u30bf\u30c3\u30c1\u3057\u307e\u3057\u305f\u3002\u3053\u308c\u306f\u3001myDecorator \u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u304c MyClass \u30af\u30e9\u30b9\u306e\u540d\u524d\u30a2\u30af\u30bb\u30b5\u30fc\u306e\u5b9a\u7fa9\u306b\u30e1\u30bf\u30c7\u30fc\u30bf\u3092\u5909\u66f4\u307e\u305f\u306f\u8ffd\u52a0\u3059\u308b\u3053\u3068\u3092\u610f\u5473\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>\u30a2\u30af\u30bb\u30b5\u30fc \u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u306e\u4f7f\u7528: \u30a2\u30af\u30bb\u30b5\u30fc \u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u306f\u3001\u30d5\u30a1\u30af\u30c8\u30ea\u95a2\u6570\u306e\u5f62\u5f0f\u3067\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002\u3053\u306e\u95a2\u6570\u306f\u3001\u30af\u30e9\u30b9\u306e\u30d7\u30ed\u30c8\u30bf\u30a4\u30d7 \u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3001\u30a2\u30af\u30bb\u30b5\u30fc\u306e\u540d\u524d\u3001\u30a2\u30af\u30bb\u30b5\u30fc\u306e\u5c5e\u6027\u8a18\u8ff0\u5b50\u306e 3 \u3064\u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3092\u53d7\u3051\u53d6\u308a\u307e\u3059\u3002\u4f8b\u3048\u3070\uff1a<\/li>\n<\/ol>\n\n\n\n<pre class=\"wp-block-preformatted\">typescript\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc\u3059\u308b<code>function logAccess(target: any, key: string, descriptor: PropertyDescriptor) {\n  const originalGetter = descriptor.get;\n  descriptor.get = function() {\n    console.log(`Getting property ${key}`);\n    const result = originalGetter.apply(this);\n    console.log(`Property ${key} has value ${result}`);\n    return result;\n  };\n\n  const originalSetter = descriptor.set;\n  descriptor.set = function(value: any) {\n    console.log(`Setting property ${key} to ${value}`);\n    originalSetter.apply(this, [value]);\n    console.log(`Property ${key} has been set to ${value}`);\n  };\n\n  return descriptor;\n}\n\nclass MyClass {\n  private _name: string;\n\n  @logAccess\n  get name() {\n    return this._name;\n  }\n\n  @logAccess\n  set name(value: string) {\n    this._name = value;\n  }\n}\n\nlet obj = new MyClass();\nobj.name = \"Tom\";\nconsole.log(obj.name);\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001logAccess \u3068\u3044\u3046\u30a2\u30af\u30bb\u30b5\u30fc \u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u3092\u5b9a\u7fa9\u3057\u3001@ \u8a18\u53f7\u3092\u4f7f\u7528\u3057\u3066 MyClass \u30af\u30e9\u30b9\u306e\u30cd\u30fc\u30e0 \u30a2\u30af\u30bb\u30b5\u30fc\u306b\u30a2\u30bf\u30c3\u30c1\u3057\u307e\u3057\u305f\u3002logAccess \u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u306e\u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u95a2\u6570\u306f\u3001MyClass \u30af\u30e9\u30b9\u306e\u30d7\u30ed\u30c8\u30bf\u30a4\u30d7\u30fb\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3001\u540d\u524d\u30a2\u30af\u30bb\u30b5\u30fc\u306e\u540d\u524d\u3001\u540d\u524d\u30a2\u30af\u30bb\u30b5\u30fc\u306e\u5c5e\u6027\u8a18\u8ff0\u5b50\u306e 3 \u3064\u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3092\u53d7\u3051\u53d6\u308a\u307e\u3059\u3002\u30d5\u30a1\u30af\u30c8\u30ea\u95a2\u6570\u3067\u306f\u3001\u6700\u521d\u306b\u5143\u306e get \u304a\u3088\u3073 set \u30e1\u30bd\u30c3\u30c9\u3092\u4fdd\u5b58\u3057\u3001\u6b21\u306b\u30d7\u30ed\u30d1\u30c6\u30a3\u8a18\u8ff0\u5b50\u306e get \u304a\u3088\u3073 set \u5c5e\u6027\u3092\u5909\u66f4\u3057\u3066\u3001\u305d\u308c\u3089\u304c\u65b0\u3057\u3044\u30e1\u30bd\u30c3\u30c9\u3092\u6307\u3059\u3088\u3046\u306b\u3057\u307e\u3059\u3002\u65b0\u3057\u3044\u30e1\u30bd\u30c3\u30c9\u3067\u306f\u3001\u30a2\u30af\u30bb\u30b5\u30fc\u306e\u540d\u524d\u3068\u64cd\u4f5c\u306e\u7a2e\u985e\u3092\u51fa\u529b\u3057\u3001\u5143\u306e get \u3092\u547c\u3073\u51fa\u3057\u307e\u3059<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/edu.ujhb.org\/?p=1728\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/chat.openai.com\/_next\/image?url=https%3A%2F%2Flh3.googleusercontent.com%2Fa%2FAGNmyxbwVdnTP0E2eBqDrujRQjV-wFP12Thr4vFgysVv5A%3Ds96-c&amp;w=96&amp;q=75\" alt=\"gun tei\"\/><\/figure>\n\n\n\n<p>\u7d9a\u3051\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n<p>\u305d\u3057\u3066set\u30e1\u30bd\u30c3\u30c9\u3001\u305d\u3057\u3066\u6700\u5f8c\u306b\u5c5e\u6027\u306e\u5024\u307e\u305f\u306f\u8a2d\u5b9a\u3055\u308c\u3066\u3044\u308b\u5024\u3092\u51fa\u529b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u6700\u5f8c\u306b\u3001MyClass \u30af\u30e9\u30b9\u3092\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u5316\u3057\u3001\u305d\u306e\u540d\u524d\u306e\u30a2\u30af\u30bb\u30b5\u30fc\u3092\u547c\u3073\u51fa\u3057\u3066\u3001\u6587\u5b57\u5217\u5024\u3092\u8a2d\u5b9a\u3057\u307e\u3059\u3002name \u30a2\u30af\u30bb\u30b5\u30fc\u306f logAccess \u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u306b\u4ed8\u5c5e\u3057\u3066\u3044\u308b\u305f\u3081\u3001\u3053\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u8a2d\u5b9a\u307e\u305f\u306f\u53d6\u5f97\u3059\u308b\u3068\u3001\u6700\u521d\u306b\u64cd\u4f5c\u30bf\u30a4\u30d7\u3068\u30d7\u30ed\u30d1\u30c6\u30a3\u540d\u304c\u51fa\u529b\u3055\u308c\u3001\u305d\u306e\u5f8c\u306b\u30d7\u30ed\u30d1\u30c6\u30a3\u306e\u5024\u307e\u305f\u306f\u8a2d\u5b9a\u5024\u304c\u51fa\u529b\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u8981\u7d04\u3059\u308b\u3068\u3001\u30a2\u30af\u30bb\u30b5\u30fc \u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u306f\u3001\u30a2\u30af\u30bb\u30b5\u30fc\u306e\u52d5\u4f5c\u307e\u305f\u306f\u30e1\u30bf\u30c7\u30fc\u30bf\u3092\u52d5\u7684\u306b\u62e1\u5f35\u307e\u305f\u306f\u5909\u66f4\u3067\u304d\u308b TypeScript \u306e\u5f37\u529b\u306a\u8a00\u8a9e\u6a5f\u80fd\u3067\u3059\u3002\u30a2\u30af\u30bb\u30b5 \u30c7\u30b3\u30ec\u30fc\u30bf\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u30ed\u30ae\u30f3\u30b0\u3001\u6a29\u9650\u5236\u5fa1\u3001\u30ad\u30e3\u30c3\u30b7\u30e5\u306a\u3069\u306e\u6a5f\u80fd\u3092\u7c21\u5358\u306b\u8ffd\u52a0\u3067\u304d\u308b\u305f\u3081\u3001\u30d7\u30ed\u30b0\u30e9\u30e0\u306e\u4fdd\u5b88\u6027\u3068\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u304c\u5411\u4e0a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/edu.ujhb.org\/?p=1728\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/chat.openai.com\/_next\/image?url=https%3A%2F%2Flh3.googleusercontent.com%2Fa%2FAGNmyxbwVdnTP0E2eBqDrujRQjV-wFP12Thr4vFgysVv5A%3Ds96-c&amp;w=96&amp;q=75\" alt=\"gun tei\"\/><\/figure>\n\n\n\n<p>TypeScript \u306e\u30d7\u30ed\u30d1\u30c6\u30a3 \u30c7\u30b3\u30ec\u30fc\u30bf\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n<p>TypeScript \u3067\u306f\u3001\u30d7\u30ed\u30d1\u30c6\u30a3 \u30c7\u30b3\u30ec\u30fc\u30bf\u306f\u3001\u30d7\u30ed\u30d1\u30c6\u30a3\u306e\u52d5\u4f5c\u3092\u52d5\u7684\u306b\u62e1\u5f35\u307e\u305f\u306f\u5909\u66f4\u3059\u308b\u305f\u3081\u306b\u30af\u30e9\u30b9\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u306b\u30a2\u30bf\u30c3\u30c1\u3067\u304d\u308b\u30c7\u30b3\u30ec\u30fc\u30bf\u306e\u4e00\u7a2e\u3067\u3059\u3002\u30d7\u30ed\u30d1\u30c6\u30a3 \u30c7\u30b3\u30ec\u30fc\u30bf\u306f\u3001\u30af\u30e9\u30b9\u306e\u30d7\u30ed\u30c8\u30bf\u30a4\u30d7 \u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3068\u30d7\u30ed\u30d1\u30c6\u30a3\u306e\u540d\u524d\u306e 2 \u3064\u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u3092\u53d7\u3051\u5165\u308c\u308b\u3053\u3068\u304c\u3067\u304d\u3001\u30d7\u30ed\u30d1\u30c6\u30a3\u306e\u52d5\u4f5c\u307e\u305f\u306f\u30e1\u30bf\u30c7\u30fc\u30bf\u3092\u5909\u66f4\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002TypeScript \u30d7\u30ed\u30d1\u30c6\u30a3 \u30c7\u30b3\u30ec\u30fc\u30bf\u306e\u8a73\u7d30\u306a\u8aac\u660e\u306f\u6b21\u306e\u3068\u304a\u308a\u3067\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u30d7\u30ed\u30d1\u30c6\u30a3 \u30c7\u30b3\u30ec\u30fc\u30bf\u306e\u5b9a\u7fa9: TypeScript \u3067\u306f\u3001@ \u8a18\u53f7\u3092\u4f7f\u7528\u3057\u3066\u30d7\u30ed\u30d1\u30c6\u30a3 \u30c7\u30b3\u30ec\u30fc\u30bf\u3092\u30af\u30e9\u30b9 \u30d7\u30ed\u30d1\u30c6\u30a3\u306b\u30a2\u30bf\u30c3\u30c1\u3067\u304d\u307e\u3059\u3002\u4f8b\u3048\u3070\uff1a<\/li>\n<\/ol>\n\n\n\n<pre class=\"wp-block-preformatted\">kotlin\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc\u3059\u308b<code>class MyClass {\n  @myDecorator\n  name: string;\n}\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001myDecorator \u3068\u3044\u3046\u30d7\u30ed\u30d1\u30c6\u30a3 \u30c7\u30b3\u30ec\u30fc\u30bf\u3092\u5b9a\u7fa9\u3057\u3001@ \u8a18\u53f7\u3092\u4f7f\u7528\u3057\u3066 MyClass \u30af\u30e9\u30b9\u306e name \u30d7\u30ed\u30d1\u30c6\u30a3\u306b\u30a2\u30bf\u30c3\u30c1\u3057\u307e\u3057\u305f\u3002\u3053\u308c\u306f\u3001myDecorator \u30c7\u30b3\u30ec\u30fc\u30bf\u304c MyClass \u30af\u30e9\u30b9\u306e name \u5c5e\u6027\u306e\u5b9a\u7fa9\u306b\u30e1\u30bf\u30c7\u30fc\u30bf\u3092\u5909\u66f4\u307e\u305f\u306f\u8ffd\u52a0\u3059\u308b\u3053\u3068\u3092\u610f\u5473\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>\u5c5e\u6027\u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u306e\u4f7f\u7528: \u5c5e\u6027\u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u306f\u3001\u30af\u30e9\u30b9\u306e\u30d7\u30ed\u30c8\u30bf\u30a4\u30d7 \u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3068\u5c5e\u6027\u306e\u540d\u524d\u3067\u3042\u308b 2 \u3064\u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3092\u53d7\u3051\u53d6\u308b\u30d5\u30a1\u30af\u30c8\u30ea\u95a2\u6570\u306e\u5f62\u5f0f\u3067\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002\u4f8b\u3048\u3070\uff1a<\/li>\n<\/ol>\n\n\n\n<pre class=\"wp-block-preformatted\">vbnet\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc\u3059\u308b<code>function logProperty(target: any, key: string) {\n  let value = target[key];\n  const getter = function() {\n    console.log(`Getting property ${key} with value ${value}`);\n    return value;\n  };\n  const setter = function(newValue: any) {\n    console.log(`Setting property ${key} to ${newValue}`);\n    value = newValue;\n  };\n  Object.defineProperty(target, key, {\n    get: getter,\n    set: setter,\n    enumerable: true,\n    configurable: true,\n  });\n}\n\nclass MyClass {\n  @logProperty\n  name: string;\n}\n\nlet obj = new MyClass();\nobj.name = \"Tom\";\nconsole.log(obj.name);\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001logProperty \u3068\u3044\u3046\u30d7\u30ed\u30d1\u30c6\u30a3 \u30c7\u30b3\u30ec\u30fc\u30bf\u3092\u5b9a\u7fa9\u3057\u3001@ \u8a18\u53f7\u3092\u4f7f\u7528\u3057\u3066 MyClass \u30af\u30e9\u30b9\u306e name \u30d7\u30ed\u30d1\u30c6\u30a3\u306b\u30a2\u30bf\u30c3\u30c1\u3057\u307e\u3057\u305f\u3002logProperty \u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u306e\u30d5\u30a1\u30af\u30c8\u30ea\u30fc\u95a2\u6570\u306f\u3001MyClass \u30af\u30e9\u30b9\u306e\u30d7\u30ed\u30c8\u30bf\u30a4\u30d7\u30fb\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3068 name \u5c5e\u6027\u306e\u540d\u524d\u306e 2 \u3064\u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3092\u53d7\u3051\u53d6\u308a\u307e\u3059\u3002\u30d5\u30a1\u30af\u30c8\u30ea\u95a2\u6570\u3067\u306f\u3001\u6700\u521d\u306b name \u5c5e\u6027\u306e\u5024\u3092\u53d6\u5f97\u3057\u3001\u6b21\u306b\u65b0\u3057\u3044 getter \u30e1\u30bd\u30c3\u30c9\u3068 setter \u30e1\u30bd\u30c3\u30c9\u3092\u5b9a\u7fa9\u3057\u307e\u3059\u3002\u3053\u308c\u3089\u306e\u30e1\u30bd\u30c3\u30c9\u306f\u3001\u64cd\u4f5c\u30bf\u30a4\u30d7\u3068\u5c5e\u6027\u5024\u3092\u305d\u308c\u305e\u308c\u51fa\u529b\u3057\u3001\u5c5e\u6027\u5024\u3092\u5909\u6570\u5024\u306b\u4fdd\u5b58\u3057\u307e\u3059\u3002\u6700\u5f8c\u306b\u3001Object.defineProperty() \u30e1\u30bd\u30c3\u30c9\u3092\u4f7f\u7528\u3057\u3066 name \u30d7\u30ed\u30d1\u30c6\u30a3\u306e getter \u30e1\u30bd\u30c3\u30c9\u3068 setter \u30e1\u30bd\u30c3\u30c9\u3092\u518d\u5b9a\u7fa9\u3057\u3001\u30ab\u30b9\u30bf\u30e0 \u30d7\u30ed\u30d1\u30c6\u30a3 \u30a2\u30af\u30bb\u30b9\u52d5\u4f5c\u3092\u5b9f\u88c5\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u6700\u5f8c\u306b\u3001MyClass \u30af\u30e9\u30b9\u3092\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u5316\u3057\u3001\u305d\u306e name \u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u547c\u3073\u51fa\u3057\u3066\u3001\u6587\u5b57\u5217\u5024\u3092\u8a2d\u5b9a\u3057\u307e\u3059\u3002name \u5c5e\u6027\u306f logProperty \u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u306b\u95a2\u9023\u4ed8\u3051\u3089\u308c\u3066\u3044\u308b\u305f\u3081\u3001\u3053\u306e\u5c5e\u6027\u3092\u8a2d\u5b9a\u307e\u305f\u306f\u53d6\u5f97\u3059\u308b\u3068\u3001\u64cd\u4f5c\u30bf\u30a4\u30d7\u3068\u5c5e\u6027\u5024\u304c\u6700\u521d\u306b\u51fa\u529b\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u5168\u4f53\u3068\u3057\u3066\u3001\u30d7\u30ed\u30d1\u30c6\u30a3 \u30c7\u30b3\u30ec\u30fc\u30bf\u306f TypeScript \u306e\u5f37\u529b\u306a\u8a00\u8a9e\u6a5f\u80fd\u3067\u3042\u308a\u3001\u30d7\u30ed\u30d1\u30c6\u30a3\u306e\u52d5\u4f5c\u3084\u30e1\u30bf\u30c7\u30fc\u30bf\u3092\u52d5\u7684\u306b\u62e1\u5f35\u307e\u305f\u306f\u5909\u66f4\u3067\u304d\u307e\u3059\u3002\u5c5e\u6027\u30c7\u30b3\u30ec\u30fc\u30bf\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u30ed\u30ae\u30f3\u30b0\u3001\u6a29\u9650\u5236\u5fa1\u3001\u30ad\u30e3\u30c3\u30b7\u30f3\u30b0\u306a\u3069\u306e\u6a5f\u80fd\u3092\u7c21\u5358\u306b\u8ffd\u52a0\u3067\u304d\u308b\u305f\u3081\u3001\u30d7\u30ed\u30b0\u30e9\u30e0\u306e\u4fdd\u5b88\u6027\u3068\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u304c\u5411\u4e0a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/edu.ujhb.org\/?p=1728\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/chat.openai.com\/_next\/image?url=https%3A%2F%2Flh3.googleusercontent.com%2Fa%2FAGNmyxbwVdnTP0E2eBqDrujRQjV-wFP12Thr4vFgysVv5A%3Ds96-c&amp;w=96&amp;q=75\" alt=\"gun tei\"\/><\/figure>\n\n\n\n<p>TypeScript \u30d1\u30e9\u30e1\u30fc\u30bf\u30fc \u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n<p>TypeScript \u3067\u306f\u3001\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc \u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u306f\u3001\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u306e\u52d5\u4f5c\u3092\u52d5\u7684\u306b\u62e1\u5f35\u307e\u305f\u306f\u5909\u66f4\u3059\u308b\u305f\u3081\u306b\u95a2\u6570\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u306b\u30a2\u30bf\u30c3\u30c1\u3067\u304d\u308b\u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u306e\u4e00\u7a2e\u3067\u3059\u3002\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc \u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u306f\u3001\u30af\u30e9\u30b9\u306e\u30d7\u30ed\u30c8\u30bf\u30a4\u30d7 \u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3001\u95a2\u6570\u306e\u540d\u524d\u3001\u304a\u3088\u3073\u95a2\u6570\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc \u30ea\u30b9\u30c8\u5185\u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u306e\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u3067\u3042\u308b 3 \u3064\u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3092\u53d7\u3051\u5165\u308c\u308b\u3053\u3068\u304c\u3067\u304d\u3001\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u306e\u52d5\u4f5c\u307e\u305f\u306f\u30e1\u30bf\u30c7\u30fc\u30bf\u3092\u5909\u66f4\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002TypeScript \u30d1\u30e9\u30e1\u30fc\u30bf\u30fc \u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u306e\u8a73\u7d30\u306a\u8aac\u660e\u306f\u6b21\u306e\u3068\u304a\u308a\u3067\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc \u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u306e\u5b9a\u7fa9: TypeScript \u3067\u306f\u3001@ \u8a18\u53f7\u3092\u4f7f\u7528\u3057\u3066\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc \u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u3092\u95a2\u6570\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u306b\u30a2\u30bf\u30c3\u30c1\u3067\u304d\u307e\u3059\u3002\u4f8b\u3048\u3070\uff1a<\/li>\n<\/ol>\n\n\n\n<pre class=\"wp-block-preformatted\">less\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc<code>class MyClass {\n  myMethod(@myDecorator arg1: string, arg2: number) {\n    \/\/ ...\n  }\n}\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001myDecorator \u3068\u3044\u3046\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc \u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u3092\u5b9a\u7fa9\u3057\u3001@ \u8a18\u53f7\u3092\u4f7f\u7528\u3057\u3066 MyClass \u30af\u30e9\u30b9\u306e myMethod \u30e1\u30bd\u30c3\u30c9\u306e arg1 \u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u306b\u30a2\u30bf\u30c3\u30c1\u3057\u307e\u3059\u3002\u3064\u307e\u308a\u3001myDecorator \u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u306f\u3001MyClass \u30af\u30e9\u30b9\u306e myMethod \u30e1\u30bd\u30c3\u30c9\u306e arg1 \u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u306e\u5b9a\u7fa9\u306b\u30e1\u30bf\u30c7\u30fc\u30bf\u3092\u5909\u66f4\u307e\u305f\u306f\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>\u30d1\u30e9\u30e1\u30fc\u30bf \u30c7\u30b3\u30ec\u30fc\u30bf\u306e\u4f7f\u7528: \u30d1\u30e9\u30e1\u30fc\u30bf \u30c7\u30b3\u30ec\u30fc\u30bf\u306f\u3001\u30d5\u30a1\u30af\u30c8\u30ea\u95a2\u6570\u306e\u5f62\u5f0f\u3067\u4f7f\u7528\u3067\u304d\u307e\u3059. \u3053\u306e\u30d5\u30a1\u30af\u30c8\u30ea\u95a2\u6570\u306f\u3001\u30af\u30e9\u30b9\u306e\u30d7\u30ed\u30c8\u30bf\u30a4\u30d7 \u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3001\u95a2\u6570\u306e\u540d\u524d\u3001\u304a\u3088\u3073\u95a2\u6570\u30d1\u30e9\u30e1\u30fc\u30bf \u30ea\u30b9\u30c8\u5185\u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u306e\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u3067\u3042\u308b 3 \u3064\u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u3092\u53d7\u3051\u53d6\u308a\u307e\u3059\u3002 .&nbsp;\u4f8b\u3048\u3070\uff1a<\/li>\n<\/ol>\n\n\n\n<pre class=\"wp-block-preformatted\">less\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc<code>function logParameter(target: any, methodName: string, index: number) {\n  console.log(`Logging parameter of ${methodName} at index ${index}`);\n}\n\nclass MyClass {\n  myMethod(arg1: string, @logParameter arg2: number) {\n    \/\/ ...\n  }\n}\n\nlet obj = new MyClass();\nobj.myMethod(\"Hello\", 123);\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001logParameter \u3068\u3044\u3046\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc \u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u3092\u5b9a\u7fa9\u3057\u3001@ \u8a18\u53f7\u3092\u4f7f\u7528\u3057\u3066 MyClass \u30af\u30e9\u30b9\u306e myMethod \u30e1\u30bd\u30c3\u30c9\u306e arg2 \u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u306b\u30a2\u30bf\u30c3\u30c1\u3057\u307e\u3057\u305f\u3002logParameter \u30c7\u30b3\u30ec\u30fc\u30bf\u306e\u30d5\u30a1\u30af\u30c8\u30ea\u95a2\u6570\u306f\u3001MyClass \u30af\u30e9\u30b9\u306e\u30d7\u30ed\u30c8\u30bf\u30a4\u30d7 \u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3001myMethod \u30e1\u30bd\u30c3\u30c9\u306e\u540d\u524d\u3001\u304a\u3088\u3073\u30d1\u30e9\u30e1\u30fc\u30bf \u30ea\u30b9\u30c8\u5185\u306e arg2 \u30d1\u30e9\u30e1\u30fc\u30bf\u306e\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u306e 3 \u3064\u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u3092\u53d7\u3051\u53d6\u308a\u307e\u3059\u3002\u30d5\u30a1\u30af\u30c8\u30ea\u95a2\u6570\u3067\u306f\u3001\u30e1\u30bd\u30c3\u30c9 myMethod \u306e\u540d\u524d\u3068\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc \u30ea\u30b9\u30c8\u5185\u306e arg2 \u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u306e\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u3092\u51fa\u529b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u6700\u5f8c\u306b\u3001MyClass \u30af\u30e9\u30b9\u3092\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u5316\u3057\u3001\u305d\u306e myMethod \u30e1\u30bd\u30c3\u30c9\u3092\u547c\u3073\u51fa\u3057\u3066\u30012 \u3064\u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3092\u6e21\u3057\u307e\u3059\u3002arg2 \u30d1\u30e9\u30e1\u30fc\u30bf\u306f logParameter \u30c7\u30b3\u30ec\u30fc\u30bf\u306b\u95a2\u9023\u4ed8\u3051\u3089\u308c\u3066\u3044\u308b\u305f\u3081\u3001\u3053\u306e\u30e1\u30bd\u30c3\u30c9\u3092\u547c\u3073\u51fa\u3059\u3068\u3001myMethod \u30e1\u30bd\u30c3\u30c9\u306e\u540d\u524d\u3068\u30d1\u30e9\u30e1\u30fc\u30bf \u30ea\u30b9\u30c8\u5185\u306e arg2 \u30d1\u30e9\u30e1\u30fc\u30bf\u306e\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u304c\u6700\u521d\u306b\u51fa\u529b\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u8981\u7d04\u3059\u308b\u3068\u3001\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc \u30c7\u30b3\u30ec\u30fc\u30bf\u30fc\u306f\u3001\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u306e\u52d5\u4f5c\u307e\u305f\u306f\u30e1\u30bf\u30c7\u30fc\u30bf\u3092\u52d5\u7684\u306b\u62e1\u5f35\u307e\u305f\u306f\u5909\u66f4\u3067\u304d\u308b TypeScript \u306e\u5f37\u529b\u306a\u8a00\u8a9e\u6a5f\u80fd\u3067\u3059\u3002\u30d1\u30e9\u30e1\u30fc\u30bf \u30c7\u30b3\u30ec\u30fc\u30bf\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u30ed\u30ae\u30f3\u30b0\u3001\u30d1\u30e9\u30e1\u30fc\u30bf\u691c\u8a3c\u3001\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u306e\u6700\u9069\u5316\u306a\u3069\u306e\u6a5f\u80fd\u3092\u7c21\u5358\u306b\u8ffd\u52a0\u3067\u304d\u308b\u305f\u3081\u3001\u30d7\u30ed\u30b0\u30e9\u30e0\u306e\u4fdd\u5b88\u6027\u3068\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u304c\u5411\u4e0a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/edu.ujhb.org\/?p=1728\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/chat.openai.com\/_next\/image?url=https%3A%2F%2Flh3.googleusercontent.com%2Fa%2FAGNmyxbwVdnTP0E2eBqDrujRQjV-wFP12Thr4vFgysVv5A%3Ds96-c&amp;w=96&amp;q=75\" alt=\"gun tei\"\/><\/figure>\n\n\n\n<p>tsconfig.json \u30d5\u30a1\u30a4\u30eb\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n<p>tsconfig.json \u306f TypeScript \u30b3\u30f3\u30d1\u30a4\u30e9\u306e\u69cb\u6210\u30d5\u30a1\u30a4\u30eb\u3067\u3001\u30b3\u30f3\u30d1\u30a4\u30e9\u306e\u52d5\u4f5c\u3068\u30b3\u30f3\u30d1\u30a4\u30eb \u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u6307\u5b9a\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067 tsconfig.json \u30d5\u30a1\u30a4\u30eb\u3092\u4f5c\u6210\u3057\u305f\u5f8c\u3001\u30b3\u30f3\u30d1\u30a4\u30e9\u306f\u30d5\u30a1\u30a4\u30eb\u3092\u81ea\u52d5\u7684\u306b\u8aad\u307f\u53d6\u308a\u3001\u6307\u5b9a\u3055\u308c\u305f\u30aa\u30d7\u30b7\u30e7\u30f3\u306b\u5f93\u3063\u3066\u30b3\u30f3\u30d1\u30a4\u30eb\u3057\u307e\u3059\u3002\u4ee5\u4e0b\u306f\u3001tsconfig.json \u30d5\u30a1\u30a4\u30eb\u306e\u8a73\u7d30\u306a\u8aac\u660e\u3067\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u57fa\u672c\u69cb\u9020: tsconfig.json \u30d5\u30a1\u30a4\u30eb\u306f\u3001\u8907\u6570\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u542b\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u308b JSON \u5f62\u5f0f\u306e\u30d5\u30a1\u30a4\u30eb\u3067\u3059\u3002\u57fa\u672c\u7684\u306a tsconfig.json \u30d5\u30a1\u30a4\u30eb\u306e\u69cb\u9020\u306f\u6b21\u306e\u3068\u304a\u308a\u3067\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<pre class=\"wp-block-preformatted\">json\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc<code>{\n  \"compilerOptions\": {\n    \"target\": \"es5\",\n    \"module\": \"commonjs\",\n    \"sourceMap\": true\n  },\n  \"include\": [\"src\/**\/*.ts\"],\n  \"exclude\": [\"node_modules\"]\n}\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3067\u306f\u3001tsconfig.json \u30d5\u30a1\u30a4\u30eb\u306b 3 \u3064\u306e\u30d7\u30ed\u30d1\u30c6\u30a3 (compilerOptions\u3001include\u3001\u304a\u3088\u3073 exclude) \u304c\u542b\u307e\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>compilerOptions \u5c5e\u6027: compilerOptions \u5c5e\u6027\u306f\u3001\u30b3\u30f3\u30d1\u30a4\u30e9\u306e\u52d5\u4f5c\u3068\u30b3\u30f3\u30d1\u30a4\u30eb \u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u6307\u5b9a\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002\u3055\u307e\u3056\u307e\u306a\u30b3\u30f3\u30d1\u30a4\u30eb \u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u6307\u5b9a\u3059\u308b\u305f\u3081\u306e\u8907\u6570\u306e\u30b5\u30d6\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u542b\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u4ee5\u4e0b\u306f\u3001\u4e00\u822c\u7684\u306b\u4f7f\u7528\u3055\u308c\u308b compilerOptions \u30b5\u30d6\u30d7\u30ed\u30d1\u30c6\u30a3\u306e\u4e00\u90e8\u3067\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>target: \u30b3\u30f3\u30d1\u30a4\u30eb\u6e08\u307f\u51fa\u529b\u306e\u30bf\u30fc\u30b2\u30c3\u30c8 \u30d0\u30fc\u30b8\u30e7\u30f3\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002es3\u3001es5\u3001es6\u3001es2015\u3001es2016\u3001es2017\u3001es2018\u3001es2019\u3001es2020\u3001esnext \u306a\u3069\u3067\u3059\u3002<\/li>\n\n\n\n<li>module: \u30b3\u30f3\u30d1\u30a4\u30eb\u6e08\u307f\u51fa\u529b\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u5f62\u5f0f\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002commonjs\u3001amd\u3001system\u3001umd\u3001es2015\u3001es2020\u3001esnext \u306a\u3069\u3092\u6307\u5b9a\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li>outDir: \u30b3\u30f3\u30d1\u30a4\u30eb\u6e08\u307f\u51fa\u529b\u306e\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li>sourceMap: \u30bd\u30fc\u30b9 \u30b3\u30fc\u30c9 \u30de\u30c3\u30d7 \u30d5\u30a1\u30a4\u30eb\u3092\u751f\u6210\u3059\u308b\u304b\u3069\u3046\u304b\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li>strict: strict \u30e2\u30fc\u30c9\u3092\u6709\u52b9\u306b\u3057\u3066\u3001\u30b3\u30fc\u30c9\u306e\u54c1\u8cea\u3068\u4fdd\u5b88\u6027\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002<\/li>\n\n\n\n<li>noImplicitAny: \u6697\u9ed9\u306e any \u578b\u3092\u7981\u6b62\u3057\u3001\u30b3\u30fc\u30c9 \u30bf\u30a4\u30d7\u306e\u5b89\u5168\u6027\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002<\/li>\n\n\n\n<li>noUnusedLocals: \u672a\u4f7f\u7528\u306e\u30ed\u30fc\u30ab\u30eb\u5909\u6570\u3068\u95a2\u6570\u3092\u30c1\u30a7\u30c3\u30af\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li>noUnusedParameters: \u672a\u4f7f\u7528\u306e\u95a2\u6570\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3092\u78ba\u8a8d\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li>allowJs: \u30b3\u30f3\u30d1\u30a4\u30e9\u304c JavaScript \u30d5\u30a1\u30a4\u30eb\u3092\u30b3\u30f3\u30d1\u30a4\u30eb\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u5ba3\u8a00: \u5ba3\u8a00\u30d5\u30a1\u30a4\u30eb (.d.ts) \u3092\u751f\u6210\u3057\u307e\u3059\u3002<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\" start=\"3\">\n<li>include \u5c5e\u6027: include \u5c5e\u6027\u306f\u3001\u30b3\u30f3\u30d1\u30a4\u30eb\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u30d5\u30a1\u30a4\u30eb\u307e\u305f\u306f\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u3092\u6307\u5b9a\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002[&#8220;src\/**\/*.ts&#8221;] \u306e\u3088\u3046\u306b\u3001\u5404\u8981\u7d20\u304c\u30d5\u30a1\u30a4\u30eb\u307e\u305f\u306f\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306e\u30ef\u30a4\u30eb\u30c9\u30ab\u30fc\u30c9\u3067\u3042\u308b\u914d\u5217\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li>exclude \u5c5e\u6027: exclude \u5c5e\u6027\u306f\u3001\u30b3\u30f3\u30d1\u30a4\u30eb\u3059\u308b\u5fc5\u8981\u306e\u306a\u3044\u30d5\u30a1\u30a4\u30eb\u307e\u305f\u306f\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u3092\u6307\u5b9a\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002[&#8220;node_modules&#8221;] \u306e\u3088\u3046\u306b\u3001\u5404\u8981\u7d20\u304c\u30d5\u30a1\u30a4\u30eb\u307e\u305f\u306f\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306e\u30ef\u30a4\u30eb\u30c9\u30ab\u30fc\u30c9\u3067\u3042\u308b\u914d\u5217\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u5b9f\u969b\u306e\u958b\u767a\u3067\u306f\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30cb\u30fc\u30ba\u306b\u5fdc\u3058\u3066 tsconfig.json \u30d5\u30a1\u30a4\u30eb\u306e\u69cb\u6210\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u5909\u66f4\u3057\u3066\u3001\u30b3\u30f3\u30d1\u30a4\u30e9\u306e\u52d5\u4f5c\u3068\u30b3\u30f3\u30d1\u30a4\u30eb \u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/edu.ujhb.org\/?p=1728\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/chat.openai.com\/_next\/image?url=https%3A%2F%2Flh3.googleusercontent.com%2Fa%2FAGNmyxbwVdnTP0E2eBqDrujRQjV-wFP12Thr4vFgysVv5A%3Ds96-c&amp;w=96&amp;q=75\" alt=\"gun tei\"\/><\/figure>\n\n\n\n<p>\u30b3\u30f3\u30d1\u30a4\u30eb\u30aa\u30d7\u30b7\u30e7\u30f3\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n<p>\u30b3\u30f3\u30d1\u30a4\u30eb \u30aa\u30d7\u30b7\u30e7\u30f3\u3068\u306f\u3001TypeScript \u306e\u30b3\u30f3\u30d1\u30a4\u30eb \u30d7\u30ed\u30bb\u30b9\u4e2d\u306b\u8a2d\u5b9a\u3057\u3066\u3001\u30b3\u30f3\u30d1\u30a4\u30e9\u306e\u52d5\u4f5c\u3068\u51fa\u529b\u7d50\u679c\u3092\u6307\u5b9a\u3067\u304d\u308b\u3044\u304f\u3064\u304b\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3068\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3092\u6307\u3057\u307e\u3059\u3002\u4ee5\u4e0b\u306f\u3001\u4e00\u822c\u7684\u306b\u4f7f\u7528\u3055\u308c\u308b\u3044\u304f\u3064\u304b\u306e\u30b3\u30f3\u30d1\u30a4\u30eb \u30aa\u30d7\u30b7\u30e7\u30f3\u306e\u8a73\u7d30\u306a\u8aac\u660e\u3067\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>target: \u30b3\u30f3\u30d1\u30a4\u30eb\u6e08\u307f\u51fa\u529b\u306e\u30bf\u30fc\u30b2\u30c3\u30c8 \u30d0\u30fc\u30b8\u30e7\u30f3\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002\u3053\u308c\u306f\u3001es3\u3001es5\u3001es6\u3001es2015\u3001es2016\u3001es2017\u3001es2018\u3001es2019\u3001es2020\u3001esnext \u306a\u3069\u3067\u3059\u3002\u30c7\u30d5\u30a9\u30eb\u30c8\u306f es3 \u3067\u3059\u3002\u3088\u308a\u9ad8\u3044\u30bf\u30fc\u30b2\u30c3\u30c8 \u30d0\u30fc\u30b8\u30e7\u30f3\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u304c\u5411\u4e0a\u3057\u3001\u8a00\u8a9e\u6a5f\u80fd\u304c\u5897\u3048\u308b\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059\u304c\u3001\u4e92\u63db\u6027\u306e\u554f\u984c\u304c\u767a\u751f\u3059\u308b\u53ef\u80fd\u6027\u3082\u3042\u308a\u307e\u3059\u3002<\/li>\n\n\n\n<li>module: \u30b3\u30f3\u30d1\u30a4\u30eb\u6e08\u307f\u51fa\u529b\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u5f62\u5f0f\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002\u3053\u308c\u306f\u3001commonjs\u3001amd\u3001system\u3001umd\u3001es2015\u3001es2020\u3001esnext \u306a\u3069\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u30c7\u30d5\u30a9\u30eb\u30c8\u306f commonjs \u3067\u3059\u3002\u30e2\u30b8\u30e5\u30fc\u30eb\u5f62\u5f0f\u304c\u7570\u306a\u308c\u3070\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3 \u30b7\u30ca\u30ea\u30aa\u3068\u4e92\u63db\u6027\u3082\u7570\u306a\u308a\u3001\u7279\u5b9a\u306e\u72b6\u6cc1\u306b\u5fdc\u3058\u3066\u9078\u629e\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/li>\n\n\n\n<li>lib: \u542b\u3081\u308b\u30e9\u30a4\u30d6\u30e9\u30ea \u30d5\u30a1\u30a4\u30eb\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002\u3053\u308c\u306f\u3001dom\u3001es5\u3001es6\u3001es2015\u3001es2016\u3001es2017\u3001es2018\u3001es2019\u3001es2020\u3001esnext \u306a\u3069\u3067\u3059\u3002\u30c7\u30d5\u30a9\u30eb\u30c8\u306f\u7a7a\u306e\u914d\u5217\u3067\u3059\u3002\u3055\u307e\u3056\u307e\u306a\u30e9\u30a4\u30d6\u30e9\u30ea \u30d5\u30a1\u30a4\u30eb\u306b\u306f\u3055\u307e\u3056\u307e\u306a\u578b\u5b9a\u7fa9\u3068\u8a00\u8a9e\u6a5f\u80fd\u304c\u542b\u307e\u308c\u3066\u304a\u308a\u3001\u7279\u5b9a\u306e\u72b6\u6cc1\u306b\u5fdc\u3058\u3066\u9078\u629e\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/li>\n\n\n\n<li>outDir: \u30b3\u30f3\u30d1\u30a4\u30eb\u6e08\u307f\u306e\u51fa\u529b\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002\u76f8\u5bfe\u30d1\u30b9\u307e\u305f\u306f\u7d76\u5bfe\u30d1\u30b9\u3092\u6307\u5b9a\u3067\u304d\u307e\u3059\u3002\u30c7\u30d5\u30a9\u30eb\u30c8\u5024\u306f\u30cc\u30eb\u3067\u3059\u3002\u51fa\u529b\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306f\u65e2\u5b58\u306e\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u3067\u3042\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u5b58\u5728\u3057\u306a\u3044\u5834\u5408\u306f\u3001\u30b3\u30f3\u30d1\u30a4\u30e9\u304c\u81ea\u52d5\u7684\u306b\u4f5c\u6210\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li>outFile: \u30b3\u30f3\u30d1\u30a4\u30eb\u51fa\u529b\u7528\u306e\u5358\u4e00\u30d5\u30a1\u30a4\u30eb\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002\u76f8\u5bfe\u30d1\u30b9\u307e\u305f\u306f\u7d76\u5bfe\u30d1\u30b9\u3092\u6307\u5b9a\u3067\u304d\u307e\u3059\u3002\u30c7\u30d5\u30a9\u30eb\u30c8\u5024\u306f\u30cc\u30eb\u3067\u3059\u3002outFile \u30aa\u30d7\u30b7\u30e7\u30f3\u304c\u6307\u5b9a\u3055\u308c\u3066\u3044\u308b\u5834\u5408\u3001\u30b3\u30f3\u30d1\u30a4\u30e9\u306f\u3059\u3079\u3066\u306e\u51fa\u529b\u30b3\u30fc\u30c9\u3092\u3053\u306e\u30d5\u30a1\u30a4\u30eb\u306b\u30de\u30fc\u30b8\u3057\u307e\u3059\u3002\u305d\u308c\u4ee5\u5916\u306e\u5834\u5408\u3001\u8907\u6570\u306e\u30d5\u30a1\u30a4\u30eb\u304c\u751f\u6210\u3055\u308c\u307e\u3059\u3002<\/li>\n\n\n\n<li>sourceMap: \u30bd\u30fc\u30b9 \u30b3\u30fc\u30c9 \u30de\u30c3\u30d7 \u30d5\u30a1\u30a4\u30eb\u3092\u751f\u6210\u3059\u308b\u304b\u3069\u3046\u304b\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002\u3053\u308c\u306f true \u307e\u305f\u306f false \u3067\u3059\u3002\u30c7\u30d5\u30a9\u30eb\u30c8\u5024\u306f false \u3067\u3059\u3002true \u306b\u8a2d\u5b9a\u3059\u308b\u3068\u3001\u30b3\u30f3\u30d1\u30a4\u30e9\u306f\u3001\u30c7\u30d0\u30c3\u30b0\u304a\u3088\u3073\u30b3\u30fc\u30c9 \u30c8\u30ec\u30fc\u30b9\u7528\u306b\u30b3\u30f3\u30d1\u30a4\u30eb\u7d50\u679c\u3068\u540c\u3058\u540d\u524d\u306e\u300c.map\u300d\u30d5\u30a1\u30a4\u30eb\u3092\u751f\u6210\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u5ba3\u8a00: \u5ba3\u8a00\u30d5\u30a1\u30a4\u30eb (.d.ts) \u3092\u751f\u6210\u3059\u308b\u304b\u3069\u3046\u304b\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002\u3053\u308c\u306f true \u307e\u305f\u306f false \u3067\u3059\u3002\u30c7\u30d5\u30a9\u30eb\u30c8\u5024\u306f false \u3067\u3059\u3002true \u306b\u8a2d\u5b9a\u3059\u308b\u3068\u3001\u30b3\u30f3\u30d1\u30a4\u30e9\u306f\u51fa\u529b\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u5185\u306e\u5404\u30bd\u30fc\u30b9 \u30d5\u30a1\u30a4\u30eb\u306b\u5bfe\u5fdc\u3059\u308b\u5ba3\u8a00\u30d5\u30a1\u30a4\u30eb\u3092\u751f\u6210\u3057\u3001\u578b\u30c1\u30a7\u30c3\u30af\u3068\u30b3\u30fc\u30c9 \u30d2\u30f3\u30c8\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li>removeComments: \u30b3\u30e1\u30f3\u30c8\u3092\u524a\u9664\u3059\u308b\u304b\u3069\u3046\u304b\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002\u3053\u308c\u306f true \u307e\u305f\u306f false \u3067\u3059\u3002\u30c7\u30d5\u30a9\u30eb\u30c8\u5024\u306f false \u3067\u3059\u3002true \u306b\u8a2d\u5b9a\u3059\u308b\u3068\u3001\u30b3\u30f3\u30d1\u30a4\u30e9\u306f\u30bd\u30fc\u30b9 \u30b3\u30fc\u30c9\u5185\u306e\u3059\u3079\u3066\u306e\u30b3\u30e1\u30f3\u30c8\u3092\u524a\u9664\u3059\u308b\u305f\u3081\u3001\u51fa\u529b\u30d5\u30a1\u30a4\u30eb\u306e\u30b5\u30a4\u30ba\u304c\u7e2e\u5c0f\u3055\u308c\u307e\u3059\u3002<\/li>\n\n\n\n<li>noImplicitAny: \u6697\u9ed9\u306e any \u578b\u3092\u7981\u6b62\u3059\u308b\u304b\u3069\u3046\u304b\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002\u3053\u308c\u306f true \u307e\u305f\u306f false \u306e\u3044\u305a\u308c\u304b\u3067\u3059\u3002\u30c7\u30d5\u30a9\u30eb\u30c8\u5024\u306f false \u3067\u3059\u3002true \u306b\u8a2d\u5b9a\u3059\u308b\u3068\u3001\u30b3\u30f3\u30d1\u30a4\u30e9\u306f\u3059\u3079\u3066\u306e\u578b\u6307\u5b9a\u3055\u308c\u3066\u3044\u306a\u3044\u5909\u6570\u3068\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u306b\u5bfe\u3057\u3066\u8b66\u544a\u307e\u305f\u306f\u30a8\u30e9\u30fc\u3092\u767a\u884c\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li>strict: \u53b3\u5bc6\u30e2\u30fc\u30c9\u3092\u6709\u52b9\u306b\u3059\u308b\u304b\u3069\u3046\u304b\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002\u3053\u308c\u306f true \u307e\u305f\u306f false \u3067\u3059\u3002\u30c7\u30d5\u30a9\u30eb\u30c8\u5024\u306f false \u3067\u3059\u3002true \u306b\u8a2d\u5b9a\u3059\u308b\u3068\u3001\u30b3\u30f3\u30d1\u30a4\u30e9\u306f noImplicitAny\u3001noImplicitThis\u3001strictNullChecks\u3001strictFunctionTypes\u3001strict \u3092\u542b\u3080\u3059\u3079\u3066\u306e\u53b3\u5bc6\u30e2\u30fc\u30c9 \u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u6709\u52b9\u306b\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/edu.ujhb.org\/?p=1728\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/chat.openai.com\/_next\/image?url=https%3A%2F%2Flh3.googleusercontent.com%2Fa%2FAGNmyxbwVdnTP0E2eBqDrujRQjV-wFP12Thr4vFgysVv5A%3Ds96-c&amp;w=96&amp;q=75\" alt=\"gun tei\"\/><\/figure>\n\n\n\n<p>\u7d9a\u3051\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n<p>\u30d7\u30ed\u30d1\u30c6\u30a3\u306e\u521d\u671f\u5316\u30c1\u30a7\u30c3\u30af\u306a\u3069\u306b\u3088\u308a\u3001\u30b3\u30fc\u30c9\u306e\u54c1\u8cea\u3068\u4fdd\u5b88\u6027\u304c\u5411\u4e0a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"11\">\n<li>noUnusedLocals: \u672a\u4f7f\u7528\u306e\u30ed\u30fc\u30ab\u30eb\u5909\u6570\u3068\u95a2\u6570\u3092\u30c1\u30a7\u30c3\u30af\u3059\u308b\u304b\u3069\u3046\u304b\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002\u3053\u308c\u306f true \u307e\u305f\u306f false \u3067\u3059\u3002\u30c7\u30d5\u30a9\u30eb\u30c8\u5024\u306f false \u3067\u3059\u3002true \u306b\u8a2d\u5b9a\u3059\u308b\u3068\u3001\u30b3\u30f3\u30d1\u30a4\u30e9\u306f\u672a\u4f7f\u7528\u306e\u3059\u3079\u3066\u306e\u30ed\u30fc\u30ab\u30eb\u5909\u6570\u3068\u95a2\u6570\u306b\u5bfe\u3057\u3066\u8b66\u544a\u307e\u305f\u306f\u30a8\u30e9\u30fc\u3092\u767a\u884c\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li>noUnusedParameters: \u672a\u4f7f\u7528\u306e\u95a2\u6570\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3092\u30c1\u30a7\u30c3\u30af\u3059\u308b\u304b\u3069\u3046\u304b\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002\u3053\u308c\u306f\u3001true \u307e\u305f\u306f false \u306e\u3044\u305a\u308c\u304b\u306b\u306a\u308a\u307e\u3059\u3002\u30c7\u30d5\u30a9\u30eb\u30c8\u5024\u306f false \u3067\u3059\u3002true \u306b\u8a2d\u5b9a\u3059\u308b\u3068\u3001\u30b3\u30f3\u30d1\u30a4\u30e9\u306f\u672a\u4f7f\u7528\u306e\u3059\u3079\u3066\u306e\u95a2\u6570\u5f15\u6570\u306b\u5bfe\u3057\u3066\u8b66\u544a\u307e\u305f\u306f\u30a8\u30e9\u30fc\u3092\u767a\u884c\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li>allowJs: \u30b3\u30f3\u30d1\u30a4\u30e9\u304c JavaScript \u30d5\u30a1\u30a4\u30eb\u3092\u30b3\u30f3\u30d1\u30a4\u30eb\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u304b\u3069\u3046\u304b\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002\u3053\u308c\u306f\u3001true \u307e\u305f\u306f false \u306e\u3044\u305a\u308c\u304b\u3067\u3059\u3002\u30c7\u30d5\u30a9\u30eb\u30c8\u5024\u306f false \u3067\u3059\u3002true \u306b\u8a2d\u5b9a\u3059\u308b\u3068\u3001\u30b3\u30f3\u30d1\u30a4\u30e9\u306f\u578b\u30c1\u30a7\u30c3\u30af\u306a\u3057\u3067 JavaScript \u30d5\u30a1\u30a4\u30eb\u3092\u81ea\u52d5\u7684\u306b\u30b3\u30f3\u30d1\u30a4\u30eb\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li>checkJs: JavaScript \u30d5\u30a1\u30a4\u30eb\u306e\u578b\u30c1\u30a7\u30c3\u30af\u3092\u5b9f\u884c\u3059\u308b\u304b\u3069\u3046\u304b\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002\u3053\u308c\u306f\u3001true \u307e\u305f\u306f false \u306e\u3044\u305a\u308c\u304b\u3067\u3059\u3002\u30c7\u30d5\u30a9\u30eb\u30c8\u5024\u306f false \u3067\u3059\u3002true \u306b\u8a2d\u5b9a\u3059\u308b\u3068\u3001\u30b3\u30f3\u30d1\u30a4\u30e9\u306f JavaScript \u30d5\u30a1\u30a4\u30eb\u306e\u578b\u3092\u30c1\u30a7\u30c3\u30af\u3057\u3001TypeScript \u30d5\u30a1\u30a4\u30eb\u3068\u3057\u3066\u30b3\u30f3\u30d1\u30a4\u30eb\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li>baseUrl: \u975e\u76f8\u5bfe\u30e2\u30b8\u30e5\u30fc\u30eb\u540d\u3092\u89e3\u6c7a\u3059\u308b\u305f\u3081\u306e\u30d9\u30fc\u30b9 \u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002\u76f8\u5bfe\u30d1\u30b9\u307e\u305f\u306f\u7d76\u5bfe\u30d1\u30b9\u3092\u6307\u5b9a\u3067\u304d\u307e\u3059\u3002\u30c7\u30d5\u30a9\u30eb\u30c8\u5024\u306f\u30cc\u30eb\u3067\u3059\u3002baseUrl \u30aa\u30d7\u30b7\u30e7\u30f3\u306e\u5024\u306f\u65e2\u5b58\u306e\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u3067\u3042\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u5b58\u5728\u3057\u306a\u3044\u5834\u5408\u306f\u3001\u30b3\u30f3\u30d1\u30a4\u30e9\u306b\u3088\u3063\u3066\u81ea\u52d5\u7684\u306b\u4f5c\u6210\u3055\u308c\u307e\u3059\u3002<\/li>\n\n\n\n<li>paths: \u6307\u5b9a\u3057\u305f\u30e2\u30b8\u30e5\u30fc\u30eb\u540d\u304b\u3089 baseUrl \u3078\u306e\u30d1\u30b9 \u30de\u30c3\u30d4\u30f3\u30b0\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002\u3053\u308c\u306f\u3001\u30aa\u30d6\u30b8\u30a7\u30af\u30c8 \u30ea\u30c6\u30e9\u30eb\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u30ad\u30fc\u306f\u30e2\u30b8\u30e5\u30fc\u30eb\u540d\u3092\u8868\u3057\u3001\u5024\u306f\u30de\u30c3\u30d4\u30f3\u30b0 \u30d1\u30b9\u3092\u8868\u3057\u307e\u3059\u3002\u4f8b\u3048\u3070\uff1a<\/li>\n<\/ol>\n\n\n\n<pre class=\"wp-block-preformatted\">json\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc<code>{\n  \"jquery\": [\"node_modules\/jquery\/dist\/jquery.min.js\"]\n}\n<\/code><\/pre>\n\n\n\n<ol class=\"wp-block-list\" start=\"17\">\n<li>strictNullChecks: \u53b3\u5bc6\u306a null \u30c1\u30a7\u30c3\u30af\u3092\u6709\u52b9\u306b\u3059\u308b\u304b\u3069\u3046\u304b\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002\u3053\u308c\u306f true \u307e\u305f\u306f false \u306e\u3044\u305a\u308c\u304b\u3067\u3059\u3002\u30c7\u30d5\u30a9\u30eb\u30c8\u5024\u306f false \u3067\u3059\u3002true \u306b\u8a2d\u5b9a\u3059\u308b\u3068\u3001\u95a2\u9023\u3059\u308b\u30e9\u30f3\u30bf\u30a4\u30e0 \u30a8\u30e9\u30fc\u3092\u56de\u907f\u3059\u308b\u305f\u3081\u306b\u3001\u30b3\u30f3\u30d1\u30a4\u30e9\u306f\u3059\u3079\u3066\u306e\u5909\u6570\u3068\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u306e\u5024\u304c null \u307e\u305f\u306f\u672a\u5b9a\u7fa9\u3067\u3042\u308b\u304b\u3069\u3046\u304b\u3092\u30c1\u30a7\u30c3\u30af\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li>strictFunctionTypes: \u53b3\u5bc6\u306a\u95a2\u6570\u578b\u30c1\u30a7\u30c3\u30af\u3092\u6709\u52b9\u306b\u3059\u308b\u304b\u3069\u3046\u304b\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002\u3053\u308c\u306f true \u307e\u305f\u306f false \u3067\u3059\u3002\u30c7\u30d5\u30a9\u30eb\u30c8\u5024\u306f false \u3067\u3059\u3002true \u306b\u8a2d\u5b9a\u3059\u308b\u3068\u3001\u30b3\u30f3\u30d1\u30a4\u30e9\u306f\u95a2\u6570\u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u306e\u578b\u3068\u623b\u308a\u5024\u306e\u578b\u3092\u3088\u308a\u53b3\u5bc6\u306b\u30c1\u30a7\u30c3\u30af\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u5168\u4f53\u3068\u3057\u3066\u3001\u30b3\u30f3\u30d1\u30a4\u30eb \u30aa\u30d7\u30b7\u30e7\u30f3\u306f TypeScript \u306e\u975e\u5e38\u306b\u91cd\u8981\u306a\u90e8\u5206\u3067\u3042\u308a\u3001\u30b3\u30fc\u30c9\u306e\u54c1\u8cea\u3001\u4fdd\u5b88\u6027\u3001\u53ef\u8aad\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u306e\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002\u5b9f\u969b\u306e\u958b\u767a\u3067\u306f\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30cb\u30fc\u30ba\u3084\u7279\u6027\u306b\u5fdc\u3058\u3066\u9069\u5207\u306a\u30b3\u30f3\u30d1\u30a4\u30eb \u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u9078\u629e\u3057\u3001\u305d\u308c\u3089\u306e\u5024\u3092\u67d4\u8edf\u306b\u8abf\u6574\u3057\u3066\u3001\u6700\u9069\u306a\u30b3\u30f3\u30d1\u30a4\u30eb\u52b9\u679c\u3068\u51fa\u529b\u7d50\u679c\u304c\u5f97\u3089\u308c\u308b\u3088\u3046\u306b\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/edu.ujhb.org\/?p=1728\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/chat.openai.com\/_next\/image?url=https%3A%2F%2Flh3.googleusercontent.com%2Fa%2FAGNmyxbwVdnTP0E2eBqDrujRQjV-wFP12Thr4vFgysVv5A%3Ds96-c&amp;w=96&amp;q=75\" alt=\"gun tei\"\/><\/figure>\n\n\n\n<p>\u30b3\u30f3\u30d1\u30a4\u30eb\u3068\u30c7\u30d0\u30c3\u30b0\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n<p>\u30b3\u30f3\u30d1\u30a4\u30eb\u3068\u30c7\u30d0\u30c3\u30b0\u306f\u3001\u30d7\u30ed\u30b0\u30e9\u30e0\u958b\u767a\u30d7\u30ed\u30bb\u30b9\u306b\u304a\u3051\u308b 2 \u3064\u306e\u975e\u5e38\u306b\u91cd\u8981\u306a\u30b9\u30c6\u30c3\u30d7\u3067\u3059\u3002\u30b3\u30f3\u30d1\u30a4\u30eb\u306f\u30bd\u30fc\u30b9\u30b3\u30fc\u30c9\u3092\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u30b3\u30fc\u30c9\u306b\u5909\u63db\u3059\u308b\u30d7\u30ed\u30bb\u30b9\u3092\u6307\u3057\u3001\u30c7\u30d0\u30c3\u30b0\u306f\u30d7\u30ed\u30b0\u30e9\u30e0\u306e\u5b9f\u884c\u4e2d\u306b\u30a8\u30e9\u30fc\u3092\u898b\u3064\u3051\u3066\u4fee\u6b63\u3059\u308b\u30d7\u30ed\u30bb\u30b9\u3092\u6307\u3057\u307e\u3059\u3002TypeScript \u306e\u30b3\u30f3\u30d1\u30a4\u30eb\u3068\u30c7\u30d0\u30c3\u30b0\u306e\u8a73\u7d30\u306a\u8aac\u660e\u306f\u6b21\u306e\u3068\u304a\u308a\u3067\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u30b3\u30f3\u30d1\u30a4\u30eb\uff1a<\/li>\n<\/ol>\n\n\n\n<p>TypeScript \u30b3\u30f3\u30d1\u30a4\u30e9\u306f\u3001TypeScript \u30bd\u30fc\u30b9 \u30b3\u30fc\u30c9\u3092 JavaScript \u30aa\u30d6\u30b8\u30a7\u30af\u30c8 \u30b3\u30fc\u30c9\u306b\u5909\u63db\u3067\u304d\u307e\u3059\u3002\u30b3\u30f3\u30d1\u30a4\u30eb\u4e2d\u3001TypeScript \u30b3\u30f3\u30d1\u30a4\u30e9\u306f\u6b21\u306e\u3053\u3068\u3092\u884c\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u69cb\u6587\u5206\u6790: \u30bd\u30fc\u30b9 \u30b3\u30fc\u30c9\u3092\u62bd\u8c61\u69cb\u6587\u30c4\u30ea\u30fc (AST) \u306b\u5206\u6790\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u578b\u30c1\u30a7\u30c3\u30af: \u578b\u306e\u4e0d\u4e00\u81f4\u3001\u672a\u5b9a\u7fa9\u306e\u5909\u6570\u306a\u3069\u306e\u578b\u30a8\u30e9\u30fc\u306b\u3064\u3044\u3066\u30b3\u30fc\u30c9\u3092\u30c1\u30a7\u30c3\u30af\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u30b3\u30fc\u30c9\u751f\u6210: AST \u3092 JavaScript \u30b3\u30fc\u30c9\u306b\u5909\u63db\u3057\u3001\u3044\u304f\u3064\u304b\u306e\u6700\u9069\u5316\u3068\u5909\u63db\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u51fa\u529b\u30d5\u30a1\u30a4\u30eb: \u751f\u6210\u3055\u308c\u305f JavaScript \u30b3\u30fc\u30c9\u3092\u6307\u5b9a\u3057\u305f\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u307e\u305f\u306f\u30d5\u30a1\u30a4\u30eb\u306b\u51fa\u529b\u3057\u307e\u3059\u3002<\/li>\n<\/ul>\n\n\n\n<p>TypeScript \u30b3\u30f3\u30d1\u30a4\u30e9\u306f\u3001\u30b3\u30de\u30f3\u30c9 \u30e9\u30a4\u30f3\u307e\u305f\u306f\u7d71\u5408\u958b\u767a\u74b0\u5883 (IDE) \u304b\u3089\u547c\u3073\u51fa\u3059\u3053\u3068\u3082\u3001\u30d3\u30eb\u30c9 \u30b7\u30b9\u30c6\u30e0\u5185\u3067\u81ea\u52d5\u5316\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002\u30b3\u30f3\u30d1\u30a4\u30e9\u3092\u8d77\u52d5\u3059\u308b\u3068\u304d\u306b\u3001\u3055\u307e\u3056\u307e\u306a\u30b3\u30f3\u30d1\u30a4\u30eb \u30aa\u30d7\u30b7\u30e7\u30f3\u3068\u30d1\u30e9\u30e1\u30fc\u30bf\u3092\u6307\u5b9a\u3057\u3066\u3001\u30b3\u30f3\u30d1\u30a4\u30e9\u306e\u52d5\u4f5c\u3068\u51fa\u529b\u3092\u5236\u5fa1\u3067\u304d\u307e\u3059\u3002\u305f\u3068\u3048\u3070\u3001\u51fa\u529b\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u3001\u30bf\u30fc\u30b2\u30c3\u30c8\u30d0\u30fc\u30b8\u30e7\u30f3\u3001\u30e2\u30b8\u30e5\u30fc\u30eb\u5f62\u5f0f\u3001\u30bd\u30fc\u30b9\u30de\u30c3\u30d7\u3001\u5ba3\u8a00\u30d5\u30a1\u30a4\u30eb\u306a\u3069\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u6307\u5b9a\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>\u30c7\u30d0\u30c3\u30b0:<\/li>\n<\/ol>\n\n\n\n<p>\u30d7\u30ed\u30b0\u30e9\u30e0\u306e\u5b9f\u884c\u4e2d\u306b\u3001\u30c7\u30d0\u30c3\u30ac\u30fc\u3092\u4f7f\u7528\u3057\u3066\u30b3\u30fc\u30c9\u3092\u30c7\u30d0\u30c3\u30b0\u3057\u3001\u30a8\u30e9\u30fc\u3092\u898b\u3064\u3051\u3066\u4fee\u6b63\u3067\u304d\u307e\u3059\u3002TypeScript \u306e\u30c7\u30d0\u30c3\u30b0\u65b9\u6cd5\u306f JavaScript \u3068\u540c\u69d8\u3067\u3001\u30d6\u30e9\u30a6\u30b6\u958b\u767a\u30c4\u30fc\u30eb\u3084 Visual Studio Code \u306a\u3069\u3092\u4f7f\u7528\u3057\u3066\u30b3\u30fc\u30c9\u3092\u30c7\u30d0\u30c3\u30b0\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p>TypeScript \u30c7\u30d0\u30c3\u30b0\u306e\u30d7\u30ed\u30bb\u30b9\u306b\u306f\u3001\u4e3b\u306b\u6b21\u306e\u624b\u9806\u304c\u542b\u307e\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u30d6\u30ec\u30fc\u30af\u30dd\u30a4\u30f3\u30c8\u306e\u8a2d\u5b9a: \u30b3\u30fc\u30c9\u306e\u5b9f\u884c\u3092\u4e00\u6642\u505c\u6b62\u3059\u308b\u305f\u3081\u306b\u30c7\u30d0\u30c3\u30b0\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u30b3\u30fc\u30c9\u884c\u306b\u30d6\u30ec\u30fc\u30af\u30dd\u30a4\u30f3\u30c8\u3092\u8a2d\u5b9a\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u30c7\u30d0\u30c3\u30ac\u30fc\u306e\u958b\u59cb: \u30c7\u30d0\u30c3\u30ac\u30fc \u30c4\u30fc\u30eb\u3092\u4f7f\u7528\u3057\u3066\u30d7\u30ed\u30b0\u30e9\u30e0\u3092\u958b\u59cb\u3057\u3001\u30d6\u30ec\u30fc\u30af\u30dd\u30a4\u30f3\u30c8\u304c\u30c8\u30ea\u30ac\u30fc\u3055\u308c\u308b\u306e\u3092\u5f85\u3061\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u30b3\u30fc\u30c9\u306e\u30c7\u30d0\u30c3\u30b0: \u30d6\u30ec\u30fc\u30af\u30dd\u30a4\u30f3\u30c8\u304c\u30c8\u30ea\u30ac\u30fc\u3055\u308c\u305f\u5f8c\u3001\u30c7\u30d0\u30c3\u30ac\u30fc \u30c4\u30fc\u30eb\u3092\u4f7f\u7528\u3057\u3066\u5909\u6570\u5024\u3092\u8868\u793a\u304a\u3088\u3073\u5909\u66f4\u3057\u3001\u30b3\u30fc\u30c9\u3092\u5b9f\u884c\u3057\u3001\u30b7\u30f3\u30b0\u30eb \u30b9\u30c6\u30c3\u30d7\u64cd\u4f5c\u3092\u5b9f\u884c\u3057\u3066\u30a8\u30e9\u30fc\u3092\u7279\u5b9a\u3057\u3066\u4fee\u6b63\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u30c7\u30d0\u30c3\u30b0\u306e\u7d42\u4e86: \u30c7\u30d0\u30c3\u30b0\u304c\u5b8c\u4e86\u3057\u305f\u3089\u3001\u30c7\u30d0\u30c3\u30ac\u30fc \u30c4\u30fc\u30eb\u3092\u9589\u3058\u3066\u3001\u30d7\u30ed\u30b0\u30e9\u30e0\u306e\u5b9f\u884c\u3092\u7d9a\u884c\u3067\u304d\u307e\u3059\u3002<\/li>\n<\/ul>\n\n\n\n<p>\u30c7\u30d0\u30c3\u30b0 \u30d7\u30ed\u30bb\u30b9\u3067\u306f\u3001\u6761\u4ef6\u4ed8\u304d\u30d6\u30ec\u30fc\u30af\u30dd\u30a4\u30f3\u30c8\u3001\u30ed\u30b0\u51fa\u529b\u3001\u4f8b\u5916\u30ad\u30e3\u30d7\u30c1\u30e3\u306a\u3069\u306e\u30c7\u30d0\u30c3\u30b0\u624b\u6cd5\u3092\u4f7f\u7528\u3057\u3066\u3001\u30c7\u30d0\u30c3\u30b0\u306e\u52b9\u7387\u3068\u7cbe\u5ea6\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u3064\u307e\u308a\u3001\u30b3\u30f3\u30d1\u30a4\u30eb\u3068\u30c7\u30d0\u30c3\u30b0\u306f\u3001\u30d7\u30ed\u30b0\u30e9\u30e0\u958b\u767a\u306b\u4e0d\u53ef\u6b20\u306a 2 \u3064\u306e\u30ea\u30f3\u30af\u3067\u3042\u308a\u3001\u30b3\u30fc\u30c9\u306e\u7406\u89e3\u3092\u6df1\u3081\u3001\u30a8\u30e9\u30fc\u3092\u30c7\u30d0\u30c3\u30b0\u3057\u3001\u30d7\u30ed\u30b0\u30e9\u30e0\u3092\u6700\u9069\u5316\u3059\u308b\u306e\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002TypeScript \u3067\u958b\u767a\u3059\u308b\u5834\u5408\u3001\u6700\u9ad8\u306e\u958b\u767a\u7d4c\u9a13\u3068\u30b3\u30fc\u30c9\u54c1\u8cea\u3092\u5f97\u308b\u305f\u3081\u306b\u3001\u57fa\u672c\u7684\u306a\u30b3\u30f3\u30d1\u30a4\u30eb\u3068\u30c7\u30d0\u30c3\u30b0\u306e\u30c6\u30af\u30cb\u30c3\u30af\u3092\u7fd2\u5f97\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/edu.ujhb.org\/?p=1728\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/chat.openai.com\/_next\/image?url=https%3A%2F%2Flh3.googleusercontent.com%2Fa%2FAGNmyxbwVdnTP0E2eBqDrujRQjV-wFP12Thr4vFgysVv5A%3Ds96-c&amp;w=96&amp;q=75\" alt=\"gun tei\"\/><\/figure>\n\n\n\n<p>\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u69cb\u9020\u3092\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n<p>\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u69cb\u9020\u3068\u306f\u3001\u30d5\u30a1\u30a4\u30eb\u3068\u30d5\u30a9\u30eb\u30c0\u30fc\u304c TypeScript \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067\u7de8\u6210\u3055\u308c\u308b\u65b9\u6cd5\u3092\u6307\u3057\u307e\u3059\u3002\u512a\u308c\u305f\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u69cb\u9020\u306f\u3001\u30b3\u30fc\u30c9\u306e\u4fdd\u5b88\u3068\u62e1\u5f35\u3092\u5bb9\u6613\u306b\u3057\u3001\u30b3\u30fc\u30c9 \u30a8\u30e9\u30fc\u3068\u4f5c\u696d\u306e\u91cd\u8907\u3092\u6e1b\u3089\u3059\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u4e00\u822c\u7684\u306a TypeScript \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u69cb\u9020\u306e\u4f8b\u3092\u6b21\u306b\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">go\u30b3\u30d4\u30fc\u30b3\u30fc\u30c9<code>\u251c\u2500\u2500 node_modules\/      \/\/ \u7b2c\u4e09\u65b9\u4f9d\u8d56\u6a21\u5757\n\u251c\u2500\u2500 src\/               \/\/ \u6e90\u4ee3\u7801\u6587\u4ef6\u5939\n\u2502   \u251c\u2500\u2500 components\/   \/\/ \u7ec4\u4ef6\u4ee3\u7801\u6587\u4ef6\u5939\n\u2502   \u251c\u2500\u2500 services\/     \/\/ \u670d\u52a1\u4ee3\u7801\u6587\u4ef6\u5939\n\u2502   \u251c\u2500\u2500 models\/       \/\/ \u6a21\u578b\u4ee3\u7801\u6587\u4ef6\u5939\n\u2502   \u251c\u2500\u2500 utils\/        \/\/ \u5de5\u5177\u4ee3\u7801\u6587\u4ef6\u5939\n\u2502   \u251c\u2500\u2500 index.ts      \/\/ \u5165\u53e3\u6587\u4ef6\n\u251c\u2500\u2500 dist\/              \/\/ \u7f16\u8bd1\u8f93\u51fa\u6587\u4ef6\u5939\n\u251c\u2500\u2500 tsconfig.json      \/\/ TypeScript\u7f16\u8bd1\u914d\u7f6e\u6587\u4ef6\n\u251c\u2500\u2500 package.json       \/\/ \u9879\u76ee\u914d\u7f6e\u6587\u4ef6\n\u2514\u2500\u2500 README.md          \/\/ \u9879\u76ee\u8bf4\u660e\u6587\u4ef6\n<\/code><\/pre>\n\n\n\n<p>\u3053\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u69cb\u9020\u3067\u306f\u3001\u6b21\u306e\u91cd\u8981\u306a\u90e8\u5206\u3092\u898b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>node_modules: \u3053\u306e\u30d5\u30a9\u30eb\u30c0\u30fc\u306f\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u304c\u4f9d\u5b58\u3059\u308b\u30b5\u30fc\u30c9\u30d1\u30fc\u30c6\u30a3 \u30e2\u30b8\u30e5\u30fc\u30eb\u3092\u683c\u7d0d\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002\u3053\u308c\u3089\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306f\u3001npm \u3084 yarn \u306a\u3069\u306e\u30d1\u30c3\u30b1\u30fc\u30b8 \u30de\u30cd\u30fc\u30b8\u30e3\u30fc\u3092\u4ecb\u3057\u3066\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u304a\u3088\u3073\u7ba1\u7406\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li>src: \u3053\u306e\u30d5\u30a9\u30eb\u30c0\u30fc\u306f\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30bd\u30fc\u30b9 \u30b3\u30fc\u30c9\u3092\u683c\u7d0d\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002\u30b3\u30fc\u30c9\u306e\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u3068\u7ba1\u7406\u3092\u5bb9\u6613\u306b\u3059\u308b\u305f\u3081\u306b\u3001\u6a5f\u80fd\u3068\u30bf\u30a4\u30d7\u306b\u5fdc\u3058\u3066\u30b3\u30fc\u30c9\u3092\u3055\u307e\u3056\u307e\u306a\u30b5\u30d6\u30d5\u30a9\u30eb\u30c0\u30fc\u306b\u6574\u7406\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li>dist: \u3053\u306e\u30d5\u30a9\u30eb\u30c0\u30fc\u306f\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30b3\u30f3\u30d1\u30a4\u30eb\u6e08\u307f\u51fa\u529b\u30d5\u30a1\u30a4\u30eb\u3092\u683c\u7d0d\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002compile \u30b3\u30de\u30f3\u30c9\u3092\u5b9f\u884c\u3059\u308b\u3068\u3001\u30b3\u30f3\u30d1\u30a4\u30e9\u306f\u30bd\u30fc\u30b9 \u30b3\u30fc\u30c9\u3092 JavaScript \u30d5\u30a1\u30a4\u30eb\u306b\u30b3\u30f3\u30d1\u30a4\u30eb\u3057\u3001\u3053\u306e\u30d5\u30a9\u30eb\u30c0\u30fc\u306b\u51fa\u529b\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li>tsconfig.json: \u3053\u306e\u30d5\u30a1\u30a4\u30eb\u306f\u3001TypeScript \u30b3\u30f3\u30d1\u30a4\u30e9\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3068\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u3092\u69cb\u6210\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002\u3053\u306e\u30d5\u30a1\u30a4\u30eb\u3092\u7de8\u96c6\u3059\u308b\u3053\u3068\u3067\u3001\u30b3\u30f3\u30d1\u30a4\u30e9\u306e\u52d5\u4f5c\u3068\u51fa\u529b\u3092\u6307\u5b9a\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li>package.json: \u3053\u306e\u30d5\u30a1\u30a4\u30eb\u306f\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30e1\u30bf\u30c7\u30fc\u30bf\u3068\u69cb\u6210\u60c5\u5831\u3092\u683c\u7d0d\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002\u3053\u306e\u30d5\u30a1\u30a4\u30eb\u3067\u306f\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u540d\u3001\u4f5c\u6210\u8005\u3001\u30d0\u30fc\u30b8\u30e7\u30f3\u756a\u53f7\u3001\u4f9d\u5b58\u30e2\u30b8\u30e5\u30fc\u30eb\u3001\u304a\u3088\u3073\u305d\u306e\u4ed6\u306e\u60c5\u5831\u3092\u6307\u5b9a\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li>README.md: \u3053\u306e\u30d5\u30a1\u30a4\u30eb\u306f\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3092\u4fdd\u5b58\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002\u3053\u306e\u30d5\u30a1\u30a4\u30eb\u306b\u306f\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u6a5f\u80fd\u3001\u4f7f\u7528\u65b9\u6cd5\u3001\u6ce8\u610f\u4e8b\u9805\u306a\u3069\u3092\u8a18\u8ff0\u3067\u304d\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u3064\u307e\u308a\u3001\u9069\u5207\u306a\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u69cb\u9020\u306f\u3001\u30b3\u30fc\u30c9\u306e\u4fdd\u5b88\u3068\u62e1\u5f35\u3092\u5bb9\u6613\u306b\u3057\u3001\u30b3\u30fc\u30c9 \u30a8\u30e9\u30fc\u3068\u4f5c\u696d\u306e\u91cd\u8907\u3092\u6e1b\u3089\u3059\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u5b9f\u969b\u306e\u958b\u767a\u3067\u306f\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30cb\u30fc\u30ba\u3084\u7279\u6027\u306b\u5fdc\u3058\u3066\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u69cb\u9020\u3092\u67d4\u8edf\u306b\u8abf\u6574\u3057\u3001\u696d\u754c\u306e\u30d9\u30b9\u30c8 \u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u3084\u6a19\u6e96\u306b\u3067\u304d\u308b\u3060\u3051\u5f93\u3046\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/edu.ujhb.org\/?p=1728\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/chat.openai.com\/_next\/image?url=https%3A%2F%2Flh3.googleusercontent.com%2Fa%2FAGNmyxbwVdnTP0E2eBqDrujRQjV-wFP12Thr4vFgysVv5A%3Ds96-c&amp;w=96&amp;q=75\" alt=\"gun tei\"\/><\/figure>\n\n\n\n<p>\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u898f\u7d04\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u6559\u3048\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n<p>\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u4ed5\u69d8\u3068\u306f\u3001\u30d7\u30ed\u30b0\u30e9\u30de\u30fc\u304c\u30b3\u30fc\u30c9\u3092\u8a18\u8ff0\u3059\u308b\u3068\u304d\u306b\u5f93\u3046\u3079\u304d\u3044\u304f\u3064\u304b\u306e\u898f\u5247\u3068\u6a19\u6e96\u3092\u6307\u3057\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u30b3\u30fc\u30c9\u306e\u8aad\u307f\u3084\u3059\u3055\u3001\u4fdd\u5b88\u6027\u3001\u304a\u3088\u3073\u518d\u5229\u7528\u6027\u304c\u5411\u4e0a\u3057\u3001\u30b3\u30fc\u30c9 \u30a8\u30e9\u30fc\u3068\u4fdd\u5b88\u30b3\u30b9\u30c8\u304c\u524a\u6e1b\u3055\u308c\u307e\u3059\u3002\u4e00\u822c\u7684\u306a TypeScript \u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u898f\u7d04\u3092\u6b21\u306b\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u30a4\u30f3\u30c7\u30f3\u30c8: \u30bf\u30d6\u306e\u4ee3\u308f\u308a\u306b\u30a4\u30f3\u30c7\u30f3\u30c8\u306b 2 \u3064\u306e\u30b9\u30da\u30fc\u30b9\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u547d\u540d: \u5909\u6570\u3001\u95a2\u6570\u3001\u30af\u30e9\u30b9\u3001\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u306a\u3069\u306b\u610f\u5473\u306e\u3042\u308b\u308f\u304b\u308a\u3084\u3059\u3044\u540d\u524d\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002\u30ad\u30e3\u30e1\u30eb\u30b1\u30fc\u30b9\u307e\u305f\u306f\u30d1\u30b9\u30ab\u30eb\u30b1\u30fc\u30b9\u3092\u4f7f\u7528\u3057\u3066\u540d\u524d\u3092\u4ed8\u3051\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u7a7a\u767d: \u8aad\u307f\u3084\u3059\u304f\u3059\u308b\u305f\u3081\u306b\u3001\u6f14\u7b97\u5b50\u306e\u524d\u5f8c\u3001\u95a2\u6570\u540d\u3068\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc \u30ea\u30b9\u30c8\u306e\u9593\u3001\u4e2d\u62ec\u5f27\u3068\u30b9\u30c6\u30fc\u30c8\u30e1\u30f3\u30c8\u306e\u9593\u306a\u3069\u306b\u30b9\u30da\u30fc\u30b9\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u6539\u884c: \u9069\u5207\u306a\u6539\u884c\u3068\u30a4\u30f3\u30c7\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30b3\u30fc\u30c9\u3092\u69cb\u9020\u5316\u3057\u3066\u7406\u89e3\u3057\u3084\u3059\u304f\u3057\u307e\u3059\u3002\u305f\u3068\u3048\u3070\u3001\u95a2\u6570\u3001\u30af\u30e9\u30b9\u3001\u30aa\u30d6\u30b8\u30a7\u30af\u30c8 \u30ea\u30c6\u30e9\u30eb\u306a\u3069\u306e\u5b9a\u7fa9\u306e\u6700\u5f8c\u306b\u6539\u884c\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u30b3\u30e1\u30f3\u30c8: \u9069\u5207\u306a\u30b3\u30e1\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30b3\u30fc\u30c9\u306e\u610f\u56f3\u3068\u76ee\u7684\u3092\u8aac\u660e\u3057\u307e\u3059\u3002\u30b3\u30fc\u30c9\u306b\u30b3\u30e1\u30f3\u30c8\u3092\u8ffd\u52a0\u3059\u308b\u3068\u3001\u4ed6\u306e\u958b\u767a\u8005\u304c\u30b3\u30fc\u30c9\u3092\u3088\u308a\u901f\u304f\u7406\u89e3\u3057\u3001\u5909\u66f4\u3059\u308b\u306e\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u578b: \u5909\u6570\u3001\u95a2\u6570\u3001\u30af\u30e9\u30b9\u3001\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u306a\u3069\u3092\u5b9a\u7fa9\u3059\u308b\u3068\u304d\u306f\u3001\u660e\u793a\u7684\u306a\u578b\u6ce8\u91c8\u3092\u4f7f\u7528\u3057\u3066\u578b\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002\u578b\u30a8\u30a4\u30ea\u30a2\u30b9\u3084\u30b8\u30a7\u30cd\u30ea\u30c3\u30af\u306a\u3069\u306e\u6a5f\u80fd\u3092\u4f7f\u7528\u3057\u3066\u3001\u30b3\u30fc\u30c9\u306e\u8aad\u307f\u3084\u3059\u3055\u3068\u4fdd\u5b88\u6027\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u4f8b\u5916\u51e6\u7406: \u30b3\u30fc\u30c9\u3092\u4f5c\u6210\u3059\u308b\u3068\u304d\u306f\u3001\u8003\u3048\u3089\u308c\u308b\u30a8\u30e9\u30fc\u3068\u4f8b\u5916\u72b6\u6cc1\u3092\u8003\u616e\u3057\u3001\u9069\u5207\u306a\u4f8b\u5916\u51e6\u7406\u30b3\u30fc\u30c9\u3092\u8a18\u8ff0\u3057\u3066\u3001\u30d7\u30ed\u30b0\u30e9\u30e0\u306e\u30af\u30e9\u30c3\u30b7\u30e5\u3084\u4e0d\u8981\u306a\u30a8\u30e9\u30fc\u3092\u56de\u907f\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u30b3\u30fc\u30c9 \u30b9\u30bf\u30a4\u30eb: \u30b3\u30fc\u30c9\u3092\u8a18\u8ff0\u3059\u308b\u3068\u304d\u306f\u3001\u30b3\u30fc\u30c9\u306e\u4e00\u8cab\u6027\u3068\u4fdd\u5b88\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u305f\u3081\u306b\u3001\u7d71\u4e00\u3055\u308c\u305f\u30b3\u30fc\u30c9 \u30b9\u30bf\u30a4\u30eb\u3068\u898f\u5247\u306b\u5f93\u3046\u3088\u3046\u306b\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u30b3\u30fc\u30c9 \u30b9\u30bf\u30a4\u30eb\u306e\u30c1\u30a7\u30c3\u30af\u3068\u4fee\u6b63\u306b\u5f79\u7acb\u3064\u30c4\u30fc\u30eb\u3068\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u5229\u7528\u3067\u304d\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u3064\u307e\u308a\u3001\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u6a19\u6e96\u306f\u958b\u767a\u30d7\u30ed\u30bb\u30b9\u306e\u975e\u5e38\u306b\u91cd\u8981\u306a\u90e8\u5206\u3067\u3042\u308a\u3001\u9ad8\u54c1\u8cea\u306e\u30b3\u30fc\u30c9\u3092\u8a18\u8ff0\u3057\u3001\u30b3\u30fc\u30c9\u306e\u53ef\u8aad\u6027\u3001\u4fdd\u5b88\u6027\u3001\u304a\u3088\u3073\u518d\u5229\u7528\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u306e\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002\u5b9f\u969b\u306e\u958b\u767a\u3067\u306f\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30cb\u30fc\u30ba\u3084\u7279\u6027\u306b\u5fdc\u3058\u3066\u3001\u30c1\u30fc\u30e0\u306b\u9069\u3057\u305f\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u4ed5\u69d8\u3092\u7b56\u5b9a\u3057\u3001\u305d\u308c\u3092\u7d99\u7d9a\u7684\u306b\u6539\u5584\u304a\u3088\u3073\u6539\u5584\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/edu.ujhb.org\/?p=1728\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/chat.openai.com\/_next\/image?url=https%3A%2F%2Flh3.googleusercontent.com%2Fa%2FAGNmyxbwVdnTP0E2eBqDrujRQjV-wFP12Thr4vFgysVv5A%3Ds96-c&amp;w=96&amp;q=75\" alt=\"gun tei\"\/><\/figure>\n\n\n\n<p>\u578b\u5b89\u5168\u6027\u3068\u30b3\u30fc\u30c9\u54c1\u8cea\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n<p>\u578b\u5b89\u5168\u6027\u3068\u306f\u3001\u578b\u30a8\u30e9\u30fc\u3084\u6697\u9ed9\u7684\u306a\u578b\u5909\u63db\u3092\u56de\u907f\u3059\u308b\u305f\u3081\u306b\u3001\u30d7\u30ed\u30b0\u30e9\u30e0\u306e\u8a2d\u8a08\u3068\u66f8\u304d\u8fbc\u307f\u306b\u304a\u3051\u308b\u30c7\u30fc\u30bf\u578b\u306e\u6b63\u3057\u3044\u4f7f\u7528\u3068\u30c1\u30a7\u30c3\u30af\u3092\u6307\u3057\u307e\u3059\u3002\u30bf\u30a4\u30d7 \u30bb\u30fc\u30d5\u306a\u8a00\u8a9e\u3067\u3042\u308b TypeScript \u306f\u3001\u30bf\u30a4\u30d7 \u30a2\u30ce\u30c6\u30fc\u30b7\u30e7\u30f3\u3084\u30bf\u30a4\u30d7 \u30c1\u30a7\u30c3\u30af\u306a\u3069\u306e\u30e1\u30ab\u30cb\u30ba\u30e0\u3092\u901a\u3058\u3066\u3001\u30b3\u30fc\u30c9\u306e\u5805\u7262\u6027\u3068\u4fe1\u983c\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u578b\u306e\u5b89\u5168\u6027\u304c\u30b3\u30fc\u30c9\u306e\u54c1\u8cea\u306b\u4e0e\u3048\u308b\u5f71\u97ff\u306f\u6b21\u306e\u3068\u304a\u308a\u3067\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u578b\u30a8\u30e9\u30fc\u306e\u524a\u6e1b: \u578b\u306e\u5b89\u5168\u6027\u306f\u3001\u30b3\u30f3\u30d1\u30a4\u30eb\u6642\u306b\u578b\u30a8\u30e9\u30fc\u3092\u898b\u3064\u3051\u3001\u5b9f\u884c\u6642\u306b\u578b\u30a8\u30e9\u30fc\u306b\u3088\u3063\u3066\u5f15\u304d\u8d77\u3053\u3055\u308c\u308b\u4e0d\u8981\u306a\u4f8b\u5916\u3084\u30a8\u30e9\u30fc\u3092\u56de\u907f\u3059\u308b\u306e\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002\u578b\u30c1\u30a7\u30c3\u30af\u306b\u3088\u308a\u3001\u30b3\u30fc\u30c9\u5185\u306e\u6f5c\u5728\u7684\u306a\u554f\u984c\u3092\u898b\u3064\u3051\u308b\u3053\u3068\u304c\u3067\u304d\u3001\u30c7\u30d0\u30c3\u30b0\u3068\u30a8\u30e9\u30fc\u4fee\u6b63\u306e\u6642\u9593\u3068\u30b3\u30b9\u30c8\u3092\u524a\u6e1b\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u30b3\u30fc\u30c9\u306e\u53ef\u8aad\u6027\u306e\u5411\u4e0a: \u578b\u6ce8\u91c8\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u30b3\u30fc\u30c9\u306e\u610f\u56f3\u3068\u6a5f\u80fd\u3092\u660e\u78ba\u306b\u8868\u73fe\u3067\u304d\u308b\u305f\u3081\u3001\u30b3\u30fc\u30c9\u306e\u53ef\u8aad\u6027\u3068\u4fdd\u5b88\u6027\u304c\u5411\u4e0a\u3057\u307e\u3059\u3002\u30b3\u30fc\u30c9\u3092\u8aad\u3080\u3068\u3001\u30b3\u30fc\u30c9\u5185\u306e\u5909\u6570\u3068\u95a2\u6570\u306e\u578b\u3068\u76ee\u7684\u3092\u3059\u3050\u306b\u7406\u89e3\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u30b3\u30fc\u30c9\u306e\u30ea\u30d5\u30a1\u30af\u30bf\u30ea\u30f3\u30b0\u3068\u518d\u5229\u7528\u3092\u5bb9\u6613\u306b\u3059\u308b: \u30bf\u30a4\u30d7 \u30bb\u30fc\u30d5\u306a\u8a00\u8a9e\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u30b3\u30fc\u30c9\u306e\u30ea\u30d5\u30a1\u30af\u30bf\u30ea\u30f3\u30b0\u3068\u518d\u5229\u7528\u304c\u3088\u308a\u7c21\u5358\u304b\u3064\u5b89\u5168\u306b\u306a\u308a\u307e\u3059\u3002\u30b3\u30fc\u30c9\u3092\u5909\u66f4\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u5834\u5408\u306f\u3001\u578b\u30c1\u30a7\u30c3\u30af\u3092\u5229\u7528\u3057\u3066\u3001\u5909\u66f4\u306b\u3088\u3063\u3066\u30b3\u30fc\u30c9\u306e\u6a5f\u80fd\u3068\u6b63\u78ba\u6027\u304c\u640d\u306a\u308f\u308c\u306a\u3044\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u540c\u6642\u306b\u3001\u30bf\u30a4\u30d7 \u30bb\u30fc\u30d5\u306b\u3088\u308a\u3001\u30b3\u30fc\u30c9\u306e\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3068\u4f7f\u7528\u6cd5\u304c\u3088\u308a\u660e\u78ba\u306b\u306a\u308a\u3001\u6a19\u6e96\u5316\u3055\u308c\u308b\u305f\u3081\u3001\u30b3\u30fc\u30c9\u306e\u518d\u5229\u7528\u3068\u62e1\u5f35\u304c\u5bb9\u6613\u306b\u306a\u308a\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u30c1\u30fc\u30e0 \u30b3\u30e9\u30dc\u30ec\u30fc\u30b7\u30e7\u30f3\u306e\u52b9\u7387\u3092\u5411\u4e0a\u3055\u305b\u308b: \u578b\u306e\u5b89\u5168\u6027\u306b\u3088\u308a\u3001\u30b3\u30fc\u30c9 \u30a8\u30e9\u30fc\u3068\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9 \u30b3\u30b9\u30c8\u3092\u524a\u6e1b\u3067\u304d\u308b\u305f\u3081\u3001\u30c1\u30fc\u30e0 \u30b3\u30e9\u30dc\u30ec\u30fc\u30b7\u30e7\u30f3\u306e\u52b9\u7387\u304c\u5411\u4e0a\u3057\u307e\u3059\u3002\u30c1\u30fc\u30e0\u958b\u767a\u3067\u306f\u3001\u30bf\u30a4\u30d7 \u30bb\u30fc\u30d5 \u30b3\u30fc\u30c9\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u4ed6\u306e\u958b\u767a\u8005\u306e\u30b3\u200b\u200b\u30fc\u30c9\u3078\u306e\u4f9d\u5b58\u3092\u6e1b\u3089\u3057\u3001\u305d\u308c\u3092\u7406\u89e3\u3059\u308b\u305f\u3081\u306e\u30b3\u30b9\u30c8\u3092\u524a\u6e1b\u3067\u304d\u308b\u305f\u3081\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u958b\u767a\u306e\u9032\u884c\u304c\u30b9\u30d4\u30fc\u30c9\u30a2\u30c3\u30d7\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u7d50\u8ad6\u3068\u3057\u3066\u3001\u30bf\u30a4\u30d7 \u30bb\u30fc\u30d5\u306f\u30b3\u30fc\u30c9\u306e\u54c1\u8cea\u3092\u5411\u4e0a\u3055\u305b\u308b\u305f\u3081\u306e\u91cd\u8981\u306a\u8981\u7d20\u306e 1 \u3064\u3067\u3059\u3002\u958b\u767a\u306b TypeScript \u3092\u4f7f\u7528\u3059\u308b\u5834\u5408\u3001\u578b\u6ce8\u91c8\u3084\u578b\u30c1\u30a7\u30c3\u30af\u306a\u3069\u306e\u30e1\u30ab\u30cb\u30ba\u30e0\u3092\u5341\u5206\u306b\u6d3b\u7528\u3057\u3001\u512a\u308c\u305f\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u6a19\u6e96\u3068\u30d9\u30b9\u30c8 \u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u306b\u5f93\u3063\u3066\u3001\u30b3\u30fc\u30c9\u306e\u5805\u7262\u6027\u3068\u4fe1\u983c\u6027\u3092\u5411\u4e0a\u3055\u305b\u3001\u6700\u7d42\u7684\u306b\u306f\u30b3\u30fc\u30c9\u306e\u54c1\u8cea\u3068\u4fdd\u5b88\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u30b3\u30fc\u30c9\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/edu.ujhb.org\/?p=1728\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/chat.openai.com\/_next\/image?url=https%3A%2F%2Flh3.googleusercontent.com%2Fa%2FAGNmyxbwVdnTP0E2eBqDrujRQjV-wFP12Thr4vFgysVv5A%3Ds96-c&amp;w=96&amp;q=75\" alt=\"gun tei\"\/><\/figure>\n\n\n\n<p>\u30b3\u30fc\u30b9\u306e\u6982\u8981\u3092\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n<p>\u3053\u306e\u30b3\u30fc\u30b9\u3067\u306f\u3001TypeScript \u3092\u30c6\u30fc\u30de\u3068\u3057\u3066\u53d6\u308a\u4e0a\u3052\u3001TypeScript \u306e\u6982\u5ff5\u3001\u5229\u70b9\u3001\u57fa\u672c\u7684\u306a\u69cb\u6587\u3001\u9ad8\u5ea6\u306a\u6a5f\u80fd\u3001\u30e2\u30b8\u30e5\u30fc\u30eb\u3001\u30c7\u30b3\u30ec\u30fc\u30bf\u3001\u30b3\u30f3\u30d1\u30a4\u30eb \u30aa\u30d7\u30b7\u30e7\u30f3\u3001\u304a\u3088\u3073\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u69cb\u9020\u3092\u8a73\u7d30\u306b\u7d39\u4ecb\u3057\u307e\u3059\u3002\u4ee5\u4e0b\u306f\u3001\u3053\u306e\u30b3\u30fc\u30b9\u306e\u4e3b\u306a\u5185\u5bb9\u306e\u8981\u7d04\u3067\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>TypeScript \u306f JavaScript \u306e\u9759\u7684\u306b\u578b\u4ed8\u3051\u3055\u308c\u305f\u30b9\u30fc\u30d1\u30fc\u30bb\u30c3\u30c8\u3067\u3042\u308a\u3001\u578b\u6ce8\u91c8\u3001\u578b\u30c1\u30a7\u30c3\u30af\u3001\u578b\u63a8\u8ad6\u306a\u3069\u306e\u30e1\u30ab\u30cb\u30ba\u30e0\u3092\u901a\u3058\u3066\u30b3\u30fc\u30c9\u306e\u5805\u7262\u6027\u3068\u4fdd\u5b88\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li>TypeScript \u306e\u5229\u70b9\u306b\u306f\u3001\u578b\u306e\u5b89\u5168\u6027\u3001\u30b3\u30fc\u30c9\u306e\u8aad\u307f\u3084\u3059\u3055\u3001\u4fdd\u5b88\u6027\u3001\u30b3\u30fc\u30c9\u306e\u518d\u5229\u7528\u3001\u30b3\u30e9\u30dc\u30ec\u30fc\u30b7\u30e7\u30f3\u306e\u52b9\u7387\u6027\u306a\u3069\u304c\u3042\u308a\u307e\u3059\u3002<\/li>\n\n\n\n<li>TypeScript \u306e\u57fa\u672c\u7684\u306a\u6587\u6cd5\u306b\u306f\u3001\u5909\u6570\u5ba3\u8a00\u3001\u30c7\u30fc\u30bf\u578b\u3001\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u3001\u30af\u30e9\u30b9\u3001\u95a2\u6570\u3001\u30b8\u30a7\u30cd\u30ea\u30c3\u30af\u3001\u30e2\u30b8\u30e5\u30fc\u30eb\u306a\u3069\u304c\u542b\u307e\u308c\u307e\u3059\u3002\u3053\u308c\u3089\u306e\u6587\u6cd5\u306b\u3088\u308a\u3001\u30b3\u30fc\u30c9\u3092\u3088\u308a\u6a19\u6e96\u5316\u3057\u3001\u4fdd\u5b88\u3068\u62e1\u5f35\u3092\u5bb9\u6613\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li>TypeScript \u306e\u9ad8\u5ea6\u306a\u6a5f\u80fd\u306b\u306f\u3001\u5171\u7528\u4f53\u578b\u3001\u4ea4\u5dee\u578b\u3001\u578b\u30a8\u30a4\u30ea\u30a2\u30b9\u3001\u30ea\u30c6\u30e9\u30eb\u578b\u3001\u30de\u30c3\u30d7\u578b\u306a\u3069\u304c\u3042\u308a\u307e\u3059\u3002\u3053\u308c\u3089\u306e\u6a5f\u80fd\u306b\u3088\u308a\u3001\u30b3\u30fc\u30c9\u306e\u67d4\u8edf\u6027\u3068\u62e1\u5f35\u6027\u304c\u5411\u4e0a\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li>TypeScript \u306e\u30e2\u30b8\u30e5\u30fc\u30eb \u30e1\u30ab\u30cb\u30ba\u30e0\u306b\u3088\u308a\u3001\u30b3\u30fc\u30c9\u3092\u30e2\u30b8\u30e5\u30fc\u30eb\u306b\u7de8\u6210\u3057\u3066\u3001\u30b3\u30fc\u30c9\u306e\u518d\u5229\u7528\u6027\u3068\u4fdd\u5b88\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li>TypeScript \u306e\u30c7\u30b3\u30ec\u30fc\u30bf\u30fc \u30e1\u30ab\u30cb\u30ba\u30e0\u306b\u3088\u308a\u3001\u30af\u30e9\u30b9\u3001\u30e1\u30bd\u30c3\u30c9\u3001\u30a2\u30af\u30bb\u30b5\u30fc\u3001\u5c5e\u6027\u3001\u30d1\u30e9\u30e1\u30fc\u30bf\u30fc\u306e\u30ec\u30d9\u30eb\u3067\u30e1\u30bf\u30c7\u30fc\u30bf\u3092\u30b3\u30fc\u30c9\u306b\u8ffd\u52a0\u3067\u304d\u308b\u305f\u3081\u3001\u30b3\u30fc\u30c9\u306e\u67d4\u8edf\u6027\u3068\u518d\u5229\u7528\u6027\u304c\u5411\u4e0a\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li>TypeScript \u306e\u30b3\u30f3\u30d1\u30a4\u30eb \u30aa\u30d7\u30b7\u30e7\u30f3\u306b\u306f\u3001\u51fa\u529b\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u3001\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u89e3\u6c7a\u3001\u30aa\u30d6\u30b8\u30a7\u30af\u30c8 \u30b3\u30fc\u30c9\u306e\u30d0\u30fc\u30b8\u30e7\u30f3\u3001\u30bd\u30fc\u30b9 \u30de\u30c3\u30d7\u306a\u3069\u304c\u3042\u308a\u307e\u3059\u3002\u3053\u308c\u3089\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u306f\u3001\u30b3\u30f3\u30d1\u30a4\u30e9\u306e\u52d5\u4f5c\u3068\u51fa\u529b\u3092\u5236\u5fa1\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li>The project structure is the organization of files and folders in a TypeScript project. \u512a\u308c\u305f\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u69cb\u9020\u306f\u3001\u30b3\u30fc\u30c9\u306e\u4fdd\u5b88\u3068\u62e1\u5f35\u3092\u5bb9\u6613\u306b\u3057\u3001\u30b3\u30fc\u30c9 \u30a8\u30e9\u30fc\u3068\u53cd\u5fa9\u4f5c\u696d\u3092\u6e1b\u3089\u3059\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u3053\u306e\u30b3\u30fc\u30b9\u306e\u76ee\u6a19\u306f\u3001\u5b66\u7fd2\u8005\u304c TypeScript \u3092\u5305\u62ec\u7684\u306b\u7406\u89e3\u3057\u3001TypeScript \u3092\u5b9f\u969b\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u958b\u767a\u306b\u4f7f\u7528\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u3067\u3059\u3002TypeScript \u304a\u3088\u3073\u305d\u306e\u4ed6\u306e\u95a2\u9023\u6280\u8853\u3092\u6df1\u304f\u7406\u89e3\u3057\u305f\u3044\u5834\u5408\u306f\u3001\u5b66\u7fd2\u3068\u5b9f\u8df5\u3092\u7d99\u7d9a\u3057\u3001\u65b0\u3057\u3044\u77e5\u8b58\u3068\u6280\u8853\u3092\u63a2\u6c42\u3057\u3001\u7fd2\u5f97\u3057\u7d9a\u3051\u308b\u3053\u3068\u3092\u304a\u52e7\u3081\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/edu.ujhb.org\/?p=1728\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/chat.openai.com\/_next\/image?url=https%3A%2F%2Flh3.googleusercontent.com%2Fa%2FAGNmyxbwVdnTP0E2eBqDrujRQjV-wFP12Thr4vFgysVv5A%3Ds96-c&amp;w=96&amp;q=75\" alt=\"gun tei\"\/><\/figure>\n\n\n\n<p>\u63a8\u5968\u3055\u308c\u308b\u30ea\u30bd\u30fc\u30b9\u3068\u30d5\u30a9\u30ed\u30fc\u30a2\u30c3\u30d7\u5b66\u7fd2\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u304f\u3060\u3055\u3044<\/p>\n\n\n\n<p>TypeScript \u3092\u5b66\u7fd2\u3059\u308b\u904e\u7a0b\u3067\u3001\u6b21\u306e\u63a8\u5968\u30ea\u30bd\u30fc\u30b9\u3068\u5b66\u7fd2\u65b9\u6cd5\u3092\u53c2\u7167\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u516c\u5f0f\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8: TypeScript \u306e\u516c\u5f0f\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3067\u306f\u3001\u5305\u62ec\u7684\u3067\u8a73\u7d30\u304b\u3064\u5b9f\u7528\u7684\u306a TypeScript \u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3068\u30b5\u30f3\u30d7\u30eb \u30b3\u30fc\u30c9\u304c\u63d0\u4f9b\u3055\u308c\u3066\u304a\u308a\u3001\u516c\u5f0f Web \u30b5\u30a4\u30c8\u3067\u8868\u793a\u304a\u3088\u3073\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3067\u304d\u307e\u3059\u3002\u516c\u5f0f\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306b\u306f\u3001TypeScript \u306e\u57fa\u672c\u7684\u306a\u69cb\u6587\u3068\u9ad8\u5ea6\u306a\u6a5f\u80fd\u3060\u3051\u3067\u306a\u304f\u3001\u5bfe\u8c61\u3068\u306a\u308b\u30c8\u30d4\u30c3\u30af\u3068\u30b1\u30fc\u30b9\u3082\u542b\u307e\u308c\u3066\u3044\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u30aa\u30f3\u30e9\u30a4\u30f3 \u30b3\u30fc\u30b9: \u30a4\u30f3\u30bf\u30fc\u30cd\u30c3\u30c8\u306b\u306f\u3001Udemy\u3001Coursera\u3001edX\u3001Codecademy\u3001Pluralsight \u306a\u3069\u306e\u512a\u308c\u305f TypeScript \u30aa\u30f3\u30e9\u30a4\u30f3 \u30b3\u30fc\u30b9\u304c\u591a\u6570\u3042\u308a\u307e\u3059\u3002\u500b\u3005\u306e\u30cb\u30fc\u30ba\u3084\u8208\u5473\u306b\u5fdc\u3058\u3066\u3001\u5bfe\u5fdc\u3059\u308b\u30b3\u30fc\u30b9\u3092\u9078\u629e\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u66f8\u7c4d: \u300cTypeScript \u30cf\u30f3\u30c9\u30d6\u30c3\u30af\u300d\u3001\u300cTypeScript \u306e\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u300d\u3001\u300cTypeScript \u306e\u5b66\u7fd2\u300d\u306a\u3069\u3001TypeScript \u306e\u539f\u7406\u3068\u5b9f\u8df5\u7684\u306a\u7d4c\u9a13\u3092\u6df1\u304f\u7406\u89e3\u3067\u304d\u308b\u512a\u308c\u305f TypeScript \u306e\u66f8\u7c4d\u304c\u591a\u6570\u3042\u308a\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u30aa\u30fc\u30d7\u30f3 \u30bd\u30fc\u30b9 \u30d7\u30ed\u30b8\u30a7\u30af\u30c8: \u30aa\u30fc\u30d7\u30f3 \u30bd\u30fc\u30b9 \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u53c2\u52a0\u3059\u308b\u3068\u3001TypeScript \u3092\u6df1\u304f\u5b66\u7fd2\u3057\u3066\u5b9f\u8df5\u3057\u3001\u5b9f\u969b\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u7d4c\u9a13\u3068\u30b3\u30fc\u30c9\u306e\u8ca2\u732e\u3092\u5f97\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002GitHub \u306b\u306f\u3001Angular\u3001Vue.js\u3001React \u306a\u3069\u306e\u512a\u308c\u305f TypeScript \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u304c\u591a\u6570\u3042\u308a\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u30b3\u30df\u30e5\u30cb\u30c6\u30a3 \u30ea\u30bd\u30fc\u30b9: TypeScript \u306b\u306f\u5de8\u5927\u306a\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u3068\u30a2\u30af\u30c6\u30a3\u30d6\u306a\u958b\u767a\u8005\u304c\u304a\u308a\u3001\u30b3\u30df\u30e5\u30cb\u30c6\u30a3 \u30ea\u30bd\u30fc\u30b9\u3084\u30bd\u30fc\u30b7\u30e3\u30eb \u30e1\u30c7\u30a3\u30a2\u3092\u901a\u3058\u3066\u3001\u6700\u65b0\u306e\u958b\u767a\u52d5\u5411\u3084\u5b9f\u8df5\u7684\u306a\u7d4c\u9a13\u306b\u3064\u3044\u3066\u5b66\u3076\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u4f8b: TypeScript \u516c\u5f0f\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u3001Stack Overflow\u3001GitHub Issues \u306a\u3069\u3002<\/li>\n\n\n\n<li>\u30cf\u30f3\u30ba\u30aa\u30f3 \u30d7\u30ed\u30b8\u30a7\u30af\u30c8: TypeScript \u3092\u5b66\u7fd2\u3059\u308b\u6700\u5584\u306e\u65b9\u6cd5\u306f\u3001\u30cf\u30f3\u30ba\u30aa\u30f3 \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u901a\u3058\u3066\u80fd\u529b\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u3067\u3059\u3002\u8208\u5473\u306e\u3042\u308b\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3001\u307e\u305f\u306f\u5b9f\u8df5\u7684\u306a\u4f5c\u696d\u306b\u95a2\u9023\u3059\u308b\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u9078\u629e\u3067\u304d\u307e\u3059\u3002\u305f\u3068\u3048\u3070\u3001Web \u30b5\u30a4\u30c8\u306e\u69cb\u7bc9\u3001\u30e9\u30a4\u30d6\u30e9\u30ea\u306e\u4f5c\u6210\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u958b\u767a\u306a\u3069\u3067\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u8981\u7d04\u3059\u308b\u3068\u3001TypeScript \u3092\u5b66\u7fd2\u3059\u308b\u306b\u306f\u3001\u7d99\u7d9a\u7684\u306a\u5b66\u7fd2\u3001\u7df4\u7fd2\u3001\u63a2\u7d22\u304c\u5fc5\u8981\u3067\u3059\u3002\u5b9f\u969b\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067 TypeScript \u3092\u9069\u7528\u3057\u3001\u30b3\u30fc\u30c9\u306e\u54c1\u8cea\u3068\u4fdd\u5b88\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u305f\u3081\u306b\u3001\u3055\u307e\u3056\u307e\u306a\u30ea\u30bd\u30fc\u30b9\u3068\u30e1\u30bd\u30c3\u30c9\u3092\u4f7f\u7528\u3057\u3066\u30b9\u30ad\u30eb\u3068\u80fd\u529b\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u305b\u3066\u30a2\u30ec\u30f3\u30b8\u3057\u3066\u3082\u3089\u3048\u307e\u3059\u304b\u3002\u307e\u305a ty &hellip; <\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_mi_skip_tracking":false,"footnotes":""},"categories":[23],"tags":[],"class_list":["post-2165","post","type-post","status-publish","format-standard","hentry","category-material"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/edu.ujhb.org\/index.php?rest_route=\/wp\/v2\/posts\/2165","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/edu.ujhb.org\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/edu.ujhb.org\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/edu.ujhb.org\/index.php?rest_route=\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/edu.ujhb.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2165"}],"version-history":[{"count":1,"href":"https:\/\/edu.ujhb.org\/index.php?rest_route=\/wp\/v2\/posts\/2165\/revisions"}],"predecessor-version":[{"id":2166,"href":"https:\/\/edu.ujhb.org\/index.php?rest_route=\/wp\/v2\/posts\/2165\/revisions\/2166"}],"wp:attachment":[{"href":"https:\/\/edu.ujhb.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2165"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/edu.ujhb.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2165"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/edu.ujhb.org\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2165"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}