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

nunux id:nunux

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

${{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}}

100ä¸‡è¡Œã®å¤§è¦æ¨¡ãªJavaScriptè£½ã‚·ã‚¹ãƒ†ãƒ ã‚’TypeScriptã«ç§»è¡Œã™ã‚‹ãŸã‚ã«ã‚„ã£ãŸã“ã¨ | CyberAgent Developers Blog
ç¾åœ¨ãƒ”ã‚°äº‹æ¥éƒ¨ã®ä¸»åŠ›ã‚µãƒ¼ãƒ“ã‚¹ã§ã‚ã‚‹ã€Œãƒ”ã‚°ãƒ‘ãƒ¼ãƒ†ã‚£ã€ã§ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’ã—ã¦ãŠã‚Šã¾ã™æ–°å’2å¹´ç›®ã®å·å£ã§ã™ã€‚æ™®æ®µã¯SREé–¢é€£ã®æ¥å‹™ã‚’ä¸»ã¨ã—ã€ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã®æ¥å‹™åŠ¹çŽ‡æ”¹å–„ã‚„ã€ã‚·ã‚¹ãƒ†ãƒ ã®é‹ç”¨ä¿å®ˆã€æ™‚ã«ã¯æ©Ÿèƒ½ã®é–‹ç™ºã‚„ä¿®æ£ãªã©ã‚‚æ‹…å½“ã—ã¦ãŠã‚Šã¾ã™ã€‚ ãƒ”ã‚°ãƒ‘ãƒ¼ãƒ†ã‚£ã¯ã€2015å¹´ã«iOS/Androidã§ãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸã‚¢ãƒã‚¿ãƒ¼ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã‚¢ãƒ—ãƒªã§ã€ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã¯Node.js(JavaScript)+Mongo DBã‚’æŽ¡ç”¨ã—ã¦ã„ã¾ã™ã€‚ ãƒ”ã‚°ãƒ‘ãƒ¼ãƒ†ã‚£ã§ã¯ã“ã‚Œã¾ã§ã«ãƒ—ãƒ©ã‚¤ãƒ™ãƒ¼ãƒˆã‚¯ãƒ©ã‚¦ãƒ‰ã‹ã‚‰GCPã¸ã®ç§»è¨ã€Kubernetes(GKE)ã®æŽ¡ç”¨ãªã©ã€æŠ€è¡“çš„è² å‚µã®æŽ’é™¤ã‚„æ–°æŠ€è¡“ã®æŽ¡ç”¨ãªã©ã‚’ç©æ¥µçš„ã«è¡Œã£ã¦ã¾ã„ã‚Šã¾ã—ãŸã€‚ä»Šå›žã¯ã€ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰é–‹ç™ºæ™‚ã®å¤§ããªãƒœãƒˆãƒ«ãƒãƒƒã‚¯ã«ãªã£ã¦ã„ãŸã€åž‹ãŒã‚ã‹ã‚‰ãªã„ã“ã¨ã«èµ·å› ã™ã‚‹è¤‡æ•°ã®å•é¡Œã‚’è§£æ±ºã™ã‚‹ãŸã‚ã«ã€TypeScriptã‚’å°Žå…¥ã™ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ãã®çµæžœã€ã‚·ã‚¹ãƒ†ãƒ è¦æ¨¡ã«å¯¾ã—ã¦å°‘ãª
nunux 2022/02/02
javascript

