[B! javascript][typescript] d4-1977ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

d4-1977 id:d4-1977

javascriptã¨typescriptã«é–¢ã™ã‚‹d4-1977ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

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

ã‚¢ãƒ³ã‚µãƒ¼: named exportã¯æœ‰å®³ãªã®ã‹ - uhyo/blog
ã“ã‚“ã«ã¡ã¯ã€‚ã“ã“æ•°æ—¥ã¯ã€ä»¥ä¸‹ã®è¨˜äº‹ãŒè©±é¡Œã«ãªã‚Šã¾ã—ãŸã€‚ named exportã¯æœ‰å®³ã ã¨è€ƒãˆã‚‰ã‚Œã¾ã™ã€Œnamed exportã¯æœ‰å®³ã€ã¨ã„ã†ä¸»å¼µã¯ã“ã‚Œã¾ã§å¸¸è˜ã¨æ€ã‚ã‚Œã¦ã„ãŸã“ã¨ã¨ã¯ç•°ãªã‚‹ãŸã‚ã€ç•Œéšˆã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‹ã‚‰ã¯å¦å®šçš„ãƒ»æ‡ç–‘çš„ãªæ„è¦‹ãŒè¦‹ã‚‰ã‚Œã¾ã™ã€‚å®Ÿéš›ã€ç†è€…ã‚‚named exportãŒæœ‰å®³ã§ã‚ã‚‹ã¨ã¯1ãƒŸãƒªã‚°ãƒ©ãƒ ã‚‚æ€ã£ã¦ã„ã¾ã›ã‚“ã€‚ ã—ã‹ã—ã€è‡ªåˆ†ã¨ç•°ãªã‚‹æ„è¦‹ã¯å½“ç„¶ã«ä¸‹ç‰ãƒ»å¹¼ç¨šãªã‚‚ã®ã§ã‚ã‚‹ã¨ã„ã†ã®ã¯ç†è€…ãŒæœ€ã‚‚å«Œã†è€ƒãˆæ–¹ã§ã™ã‹ã‚‰ã€ã“ã®ã‚ˆã†ãªç•°ãªã‚‹æ„è¦‹ã‚’åˆ†æžãƒ»ç†è§£ã™ã‚‹å¿…è¦ãŒã‚ã‚‹ã¨æ€ã„ã€ã‚¢ãƒ³ã‚µãƒ¼è¨˜äº‹ã¨ã„ã†å½¢ã§ã¾ã¨ã‚ã¾ã—ãŸã€‚å…·ä½“çš„ã«ã¯ã€ç•°ãªã‚‹æ„è¦‹ã«é”ã™ã‚‹ç†ç”±ã¨ã—ã¦ã¯å‰æãŒç•°ãªã‚‹ã“ã¨ã¨è«–ç†ãŒç•°ãªã‚‹ã“ã¨ãŒä¸»ã«æŒ™ã’ã‚‰ã‚Œã¾ã™ã€‚å‰æãŒç•°ãªã‚‹ã“ã¨ãŒåˆ†ã‹ã‚Œã°ã€è‡ªåˆ†ã¨ç•°ãªã‚‹æ„è¦‹ã«è‡³ã£ãŸç†ç”±ã‚’ç†è§£ã§ãã€å ´åˆã«ã‚ˆã£ã¦ã¯å–ã‚Šå…¥ã‚Œã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚è«–ç†ãŒé•ã†ã®ã§ã‚ã‚Œã°ã€ãã‚Œã¯ç‘•ç–µã§ã‚ã‚ŠæŒ‡æ‘˜ã—ãªã‘ã‚Œã°ã„ã‘ã¾ã›ã‚“ã€‚ ãªãŠã€ãã‚‚ã
d4-1977 2021/09/26
åˆã‚ã›ã¦èªã¿ãŸã„è©±ã ã£ãŸ

è¨è¨ˆ

TypeScript

