[B! TypeScript] hibinotatsuyaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

hibinotatsuya id:hibinotatsuya

TypeScriptã«é–¢ã™ã‚‹hibinotatsuyaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (16)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

TypeScript ã®åž‹ç”Ÿæˆã«ãŠã‘ã‚‹ OpenAPI Generator ã®ãƒãƒžã‚Šã©ã“ã‚ - READYFOR Tech Blog
ã“ã‚“ã«ã¡ã¯ã€‚READYFOR ã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦åƒã„ã¦ã„ã‚‹è…åŽŸï¼ˆ@kotarella1110ï¼‰ã§ã™ï¼ å¬‰ã—ã„ã“ã¨ã«ã€READYFOR ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆé–‹ç™ºçµ„ç¹”ã¯æ€¥æ‹¡å¤§ä¸ã§ã€æ£ç¤¾å“¡ã®äººæ•°ã¯ 2019å¹´7æœˆæ™‚ç‚¹ã§ã¯8åã§ã—ãŸãŒ2021å¹´4æœˆç¾åœ¨ã¯29åã«ãªã‚Šã¾ã—ãŸ ðŸŽ‰ ãã®åé¢ã€çµ„ç¹”ãŒå¤§ãããªã£ã¦ãã‚‹ã¨ã€Œæˆ‘ã€…ã¯ã©ã“ã«å‘ã‹ã£ã¦ã‚‹ã‚“ã ã£ã‘ï¼Ÿã€ã€Œã‚ã®äººã€æœ€è¿‘ã¯ã©ã‚“ãªã“ã¨ã«å–ã‚Šçµ„ã‚“ã§ã„ã‚‹ã‚“ã ã‚ã†ï¼Ÿã€ã¨ã„ã£ãŸã€Œè¦‹ãˆãªã„ã“ã¨ã€ãŒå¢—ãˆã¦ãã¾ã™ðŸ¤” ã“ã®ã€Œè¦‹ãˆãªã„ã“ã¨ã€ã‚’æ¸›ã‚‰ã™ãŸã‚ã«ã€READYFOR ã§ã¯æ¯Žæœˆã€Œãƒ—ãƒãƒ€ã‚¯ãƒˆé–‹ç™ºæœ¬éƒ¨ä¼šã€ã‚’é–‹å‚¬ã—ã¦ã„ã¾ã™ã€‚ ãƒ—ãƒãƒ€ã‚¯ãƒˆé–‹ç™ºæœ¬éƒ¨ä¼šã§ã¯ã€å¿…è¦ãªå…¨ä½“å‘¨çŸ¥ï¼ˆçµ„ç¹”ã‚„ãƒ—ãƒãƒ€ã‚¯ãƒˆã®æ–¹é‡ç‰ï¼‰ã‚„æœˆæ›¿ã‚ã‚Šãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚ æœ¬è¨˜äº‹ã¯ã“ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆé–‹ç™ºæœ¬éƒ¨ä¼šã®æœˆæ›¿ã‚ã‚Šãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã§ç™ºè¡¨ã—ãŸå†…å®¹ã«ãªã‚Šã¾ã™ã€‚ ã¯ã˜ã‚ã« ä»¥å‰ READYFOR ã§åˆä¸»å‚¬ã¨ãª
hibinotatsuya 2023/06/09
TypeScript