TypeScript

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢å·¥å¦
ãƒªãƒ³ã‚¯
2020å¹´ç§‹ã«Vue.jsã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚‹ãªã‚‰ã€æŠ¼ã•ãˆã¦ãŠããŸã„5ã¤ã®ãƒã‚¤ãƒ³ãƒˆ | ãƒ•ãƒ¥ãƒ¼ãƒãƒ£ãƒ¼æŠ€è¡“ãƒ–ãƒã‚°
TIGã®ä¼Šè—¤çœŸå½¦ã§ã™ã€‚ ã“ã“æœ€è¿‘ã¯Vue.jsã§ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚ ã»ã¼ä½•ã‚‚ãªã„çŠ¶æ…‹ã‹ã‚‰ã®ã‚¹ã‚¿ãƒ¼ãƒˆæ®µéšŽã‹ã‚‰å§‹ã‚ãŸã®ã§ã™ãŒã€ãã®éš›èª¿æŸ»ã—ãŸã“ã¨ãŒå¦ã³ã«ãªã£ãŸã®ã§å…±æœ‰ã—ã¾ã™ã€‚ â€»ã“ã®è¨˜äº‹ã¯ 2020/10/13 ã«åŸ·ç†ã•ã‚Œã¾ã—ãŸã€‚èª¿æŸ»æ—¥ã¯2020/08/17ï½ž2020/09/01 ã®ãŸã‚ã€ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãªã©å½“æ™‚ã¨çŠ¶æ³ãŒç•°ãªã‚‹ã‚‚ã®ãŒã‚ã‚Šã¾ã™ã€‚ã“ã®1ãƒ¶æœˆã®é–“ã§ã‚‚ã€alphaã‹ã‚‰betaã«å¤‰ã‚ã£ãŸã‚Šã€betaãŒå–ã‚ŒãŸã‚Šã¨é€²åŒ–ãŒé€Ÿã„ã§ã™ã€‚ å…¬å¼ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ã‚¹ãƒ†ãƒ¼ã‚¿ã‚¹ã¯ã“ã¡ã‚‰ã‚‚ã”å‚è€ƒãã ã•ã„ã€‚ https://v3.vuejs.org/guide/migration/introduction.html#supporting-libraries å‰æã¨ã—ã¦æŠ¼ã•ãˆã¦ãŠããŸã„2ç‚¹ã®ãƒã‚¤ãƒ³ãƒˆç’°å¢ƒæ§‹ç¯‰ã¯Vue CLIãƒ•ãƒ¥ãƒ¼ãƒãƒ£ãƒ¼ã§ã¯ä»•äº‹ã§ã™ãã«ä½¿ãˆã‚‹TypeScriptã¨é¡Œã—ã¾ã—ã¦ã€TypeScri
nunux 2020/10/14
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰

Vue.js

TypeScript

javascript
ãƒªãƒ³ã‚¯
ã€LINEè¨¼åˆ¸ FrontEndã€‘LINEè¨¼åˆ¸ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®å…¨ä½“åƒ
ã“ã‚“ã«ã¡ã¯ã€‚ãƒ•ã‚£ãƒŠãƒ³ã‚·ãƒ£ãƒ«é–‹ç™ºã‚»ãƒ³ã‚¿ãƒ¼Webé–‹ç™ºå®¤ã®éˆ´æœ¨ã§ã™ã€‚Webé–‹ç™ºå®¤ã¯ç¾åœ¨ã€ŒLINEè¨¼åˆ¸ã€ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’æ‹…å½“ã—ã¦ã„ã¾ã™ã€‚ã€LINEè¨¼åˆ¸ FrontEndã€‘ ã‚·ãƒªãƒ¼ã‚ºã§ã¯ã€Webé–‹ç™ºå®¤ãƒ¡ãƒ³ãƒãƒ¼ãŒLINEè¨¼åˆ¸ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã«ã¾ã¤ã‚ã‚‹æ§˜ã€…ãªãƒˆãƒ”ãƒƒã‚¯ã‚„ã€LINEè¨¼åˆ¸ã®é–‹ç™ºä¸ã«å¾—ãŸçŸ¥è¦‹ã‚’ãŠå±Šã‘ã—ã¾ã™ã€‚ä»Šå›žã¯ç¬¬1å›žã¨ã„ã†ã“ã¨ã§ã€LINEè¨¼åˆ¸ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®å…¨ä½“åƒã‚’èª¬æ˜Žã—ã¾ã™ã€‚LINEè¨¼åˆ¸ã¨ã„ã†ã‚¢ãƒ—ãƒªãŒã©ã‚“ãªæŠ€è¡“ã§å‹•ã„ã¦ã„ã‚‹ã®ã‹ã€ãã—ã¦æŠ€è¡“ã«å¯¾ã™ã‚‹è€ƒãˆæ–¹ã‚’çŸ¥ã‚‹ã“ã¨ã§ã€LINEè¨¼åˆ¸ã‚’ã‚ˆã‚Šèº«è¿‘ã«æ„Ÿã˜ã¦ã„ãŸã ã‘ã‚‹ã¨å¹¸ã„ã§ã™ã€‚ TypeScript + React LINEè¨¼åˆ¸ã¯ã€ã„ã‚ã‚†ã‚‹SPAã¨ã—ã¦ä½œã‚‰ã‚Œã¦ã„ã¾ã™ã€‚æœ€è¿‘ã®SPAé–‹ç™ºã§æœ€åˆã«æ±ºã‚ã‚‹ã“ã¨ã¨ã„ãˆã°ã€1ã«è¨€èªžã€2ã«Viewãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ãã€‚è¦‹å‡ºã—ã«ã™ã§ã«å‡ºã¦ã„ã¾ã™ãŒã€LINEè¨¼åˆ¸ã§ã¯ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã¨ã—ã¦TypeScriptã‚’ã€ãƒ©ã‚¤ãƒ–ãƒ©
nunux 2020/06/08
LINE