javascript
ãƒªãƒ³ã‚¯
JavaScript / TypeScriptå…¨ä½“ç ”ä¿®ã‚’å®Ÿæ–½ ~æ´å²ã‚ã‚‹ã‚µãƒ¼ãƒ“ã‚¹ä¿å®ˆã‹ã‚‰ãƒ¢ãƒ€ãƒ³ãƒ•ãƒãƒ³ãƒˆé–‹ç™ºã¾ã§å¹…åºƒãæ‰‹æŽ›ã‘ã‚‹ç‚ºã«~ | NIJIBOXã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚°ãƒ«ãƒ¼ãƒ— JavaScript / TypeScriptå…¨ä½“ç ”ä¿®ã‚’å®Ÿæ–½ãƒ‹ã‚¸ãƒœãƒƒã‚¯ã‚¹ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºå®¤ã®é«˜æ©‹ã§ã™ã€‚ 3æœˆ4æ—¥ã€3æœˆ11æ—¥ã®2æ—¥é–“ã«ã‹ã‘ã¦å¼Šç¤¾ã€æ ªå¼ä¼šç¤¾ãƒ‹ã‚¸ãƒœãƒƒã‚¯ã‚¹ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚°ãƒ«ãƒ¼ãƒ—å…¨ä½“ã‚’å¯¾è±¡ã«JavaScript, TypeScriptã®å…¨ä½“ãƒªãƒ¢ãƒ¼ãƒˆç ”ä¿®ã‚’å®Ÿæ–½ã—ã¾ã—ãŸã€‚è¬›å¸«ã«ã¯ãƒªã‚¯ãƒ«ãƒ¼ãƒˆã‹ã‚‰ï¼“åã®ãƒ—ãƒãƒ•ã‚§ãƒƒã‚·ãƒ§ãƒŠãƒ«ã‚’ãŠæ‹›ãã—ã¾ã—ãŸã€‚å‚åŠ è€…ã¯ç·å‹¢ã§50åè¿‘ãã«ãªã‚Šã¾ã—ãŸã€‚ ä»Šå›žã“ã®ç ”ä¿®ã®ä¼ç”»é‹å–¶ãƒ¡ãƒ³ãƒãƒ¼ã®ä¸€äººã¨ã—ã¦æºã‚ã‚Šã¾ã—ãŸã®ã§ã€ç ”ä¿®å½“æ—¥ã®é›°å›²æ°—ã‚„ç ”ä¿®å¾Œã®æˆæžœã‚’å«ã‚ã¦ã”ç´¹ä»‹ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ ãƒ‹ã‚¸ãƒœãƒƒã‚¯ã‚¹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚°ãƒ«ãƒ¼ãƒ—ã®ç¾çŠ¶ã¨èª²é¡Œãƒ‹ã‚¸ãƒœãƒƒã‚¯ã‚¹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚°ãƒ«ãƒ¼ãƒ—ã¯SUUMO, ã‚¼ã‚¯ã‚·ã‚£ã‚’ã¯ã˜ã‚ã¨ã—ãŸãƒªã‚¯ãƒ«ãƒ¼ãƒˆå†…ã®Webã‚µãƒ¼ãƒ“ã‚¹ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰æ¥å‹™ã«å¹…åºƒãé–¢ã‚ã£ã¦ã„ã¾ã™ã€‚ æ¥ç•Œã‚‚æ§˜ã€…ã§ã™ãŒã€ä½¿ç”¨ã—ã¦ã„ã‚‹æŠ€è¡“ã‚„é–‹ç™ºãƒ•ãƒãƒ¼ã‚‚ãƒ—ãƒãƒ€ã‚¯ãƒˆã«ã‚ˆã£ã¦å¤§ã
d4-1977 2021/04/11
ã‚ã¨ã§èªã‚€

TypeScript

JavaScript

æ–°å’ç ”ä¿®
ãƒªãƒ³ã‚¯
ESLint, Prettier, VS Code, npm scripts ã®è¨å®š: 2021æ˜¥
eslint-plugin-prettier æ™‚ä»£ã®è¨å®šã‚’ãšã£ã¨ä½¿ã£ã¦ã„ãŸã®ã§ã€é‡ã„è…°ã‚’ä¸Šã’ã¦ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã—ãŸä½œæ¥ãƒ¡ãƒ¢ã€‚ èƒŒæ™¯ Prettier å…¬å¼ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã«ã‚ˆã‚Œã°ã€ç¾åœ¨ eslint-plugin-prettier ã¯ä»¥ä¸‹ã®å•é¡ŒãŒã‚ã‚‹ã¨ã—ã¦æŽ¨å¥¨ã—ã¦ã„ãªã„ã€‚ ã‚¨ãƒ‡ã‚£ã‚¿ãŒçœŸã£èµ¤ã«ãªã‚‹ï¼ˆäººé–“ãŒæ°—ã«ã™ã‚‹å¿…è¦ã®ãªã„å•é¡Œãªã®ã«ï¼ï¼‰ ç›´æŽ¥å®Ÿè¡Œã™ã‚‹ã‚ˆã‚Šé…ã„ï¼ˆåŒæ§˜ã« prettier-eslint ã‚‚é…ã„ï¼‰ ESLint ã¨ Prettier ã®é–“ã«é–“æŽ¥ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’è¿½åŠ ã™ã‚‹ã®ã§ã€å£Šã‚Œã‚„ã™ã„ ãªã‚‹ã»ã©æ£ã—ã„ã€‚ ä¸€æ–¹ã€åˆ¥ã€…ã«å®Ÿè¡Œã™ã‚‹ã“ã¨ã§ä»¥ä¸‹ã®ã‚ˆã†ãªå•é¡Œã‚‚å‡ºã¦ãã‚‹ã®ã§ã€è§£æ±ºã—ã¦ã„ãã€‚ CLI ã¨ã‚¨ãƒ‡ã‚£ã‚¿ã‚’å€‹åˆ¥ã«è¨å®šã™ã‚‹å¿…è¦ãŒã‚ã‚‹ ã‚¨ãƒ‡ã‚£ã‚¿ã§ ESLint ã¨ Prettier ã®å”èª¿å‹•ä½œãŒå¿…è¦ CLI (npm scripts) ã§ ESLint ã¨ Prettier ã®å¯¾è±¡ãƒ•ã‚¡ã‚¤ãƒ«ãŒåˆ¥ç®¡ç†ã«ãªã‚‹ ä¸Šè¨˜ã®
d4-1977 2021/04/11
ã‚ã¨ã§èªã‚€