OpenAPI
ãƒªãƒ³ã‚¯
TypeScriptã§Vuexã‚’ä½¿ã†ã¨ãã®ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã£ã½ã„ã‚„ã‚Šã‹ãŸã‚’èª¿ã¹ã¦ã¿ãŸ - Qiita
ã“ã®è¨˜äº‹ã¯ ã‚ªãƒ¼ãƒ—ãƒ³ã‚¹ãƒˆãƒªãƒ¼ãƒ Advent Calendar 2018 ã®11æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ ã†ã£ã‹ã‚ŠæœŸé™ã‚’å‹˜é•ã„ã—ã¦ã„ã¦å‰æ—¥ã«æ…Œã¦ã¦è¨˜äº‹ã‚’æ›¸ã„ã¦ã„ã¾ã™ï¼é–“ã«åˆãˆï¼ï¼ ã‚„ã‚ŠãŸã„ã“ã¨ æœ€è¿‘ã‚„ã£ã¨ TypeScript ã¨ Vue.js ã‚’ä½¿ã„å§‹ã‚ãŸã®ã§ Vuex ã‚‚ä¸€ç·’ã«ä½¿ã£ã¦ã¿ãŸã„ã€‚ ã¨ã‚Šã‚ãˆãš vue-cli ã§ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’ä½œæˆã™ã‚‹ã¨ã€ store.ts ã£ã¦ãƒ•ã‚¡ã‚¤ãƒ«ãŒãºã‚ã£ã¨ä¸€ã¤è¿½åŠ ã•ã‚Œã‚‹ã€‚ã‘ã©ã€ã§ãã‚Œã°1ãƒ•ã‚¡ã‚¤ãƒ«ã«ã¹ãŸæ›¸ãã™ã‚‹ã‚“ã˜ã‚ƒãªãã¦ã€ã„ã„ã‹ã‚“ã˜ã«åˆ†ã‘ã¦æ›¸ããŸã„ã€‚ã‘ã©ä½•ã‚’ã©ã†æ›¸ã‘ã°ã„ã„ã®ã‹ã‚ˆãã‚ã‹ã‚‰ãªã„ ã‚ã¨ãŸã¶ã‚“åˆ¥ã®è¨€èªžã‚„ã£ã¦1ãƒ¶æœˆã‚‚ã—ãŸã‚‰å†…å®¹ã‚’ã™ã£ã±ã‚Šå¿˜ã‚Œã‚‹ã®ã§ã€å‚™å¿˜éŒ²ã‚‚ã»ã—ã„ ã¨ã„ã†ã‚ã‘ã§ã€èª¿ã¹ã¦ã¿ãŸã€‚ çµè«– ã“ã“ã«ãœã‚“ã¶è¼‰ã£ã¦ãŸã€‚ã™ã¦ãã€‚ https://codeburst.io/vuex-and-typescript-3427ba78cfa8 â€¦â€¦ãªã®ã§ã™ãŒã€‚ã“ã‚Œ
hibinotatsuya 2022/04/12
TypeScript
ãƒªãƒ³ã‚¯
ã¯ã˜ã‚ã¦ã®vue-property-decorator (nuxtã«ã‚‚å¯¾å¿œï¼‰ - Qiita
ã“ã®è¨˜äº‹ã¯Vueã‚’å‹‰å¼·ã—ã¦ã„ã‚‹æ®µéšŽã‹ã‚‰TypeScriptã§ã‚¯ãƒ©ã‚¹ãƒ™ãƒ¼ã‚¹ã®Vueã‚¢ãƒ—ãƒªã‚’ä½œã‚ŠãŸã„ï¼ã¨ã„ã†æ–¹ã¸å‘ã‘ã¦ä¾‹ã‚’äº¤ãˆãªãŒã‚‰vue-property-decoratorã®æ©Ÿèƒ½ã‚’åŸºæœ¬ã¨å¿œç”¨ã€ä¸Šç´šã®ï¼“ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã«åˆ†ã‘ã¦èª¬æ˜Žã—ã¦ã„ãã¾ã™ã€‚ åŸºæœ¬ã§ã¯ã€Vueã§ã‚¢ãƒ—ãƒªã‚’ä½œã‚‹ä¸Šã§å¿…é ˆã¨ãªã‚‹æ©Ÿèƒ½ã‚’ã€å¿œç”¨ã§ã¯ç”¨æ„ã•ã‚Œã¦ã„ã‚‹ä¾¿åˆ©ãªãƒ‡ã‚³ãƒ¬ãƒ¼ã‚¿ã‚’ã€ä¸Šç´šã§ã¯æ™®é€šã®é–‹ç™ºã§ã¯ã»ã¼ä½¿ã‚ãªã„æ©Ÿèƒ½ã«ã¤ã„ã¦èª¬æ˜Žã—ã¾ã™ã€‚ ã¨ã‚Šã‚ãˆãšã¯åŸºæœ¬ã®ã¿ç†è§£ã—ã¦ãŠã‘ã°å›°ã‚‹ã“ã¨ã¯ãªã„ã§ã—ã‚‡ã†ã€‚ ã¾ãŸã€æœ€å¾Œã«nuxt-property-decoratorç‹¬è‡ªã®ãƒ‡ã‚³ãƒ¬ãƒ¼ã‚¿ã‚‚ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚ 2019/12/09 è¿½è¨˜ï¼šnuxt-property-decoratorç‹¬è‡ªã®ãƒ‡ã‚³ãƒ¬ãƒ¼ã‚¿ã®ç´¹ä»‹ã‚’è¿½åŠ ã—ã¾ã—ãŸ å‹•ä½œç¢ºèªãƒãƒ¼ã‚¸ãƒ§ãƒ³ vue-property-decorator v8.4.2 nuxt-property-decorator v2.5.1
hibinotatsuya 2022/04/12
TypeScript

Vue.js

Nuxt.js
ãƒªãƒ³ã‚¯
ã‚¹ãƒˆã‚¢
TypeScript ã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹ Nuxt ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã¯ã€ã‚¹ãƒˆã‚¢ã«ã‚¢ã‚¯ã‚»ã‚¹ã—ãŸã‚Šã€æ›¸ãè¾¼ã‚“ã ã‚Šã™ã‚‹ãŸã‚ã«ã•ã¾ã–ã¾ãªã‚ªãƒ—ã‚·ãƒ§ãƒ³ãŒã‚ã‚Šã¾ã™ã€‚ ã‚¯ãƒ©ã‚¹ãƒ™ãƒ¼ã‚¹ vuex-module-decorators æœ€ã‚‚äººæ°—ã®ã‚ã‚‹ã‚¢ãƒ—ãƒãƒ¼ãƒã®1ã¤ã¯ vuex-module-decorators ã§ã™ã€‚- ã‚¬ã‚¤ãƒ‰ã‚’å‚ç…§ã—ã¦ãã ã•ã„ã€‚ Nuxt ã§ä½¿ç”¨ã™ã‚‹ãŸã‚ã«é‡è¦ãªæ¡ä»¶ãŒã„ãã¤ã‹ã‚ã‚Šã¾ã™ï¼š ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã¯ stateFactory: true ã§è£…é£¾ã™ã‚‹å¿…è¦ãŒã‚ã‚‹ãŸã‚ã€ä»¥ä¸‹ã®ã‚ˆã†ã«ã—ã¾ã™: store/mymodule.tsimport { Module, VuexModule, Mutation } from 'vuex-module-decorators' @Module({ name: 'mymodule', stateFactory: true, namespaced: true, }) cla
hibinotatsuya 2022/04/12
TypeScript

Nuxt.js
ãƒªãƒ³ã‚¯
NuxtJS + Vuexã§ã„ã„æ„Ÿã˜ã®Typescriptç’°å¢ƒã‚’ã‚ã¾ã‚Šé ‘å¼µã‚‰ãªã„ã§æ§‹ç¯‰ã™ã‚‹ - Qiita
ã¯ã˜ã‚ã« Nuxtï¼ˆVueï¼‰ã® Typescript ç’°å¢ƒæ§‹ç¯‰ã¯ã€ç¢ºç«‹ã•ã‚ŒãŸæ‰‹æ³•ãŒå˜åœ¨ã—ã¾ã›ã‚“ã€‚ ã‚ˆã£ã¦ã€ã„ã‚ã‚“ãªäººãŒã€ã„ã‚ã‚“ãªã‚„ã‚Šæ–¹ã§ã€ç’°å¢ƒã‚’æ§‹ç¯‰ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã“ã“ã§ç´¹ä»‹ã™ã‚‹ã®ã¯ã€åƒ•ãŒè‰²ã€…ãªæ‰‹æ³•ã‚’è©¦ã—ãŸä¸ã§ã€ ä¸€ç•ªæ¥½ã§ã€ä¸€ç•ªä½¿ã„ã‚„ã™ã„ã¨æ„Ÿã˜ãŸç’°å¢ƒæ§‹ç¯‰ã®æ‰‹æ³•ã§ã™ã€‚ åž‹æŽ¨è«–ãŒ 100% å®Œç’§ã§ã¯ãªã‹ã£ãŸã‚Šã—ã¾ã™ãŒã€å®Œç’§ã‚’ç›®æŒ‡ã™ã¨å¤§å¤‰ã§ã™ã€‚ ã‚ã‚‹ç¨‹åº¦å¦¥å”ã—ã¦ã€ã¾ãã“ã‚“ãã‚‰ã„ãªã‚‰ååˆ†ã‹ãªã¨æ€ãˆã‚‹ã‚ˆã†ãªç’°å¢ƒã‚’æ§‹ç¯‰ã—ã¾ã™ã€‚ å®Œç’§ã‚’æ±‚ã‚ã‚‹æ–¹ã¯ã€ä»–ã®æ–¹ã®æ‰‹æ³•ã‚’ãŠè©¦ã—ãã ã•ã„ã€‚ ãã‚Œã§ã¯ã€æ§‹ç¯‰ã—ã¦ã„ãã¾ã—ã‚‡ã†ã€‚ è¿½è¨˜ï¼šã‚ã¾ã‚Šé ‘å¼µã‚‰ãªã„ãŸã‚ã«é‡è¦ãªã“ã¨ 2020å¹´4æœˆã«ã€nuxtã®ç’°å¢ƒæ§‹ç¯‰ã‚³ãƒžãƒ³ãƒ‰create-nuxt-appãŒæ”¹è‰¯ã•ã‚Œã€ Typescriptç’°å¢ƒã‚’ç°¡å˜ã«æ§‹ç¯‰ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ ã“ã®è¨˜äº‹ã®å‰åŠã®å†…å®¹ã¯ã€ã“ã®ã‚³ãƒžãƒ³ãƒ‰ã«ã‚ˆã£ã¦ä»£æ›¿ã§ãã¾ã™ã®ã§ã€ ã“ã¡ã‚‰ã‚’åˆ©ç”¨ã™ã‚‹ã“ã¨ã‚’æŽ¨å¥¨ã—ã¾ã™ã€‚ cre
hibinotatsuya 2022/04/12
TypeScript

Nuxt.js
ãƒªãƒ³ã‚¯
interfaceã¨typeã®é•ã„ã€ãã—ã¦ä½•ã‚’ä½¿ã†ã¹ãã‹ã«ã¤ã„ã¦
å§‹ã‚ TSã‚’åˆã‚ã¦å‹‰å¼·ã—ãŸã¨ãã«ã€Œtypeã‚ˆã‚Šinterfaceã‚’ä½¿ã†ã‚ˆã†ã«ï¼ã€ã¨ã„ã†ãƒ–ãƒã‚°ã‚’ã‚ˆãè¦‹ã¾ã—ãŸãŒã€æ¥å‹™ã®æ™‚ã¯å…¨éƒ¨typeã§åž‹ã‚’å®šç¾©ã—ã¦ã¾ã—ãŸã€‚ã‚ã‚Œï¼Ÿã¨ç–‘å¿µã«æ€ã£ã¦ã¾ã—ãŸã®ã§ã€è¨˜äº‹ã§ãŠè©±ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ 1. åž‹ã®å®šç¾© TSã§ä¸€ç•ªæ‰‹ã£å–ã‚Šæ—©ãåž‹ã‚’å®šç¾©ã§ãã‚‹æ–¹æ³•ã¯å¤šåˆ†ã“ã‚Œã ã¨æ€ã„ã¾ã™ã€‚ let level: number = 15; level = 15 level = "åäº”" //Type 'string' is not assignable to type 'number' ã“ã®ã‚ˆã†ã«å®£è¨€æ™‚ã®å¤‰æ•°ã«æ–¹ã®æ³¨é‡ˆã‚’ã¤ã‘ã‚‹ã“ã¨ã‚’åž‹ã‚¢ãƒŽãƒ†ãƒ¼ã‚·ãƒ§ãƒ³(Type Annotation)ã¨è¨€ã„ã¾ã™ã€‚ä¸Šã®ä¾‹ã ã‘è¦‹ãŸã‚‰ç‰¹ã«å•é¡Œãªã•ãã†ã«è¦‹ãˆã¾ã™ãŒã€ã‚³ãƒ¼ãƒ‰ãŒå°‘ã—ã§ã‚‚è¤‡é›‘ã«ãªã£ãŸã‚‰å•é¡ŒãŒã‚ã‚Šã¾ã™ã€‚
hibinotatsuya 2022/03/23
TypeScript
ãƒªãƒ³ã‚¯
ã€TypeScriptã€‘Generics(ã‚¸ã‚§ãƒãƒªãƒƒã‚¯ã‚¹)ã‚’ç†è§£ã™ã‚‹ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
hibinotatsuya 2022/03/23
TypeScript
ãƒªãƒ³ã‚¯
TypeScriptã§é–¢æ•°ã®åž‹å®šç¾©ã‚’æ›¸ãæ–¹æ³•ã¾ã¨ã‚ - Qiita
type Example1 = (param: string) => string; const example1: Example1 = param => param; example1ã¯åž‹Example1ã®åž‹ã‚¢ãƒŽãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã¤ã‘ã¦ã€é–¢æ•°ã‚’å®šç¾©ã—ã¦ã„ã¾ã™ã€‚ åž‹ã‚¢ãƒŽãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã«ã‚ˆã£ã¦é–¢æ•°ã®å¼•æ•°ãŒæŽ¨è«–ã•ã‚Œã€å¼•æ•°ã®paramã¯stringåž‹ã¨è§£é‡ˆã•ã‚Œã¾ã™ã€‚ å®Œå…¨è¨˜æ³• å®Œå…¨è¨˜æ³•ã§ã¯(å¼•æ•°ã®åž‹): æˆ»ã‚Šå€¤ã®åž‹ã¨ã„ã†çµ„ã‚’{}ã®ä¸ã«è¨˜è¿°ã—ã¾ã™ã€‚
hibinotatsuya 2022/03/23
TypeScript
ãƒªãƒ³ã‚¯
Vue3 + TypeScript + Tailwindã®ç’°å¢ƒæ§‹ç¯‰
ã¯ã˜ã‚ã« VSCodeã§å¿«é©ãªVue3ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’ãŠã“ãªã†ãŸã‚ã«ã€ç’°å¢ƒæ§‹ç¯‰æ–¹æ³•ã«ã¤ã„ã¦èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ ã¤ã„ã§ã«tailwindã®å°Žå…¥ã«ã¤ã„ã¦ã‚‚ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚ æ—¥æœ¬èªžã®è¨˜äº‹ã§ã¯æƒ…å ±ãŒãªã‹ãªã‹è¦‹å½“ãŸã‚‰ãªã„ã‚‚ã®ã‚‚ã‚ã‚‹ãŸã‚ã€Vue3ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯å¿…è¦‹ã§ã™ï¼ Vue3ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆä½œæˆ ä»Šå›žã¯Vue3ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’Viteã‚’ä½¿ã£ã¦ä½œæˆã—ã¦ã„ãã¾ã™ã€‚ Viteã¯Vueã®ä½œè€…ãŒé–‹ç™ºã—ã¦ã„ã‚‹ãƒ“ãƒ«ãƒ‰ãƒ„ãƒ¼ãƒ«ã§ã€Vue CLIã«æ¯”ã¹ã‚‹ã¨å‹•ä½œãŒåœ§å€’çš„ã«è»½å¿«ã§ã™ã€‚ ä¸Šè¨˜ã‚³ãƒžãƒ³ãƒ‰ã‚’å…¥åŠ›ã™ã‚‹ã¨ã€ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆåãªã©ã®å…¥åŠ›ã‚’ã™ã‚‹ã‚ˆã†ã«ä¿ƒã•ã‚Œã¾ã™ã€‚ Project name: â†ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆåã‚’å…¥åŠ› Select a framework: â† vueã‚’é¸æŠž Select a variant: â† vue-tsã‚’é¸æŠž ã¡ãªã¿ã«ã€ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ä½œæˆã¯ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ä½¿ã†ã“ã¨ã§ã‚‚å¯èƒ½ã§ã™ã€‚ VSCodeã®è¨å®š Volarã®ã‚¤ãƒ³ã‚¹
hibinotatsuya 2022/03/17
TypeScript

Vue.js
ãƒªãƒ³ã‚¯
TypeScriptã‚’å¾ã€…ã«å°Žå…¥ã™ã‚‹ - Qiita
TypeScriptã¯éƒ¨åˆ†çš„ã«å°Žå…¥ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ãªã„ã¨æ€ã£ã¦Flowtypeã‚’å°Žå…¥ã—ãŸãŒã€å‡ºæ¥ã‚‹ãžï¼ã¨ã„ã†æŒ‡æ‘˜ã‚’é ‚ã„ãŸã®ã§ã€èª¿ã¹ãŸã€‚ --allowjsã‚ªãƒ—ã‚·ãƒ§ãƒ³ tscã®å®Ÿè¡Œæ™‚ã«--allowjsã‚’ä»˜ã‘ã‚‹ã ã‘ã ã£ãŸã€‚tsconfig.jsonã®å ´åˆã€compilerOptions.allowJsã«trueã‚’è¨å®šã™ã‚Œã°ã‚ˆã„ã€‚ æ¤œè¨¼ç”¨ã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã‚’ä½œã£ã¦ã€typescriptã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ã€‚ $ mkdir allow-options $ cd allow-options $ echo "{}" > package.json $ yarn add -D typescript
hibinotatsuya 2022/03/17
TypeScript
ãƒªãƒ³ã‚¯
Vue.jsã®ç’°å¢ƒæ§‹ç¯‰ â€” ä»•äº‹ã§ã™ãã«ä½¿ãˆã‚‹TypeScript ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆ
Vue.jsã®ç’°å¢ƒæ§‹ç¯‰ïƒ Vue.jsã¯æ—¥æœ¬ã§äººæ°—ã®ã‚ã‚‹ã‚¦ã‚§ãƒ–ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚æŸ”è»Ÿãªè¨å®šã®ã§ãã‚‹CLIãƒ„ãƒ¼ãƒ«ãŒç‰¹å¾´ã§ã™ã€‚æœ¬æ›¸ã§ã¯3ç³»ã«ã¤ã„ã¦ã¨ã‚Šã‚ã’ã¾ã™ã€‚ ä½œæˆæ™‚ã«æœ€åˆã«èžã‹ã‚Œã‚‹è³ªå•ã§defaultã®presetï¼ˆbabelã¨eslintï¼‰ã§ã¯ãªãã€Manually select featuresã‚’é¸æŠžã—ã¾ã™ã€‚ TypeScriptã‚’é¸æŠžã™ã‚‹å ´åˆã¯Manually select featuresã‚’é¸æŠžïƒ æ¬¡ã®ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã§å¿…è¦ãªã‚‚ã®ã‚’ã‚¹ãƒšãƒ¼ã‚¹ã‚ãƒ¼ã§é¸æŠžã—ã¦ã€ã‚¨ãƒ³ã‚¿ãƒ¼ã§æ¬¡ã«é€²ã¿ã¾ã™ã€‚é¸ã‚“ã é …ç›®ã«ã‚ˆã£ã¦è¿½åŠ ã®è³ªå•ãŒè¡Œã‚ã‚Œã¾ã™ã€‚Routerã‚„ã‚¹ãƒ†ãƒ¼ãƒˆç®¡ç†ãªã©ã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³å´ã®æ©Ÿèƒ½ã«é–¢ã™ã‚‹é …ç›®ä»¥å¤–ã«ã‚‚ã€Linterã‚„ãƒ¦ãƒ‹ãƒƒãƒˆãƒ†ã‚¹ãƒˆãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚„E2Eãƒ†ã‚¹ãƒˆã®è£œåŠ©ãƒ„ãƒ¼ãƒ«ãªã©ã€ã•ã¾ã–ã¾ãªã‚‚ã®ã‚’é¸æŠžã§ãã¾ã™ã€‚ TypeScriptã‚’é¸æŠžã™ã‚‹å ´åˆã¯Manually select f
hibinotatsuya 2022/03/14
TypeScript

Vue.js
ãƒªãƒ³ã‚¯
TypeScript ã®ã‚µãƒãƒ¼ãƒˆ | Vue.js
hibinotatsuya 2022/03/11
TypeScript
ãƒªãƒ³ã‚¯
TypeScript+VSCodeæ‹¡å¼µæ©Ÿèƒ½é–‹ç™ºå…¥é–€
Atomã‚„SublimeTextã‚’ä½¿ã£ã¦ã„ã¾ã—ãŸãŒï¼Œæœ€è¿‘VSCodeã®è‰¯ã•ã«æ°—ã¥ãå§‹ã‚ã¦å®Œå…¨ã«è™œã«ãªã‚Šã¾ã—ãŸw ãªã®ã§ï¼ŒTypeScriptã®å‹‰å¼·ã‚‚å…¼ãã¦VSCodeã®æ‹¡å¼µæ©Ÿèƒ½ã§ã‚‚ä½œã£ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã—ãŸ ç’°å¢ƒ windows10 Pro(Macã¯è©¦ã—ã¦ã¾ã›ã‚“ãŒï¼Œå¤šåˆ†åŒã˜ã‚ˆã†ãªæ„Ÿã˜ã«ãªã‚‹ã¯ãšãƒ»ãƒ»ãƒ») ç’°å¢ƒæ§‹ç¯‰ Node.jsã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« TypeScriptã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ãŸã‚ã«ï¼ŒNode.jsãŒã„ã‚‹ã®ã§ã¾ãšã¯ã“ã‚Œã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¾ã™ Node.jsã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ©ã¯å…¬å¼ã‚µã‚¤ãƒˆã‹ã‚‰å…¥æ‰‹ã§ãã‚‹ã¾ã™ æŠ•ç¨¿æ™‚ç‚¹ã§ã¯æŽ¨å¥¨ç‰ˆã¨æœ€æ–°ç‰ˆãŒã‚ã‚Šã¾ã™ãŒï¼ŒæŽ¨å¥¨ç‰ˆã®8.12.0ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¾ã™ ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ãŒæˆåŠŸã—ãŸã‹ç¢ºèªã™ã‚‹ã«ã¯ï¼Œã‚³ãƒžãƒ³ãƒ‰ãƒ©ã‚¤ãƒ³ã§ä»¥ä¸‹ã‚’å…¥åŠ›ã—ã¾ã™ å•é¡Œãªã‘ã‚Œã°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ç•ªå·ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ ###npmã®ç¢ºèª Node.jsã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ã¨ï¼Œä¸€ç·’ã«npmã¨ã„ã†ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸
hibinotatsuya 2022/03/11
TypeScript
ãƒªãƒ³ã‚¯
ã¨ã»ã»ã®TypeScriptå…¥é–€ - ã¨ã»ã»ã®WWWå…¥é–€
Microsoft ãŒé–‹ç™ºã—ãŸè¨€èªžã§ã€JavaScript ã«åž‹å®šç¾©ãªã©ã®æ©Ÿèƒ½ã‚’è¿½åŠ ã—ãŸã‚‚ã®ã§ã™ã€‚ JavaScript è¨€èªžã®å®Œå…¨ãªã‚¹ãƒ¼ãƒ‘ãƒ¼ã‚»ãƒƒãƒˆã«ãªã£ã¦ã„ã¾ã™ã€‚ åž‹ã®ç•°ãªã‚‹é–¢æ•°å‘¼ã³å‡ºã—ã‚„ä»£å…¥ã‚’ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«æ™‚ã«æ¤œå‡ºã™ã‚‹ã“ã¨ã«ã‚ˆã‚Šãƒ—ãƒã‚°ãƒ©ãƒ ã®å“è³ªã‚’é«˜ã‚ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã¾ãŸã€ECMAScript ã®æœ€æ–°æ©Ÿèƒ½ã‚’æ—©ã‚ã«å–ã‚Šå…¥ã‚Œã‚‹ãŸã‚ã€ã¾ã ã€ãƒ–ãƒ©ã‚¦ã‚¶ãŒæœªå¯¾å¿œã®æ©Ÿèƒ½ã‚’æ—©ã„æ™‚æœŸã‹ã‚‰ä½¿ç”¨ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã¨ãªã‚Šã¾ã™ã€‚ ãƒ—ãƒã‚°ãƒ©ãƒ ã®æ‹¡å¼µåã«ã¯é€šå¸¸ .ts ã‚’ã¤ã‘ã¾ã™ã€‚ TypeScriptãƒ•ã‚¡ã‚¤ãƒ«(*.ts) ã‚’ JavaScript ãƒ•ã‚¡ã‚¤ãƒ«(*.js)ã«ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«(ãƒˆãƒ©ãƒ³ã‚¹ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ãƒ»ãƒˆãƒ©ãƒ³ã‚¹ãƒ‘ã‚¤ãƒ«)ã—ã¾ã™ã€‚ React ã‚„ Angular ãªã©ã§ã‚‚ TypeScript ãŒã‚ˆãåˆ©ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚
hibinotatsuya 2022/03/09
TypeScript
ãƒªãƒ³ã‚¯
TypeScriptã¨ã¯ï¼ŸJavaScriptã¨ã®é•ã„ã‚„å‹‰å¼·æ³•ã‚’è§£èª¬ï½œUdemy ãƒ¡ãƒ‡ã‚£ã‚¢
TypeScriptã®åˆ©ç”¨ã‚’æ¤œè¨Žã—ã¦ã„ã‚‹ã‚‚ã®ã®ã€ ãƒ»ä½¿ã„æ–¹ãŒåˆ†ã‹ã‚‰ãªã„â€¦ã€‚ ãƒ»JavaScriptã¨ã®é•ã„ãŒçŸ¥ã‚ŠãŸã„â€¦ã€‚ ã¨ã„ã†æ–¹ã‚‚å¤šã„ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ãã“ã§ã“ã®è¨˜äº‹ã§ã¯ã€ ãƒ»TypeScriptã®ãƒ¡ãƒªãƒƒãƒˆãƒ»ãƒ‡ãƒ¡ãƒªãƒƒãƒˆã‚„JavaScriptã¨ã®é–¢ä¿‚æ€§ ãƒ»TypeScriptã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã‹ã‚‰ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã¾ã§ã®æ–¹æ³• ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ TypeScriptã®åˆ©ç”¨çµŒé¨“ãŒãªã„æ–¹ã§ã‚‚ã€ã“ã®è¨˜äº‹ã‚’èªã‚ã°ã€TypeScriptã®ç‰¹å¾´ã‚„åŸºæœ¬çš„ãªä½¿ã„æ–¹ãŒã‚ã‹ã‚Šã¾ã™ã€‚ å…¬é–‹æ—¥ï¼š2020/03/16 ã€å…¥é–€è€…å‘ã‘ã€‘TypeScriptã¨ã¯ï¼Ÿ TypeScriptã¯ã€JavaScriptã‚’æ‹¡å¼µã—ã¦ä½œã‚‰ã‚ŒãŸãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã§ã™ã€‚2014å¹´é ƒã«Microsoftã«ã‚ˆã£ã¦é–‹ç™ºãƒ»ç™ºè¡¨ã•ã‚Œã¾ã—ãŸã€‚ TypeScriptã§æ›¸ã‹ã‚ŒãŸã‚³ãƒ¼ãƒ‰ã‚’ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã™ã‚‹ã¨JavaScriptã®ã‚³ãƒ¼ãƒ‰ã«å¤‰æ›ã•ã‚Œã¾ã™ã€‚ãã®ãŸã‚ã€Java
hibinotatsuya 2022/03/09
javascript

TypeScript
ãƒªãƒ³ã‚¯
7ä¸‡è¡Œã®JavaScriptã‚³ãƒ¼ãƒ‰ã‚’TypeScriptã«ç§»è¡Œã—ãŸè©± - Qiita
ã¯ã˜ã‚ã« ä»Šé–¢ã‚ã£ã¦ã„ã‚‹ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§7ä¸‡è¡Œä»¥ä¸Šã®ã‚³ãƒ¼ãƒ‰ã‚’ã€JavaScriptã‹ã‚‰TypeScriptã«ç§»è¡Œã™ã‚‹ã¨ã„ã†ã®ã‚’çµŒé¨“ã—ã¾ã—ãŸã€‚ ç§»è¡Œã™ã‚‹ã«ã‚ãŸã£ã¦ã®æº–å‚™ã‚„æ‰‹é †ã€å®Ÿéš›ã«ã‚„ã£ã¦ã¿ã¦æ„Ÿã˜ãŸã“ã¨ãªã©ã‚’å…±æœ‰ã—ã¾ã™ã€‚ ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®æ¦‚è¦ ãƒ•ãƒ«ã‚¹ã‚¿ãƒƒã‚¯WEBã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰: JavaScript + React ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰: Node.js + Express.js + GraphQL ãªãœãã‚‚ãã‚‚TypeScriptã‚’æŽ¡ç”¨ã—ãªã‹ã£ãŸã®ã‹ äº‹å‰ã«æŠ€è¡“é¸å®šã‚’ã—ãŸéš›ã«ã€TypeScriptã‚’åˆ©ç”¨ã™ã‚‹ã‹ã©ã†ã‹ã®è°è«–ã¯ã‚ã‚Šã¾ã—ãŸã€‚ å½“æ™‚ã¯ä»¥ä¸‹ã®ç†ç”±ã‹ã‚‰æŽ¡ç”¨ã—ãªã„ã¨ã„ã†é¸æŠžã«è‡³ã‚Šã¾ã—ãŸã€‚ JavaScriptã®é–‹ç™ºã«æ…£ã‚Œã¦ã„ãŸãŸã‚ã€TypeScriptåž‹å®šç¾©=é¢å€’ã¨ã„ã†ã‚¤ãƒ¡ãƒ¼ã‚¸ãŒå¼·ã‹ã£ãŸ ã€Œã‚¹ãƒ”ãƒ¼ãƒ‰ãŒå‘½ã€ã¨è€ƒãˆã¦ãŠã‚Šã€TypeScriptã‚’ä½¿ã†ã“ã¨ã§é–‹ç™ºåŠ¹çŽ‡ãŒä¸‹ãŒã‚‹ã¨æ€ã£ã¦ã„ãŸ ãƒ—
hibinotatsuya 2020/12/16
javascript

Vue.js

React

TypeScript
ãƒªãƒ³ã‚¯
1