TypeScript

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰
ãƒªãƒ³ã‚¯
ç¾ä»£ã‚¦ã‚§ãƒ–ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ï¼ˆã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ï¼‰ã«ã¤ã„ã¦ç†è§£ã™ã‚‹å”¯ä¸€ã®æ–¹æ³•ï½œerukiti
ã“ã®è¨˜äº‹ã¯ã€ã‚¦ã‚§ãƒ–æŠ€è¡“ã®é–‹ç™ºè€…ï¼ˆJava, PHP, Ruby, Go... å…¨ã¦å«ã‚€ï¼‰ã®ã†ã¡ã€å°‘ã—ã§ã‚‚JavaScriptã‚’è§¦ã£ãŸã“ã¨ãŒã‚ã‚‹ã‘ã©ã€ç¾ä»£ã‚¦ã‚§ãƒ–ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¨ã„ã†ã‹ã€ç‰¹ã«ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ â€”â€” React, Vue, Angular ãªã©â€”â€” ãŒåˆ†ã‹ã‚‰ãªã„äººã«å‘ã‘ã¦ã€ãŸã£ãŸã²ã¨ã¤ã®ç†è§£æ–¹æ³•ã‚’æç¤ºã™ã‚‹ã‚‚ã®ã§ã™ã€‚ è¿½è¨˜: ã¡ãªã¿ã«æžœã¦ã—ãªãã©ã†ã§ã‚‚ã„ã„ã§ã™ãŒã€ä»Šå›žã®è¨˜äº‹ãŒè¨˜å¿µã™ã¹ã100è¨˜äº‹ç›®ã‚‰ã—ã„ã§ã™ã€‚ï¼ˆNoteã•ã‚“ï¼ãã®æ‰‹ã®ãƒ¤ãƒ„ã¯ã„ã£ãè‡ªå‹•ã§è¨˜äº‹ã«ãƒãƒƒãƒ‚ã‚’è¡¨ç¤ºã™ã‚‹ã¨ã‹ã—ã¦ãã‚Œã‚‹ã¨ã†ã‚Œã—ã„ã§ã™ï¼ï¼‰ å¯¾è±¡èªè€…ã¯ã€Java, PH(ä»¥ä¸‹ç•¥ï¼‰ãªã©ã®ã‚³ãƒ¼ãƒ‰ã¨ä¸€ç·’ã«ã€ã»ã‚“ã®å°‘ã—ã§ã‚‚JSã®ã‚³ãƒ¼ãƒ‰ã‚’è§¦ã£ãŸã€è¦‹ãŸã“ã¨ãŒã‚ã‚‹ã¨ã„ã†ãƒ¬ãƒ™ãƒ«æ„Ÿã®äººãªã®ã§ã€æ—¢ã«React, Vue, Angular ãªã©ã§ã‚¬ãƒªã‚¬ãƒªã‚³ãƒ¼ãƒ‰ã‚’æ›¸ã„ã¦ã„ã‚‹äººã¯å¯¾è±¡ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ ã‚ã¨ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸å±‹ã•ã‚“ã¨ã‹ã‚¦ã‚§ãƒ–ã‚³ãƒ¼ãƒ€
nunux 2020/03/29
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰

javascript

TypeScript
ãƒªãƒ³ã‚¯
æ–°è¦äº‹æ¥ã‚’ã²ã¨ã‚Šã§ä½œã‚‹ãƒŽã‚¦ãƒã‚¦ - æ€ æƒ°ã‚’æ±‚ã‚ã¦å‹¤å‹‰ã«è¡Œãç€ã
ç”Ÿå˜å ±å‘Šã‚‚å…¼ãã¦ã€‚ ã‚«ãƒªãƒ•ã‚©ãƒ«ãƒ‹ã‚¢ã«æ¥ã¦ã‚‚ã†åŠå¹´ãã‚‰ã„çµŒã£ãŸæ„Ÿè¦šã§ã™ãŒã€å®Ÿã¯ã¾ã 4ãƒ¶æœˆã»ã©ã§ã—ãŸã€‚éžå¸¸ã«å¤šãã®ç´ æ•µãªæ–¹ã€…ã¨ã®å‡ºä¼šã„ãŒã‚ã‚Šã€å¦»ã‚‚åƒ•ã‚‚åä¾›ã‚‚ã“ã®çš†ã•ã¾ã®åŠ©ã‘ãŒã‚ã£ã¦ã©ã†ã«ã‹ç”Ÿãã¦ãŠã‚Šã¾ã™ã€‚ã©ã†æ„Ÿè¬ã—ã¦ã‚ˆã„ã‹è¨€è‘‰ã«ã§ããªã„ã»ã©ã§ã™ã€‚ ã•ã¦ã€ãƒ“ã‚¸ãƒã‚¹ä¸Šã®åƒ•ã®ãƒŸãƒƒã‚·ãƒ§ãƒ³ã¯æ¬¡ã®3ã¤ã§ã™ã€‚ ä¸»ã«æŠ•è³‡ã‚„é€£æºç›®çš„ã®äº¤æ¸‰ï¼ˆã®æŠ€è¡“é¢ã®ã‚µãƒãƒ¼ãƒˆï¼‰ æ—¥æœ¬ã¨ã®é€£æº æ–°è¦äº‹æ¥ã®é–‹ç™º ã©ã‚Œã‚‚ãªã‹ãªã‹é›£ã—ã„ã§ã™ã€‚ä¼šã£ã¦ã‚¢ãƒãã‚‰ã„ãªã‚‰å¿œã˜ã¦ãã‚Œã‚‹ä¼šç¤¾ã‚‚å¤šã„ã§ã™ãŒã€æŠ•è³‡ã‚„é€£æºã¨ã„ã£ã¦ã‚‚ãƒãƒ–ãƒ«å´©å£Šä»¥å¾ŒçµŒæ¸ˆæˆé•·ã§ãã¦ã„ãªã„æˆ‘ãŒå›½ã¯ã‚‚ã¯ã‚„ã€Œå•†ç¿’æ…£ã ã‘ã‚ã‚“ã©ãã•ã„ã®ã«ä»Šã‚„ã‚«ãƒã‚‚æŒã£ã¦ãªã„ã‹ã‚‰ç›¸æ‰‹ã«ã—ã¦ã‚‰ã‚Œãªã„é€£ä¸ã€ã¨ã„ã†ã®ã¯è‚Œã§æ„Ÿã˜ã¾ã™ã€‚ã”å˜çŸ¥ã®é€šã‚Šã€ã‚µãƒ³ãƒ•ãƒ©ãƒ³ã‚·ã‚¹ã‚³ãƒ»ãƒ™ã‚¤ã‚¨ãƒªã‚¢ã¯ITä¼æ¥ä¼šç¤¾å“¡ãŒå¹´åŽ5000ä¸‡å††ã‚‚ã‚‰ã†ã‚ˆã†ãªå ´æ‰€ã§ã™ã€‚ãªã‹ãªã‹åŒã˜è¦æ¨¡æ„Ÿã§ä¼šè©±ã™ã‚‹ã®ãŒé›£ã—ã„ãƒ¬ãƒ™ãƒ«ã«é”ã—ã¦ã„ã¾ã™ã€‚ ã“ã¿ã“ã¿ã¨ã„ã†å™‚ã®Net
nunux 2018/08/07
TypeScript
ãƒªãƒ³ã‚¯
1