é–‹ç™ºç’°å¢ƒ

JavaScript

TypeScript
ãƒªãƒ³ã‚¯
JavaScriptã®Collectionæ“ä½œã‚’ã™ã‚‹æ™‚ã¯ãŠé¡˜ã„ãŒã‚ã‚‹ã€ä¸€å‘¼å¸ç½®ã„ã¦ã‹ã‚‰æ“ä½œã‚’ã—ã¦ãã‚Œ
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
d4-1977 2021/02/14
javascript

ã‚ã¨ã§èªã‚€

TypeScript
ãƒªãƒ³ã‚¯
2019å¹´æŒ¯ã‚Šè¿”ã‚Š.md
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
d4-1977 2020/01/05
ã€Œç¤¾å†…ã§ css-animation ã«ãŠã„ã¦ layout jank ãŒå·»ãèµ·ã“ã‚‹è¦å› ã¨è§£æ±ºæ–¹æ³•ã‚’ç´¹ä»‹ã—ãŸã€ãŠï¼Ÿæ°—ã«ãªã‚Šã¾ã™ï¼

TypeScript

JavaScript

CSS
ãƒªãƒ³ã‚¯
TypeScriptå†å…¥é–€ â€• ã€ŒãŒã‚“ã°ã‚‰ãªã„TypeScriptã€ã§ã€JavaScriptã‚’â€œæŸ”ã‚‰ã‹ã„â€é™çš„åž‹ä»˜ãè¨€èªžã«ï½œãƒã‚¤ã‚¯ãƒ©ã‚¹è»¢è·ãƒ»æ±‚äººæƒ…å ±ã‚µã‚¤ãƒˆ AMBIï¼ˆã‚¢ãƒ³ãƒ“ï¼‰
TypeScriptå†å…¥é–€Â â€•Â ã€ŒãŒã‚“ã°ã‚‰ãªã„TypeScriptã€ã§ã€JavaScriptã‚’â€œæŸ”ã‚‰ã‹ã„â€é™çš„åž‹ä»˜ãè¨€èªžã« JavaScript ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§TypeScriptã‚’å°Žå…¥ã™ã‚‹éš›ã«ã¯ã€â€œæŸ”ã‚‰ã‹ã„â€é™çš„åž‹ä»˜ãè¨€èªžã¨ã™ã‚‹ã®ãŒãŠã™ã™ã‚ã§ã™ã€‚è—¤å¾éƒŽï¼ˆgfxï¼‰ã•ã‚“ãŒã¾ã¨ã‚ãŸã€ŒãŒã‚“ã°ã‚‰ãªã„TypeScriptã€ã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã§ã™ã€‚ TypeScriptã¯ã€ã™ã¹ã¦ã®JavaScript ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§æŽ¡ç”¨ã™ã‚‹ä¾¡å€¤ã®ã‚ã‚‹æŠ€è¡“ã§ã™ã€‚TypeScriptã¨ã“ã‚Œã«å¯¾å¿œã—ãŸã‚¨ãƒ‡ã‚£ã‚¿ã‚’å°Žå…¥ã™ã‚‹ã“ã¨ã§ã€è£œå®Œã‚„åž‹ãƒ™ãƒ¼ã‚¹ã®æ•´åˆæ€§ã®ãƒã‚§ãƒƒã‚¯ã«ã‚ˆã‚Šã€ã™ã¹ã¦ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ç”Ÿç”£æ€§ãŒä¸ŠãŒã‚Šã¾ã™ã€‚ã¾ãŸãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°ã‚‚å®¹æ˜“ã«ãªã‚‹ã®ã§ã€é•·æœŸã‚ã‚‹ã„ã¯å¤§è¦æ¨¡ãªãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã‚‚å“è³ªã‚’ä¿ã¡ã‚„ã™ããªã‚Šã¾ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€TypeScriptã«ã¤ã„ã¦æœ€ä½Žé™ã®çŸ¥è˜ã¨ã¨ã‚‚ã«ã€ã‚µã‚¯ãƒƒã¨ï¼ˆã©ã¡ã‚‰ã‹ã¨ã„ã†ã¨æ—¢å˜ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«ï¼‰å°Žå…¥ã™ã‚‹ãŸã‚ã®
d4-1977 2019/08/12
å…¥é–€ã—ãŸã“ã¨ãŒãªã„ã‘ã‚Œã©ã€ãã‚ãã‚å…¥é–€ã—ãŸã„æ°—æŒã¡ã§ã™ã€‚ã“ã‚Œã‚’èªã‚€ã¨çŸ¥ã£ãŸã‹ã¶ã‚Šã«ãªã£ã¦ã—ã¾ã†ã‘ã‚Œã©ã€ã¾ãšã¯å…¥é–€ã—ãªã„ã¨â€¦ã¨ã„ã†æ°—æŒã¡ã§ã™ï¼

JavaScript

TypeScript
ãƒªãƒ³ã‚¯
åž‹ãƒã‚§ãƒƒã‚¯ã¯ TypeScript ã‚„ Flow ã˜ã‚ƒãªãã¦ JavaScript ã«ã‚„ã‚‰ã›ã‚‹ã€‚ - Qiita
é–‹ç™ºåŠ¹çŽ‡ã®ãŸã‚ã«åž‹ãƒã‚§ãƒƒã‚¯ã‚’æœ›ã‚€ JavaScript ãŒå‹•çš„åž‹è¨€èªžãªã®ã§ã€é™çš„åž‹è¨€èªžã«ã—ã¦ã—ã¾ãˆã°é–‹ç™ºåŠ¹çŽ‡ãŒã‚ãŒã‚‹ã€ã¨ã„ã†ã‚¢ã‚¤ãƒ‡ã‚¢ãŒã‚ã£ã¦ã€ãã‚Œã¯ç¢ºã‹ãªã“ã¨ã‹ã¨ã‚‚æ€ã„ã¾ã™ã€‚ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’æ›¸ã„ã¦ã„ã¦ã€ã‚ã‚‹å¤‰æ•°ã®åž‹ãŒã‚ˆãã‚ã‹ã‚‰ãªã‘ã‚Œã°æ£ç¢ºãªå‡¦ç†ã‚’è¡Œã‚ã›ã‚‹ã®ã£ã¦ã€é›£ã—ã„ã§ã™ã‚ˆãã€‚ ç¢ºã‹ã«é–‹ç™ºåŠ¹çŽ‡ã€ã‚ãŒã‚‹ã¨æ€ã„ã¾ã™ã€‚ å®Ÿéš›ã«è‡ªåˆ†ã‚‚é–‹ç™ºåŠ¹çŽ‡ã‚’ã‚ã’ã¦ã„ã¾ã™ã€‚ã—ã‹ã—ã€åž‹ãƒã‚§ãƒƒã‚¯ã¯è¡Œã£ã¦ã„ã¾ã™ãŒã€TypeScript ã‚„ Flow ã¨ã‹ã¯ä½¿ã£ã¦ã„ã¾ã›ã‚“ã€‚ TypeScript ã‚„ Flow ãŒäººæ°—ã‚’å¾—ã¦ãã¦ã„ã¾ã™ãŒã€ãã“ã§è¡Œã†åž‹ãƒã‚§ãƒƒã‚¯ã¯ã€ç´ ã®JavaScriptã«ã‚„ã‚‰ã›ã¦ã—ã¾ã†ã“ã¨ã‚‚ã§ãã‚‹ã®ã§ã€å°Žå…¥å‰ã«æ¤œè¨Žã—ã¦ã¿ã‚‹ã®ã‚‚ã‚ˆã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ ãƒãƒ¼ãƒ é–‹ç™ºã®å ´åˆã«ã¯ã€åž‹ãƒã‚§ãƒƒã‚¯ã‚’è‡ªå‰ã§è¡Œã‚ãªã„ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«ã‚‚åž‹ãƒã‚§ãƒƒã‚¯ã‚’è¡Œã£ã¦ã‚‚ã‚‰ã†ã¨ã„ã†æ„å‘³ã§ã€TypeScript ç‰ã‚’å°Žå…¥ã™ã‚‹ä¾¡å€¤ã¯ãŸã—ã‹ã«å¤§ããã‚ã‚‹ã¨æ€ã„ã¾
d4-1977 2019/01/06
javascript

typescript
ãƒªãƒ³ã‚¯
1