485
Help us understand the problem. What are the problem?

posted at

updated at

Organization

ꀄćŖTypeScriptꔈ件šŸ”„ęœ€åˆć®30ꗄ間恫ä½æć„å€’ć—ćŸć„ć€Œć‚³ćƒ¼ćƒ‰ćƒŖćƒ¼ćƒ‡ć‚£ćƒ³ć‚°ę”Æę“ćƒ„ćƒ¼ćƒ«ć€

恓恮ꊕēØæ恧ćÆ态怌TypeScriptć®ę–‡ę³•ć‚„ē”ØčŖžćŒć‚ˆćåˆ†ć‹ć‚‰ćŖ恄怍ćØć„ć†å•é”Œć‚’č§£ę¶ˆć—ć¦ćć‚Œćć†ćŖćƒ„ćƒ¼ćƒ«ć‚’ē“¹ä»‹ć—ć¾ć™ć€‚

å‹‰å¼·ć—ćŖćŒć‚‰ć®č¦‹åˆ‡ć‚Šē™ŗ車

꜀čæ‘ćÆTypeScriptęœŖēµŒéØ“ć§ć‚‚ć€TypeScriptę”ˆä»¶ć«ć‚¢ć‚µć‚¤ćƒ³ć•ć‚Œć‚‹ć“ćØćŒå¢—ćˆć¦ćć¦ć„ć‚‹ć‚ˆć†ć«ę€ć„ć¾ć™ć€‚

運恌恄恄ćØē€ę‰‹å‰ć«TypeScriptć‚’ć˜ć£ćć‚Šå­¦ēæ’恙悋Ꙃ間悒äøŽćˆć‚‰ć‚Œć‚‹ć“ćØćŒć‚ć‚Šć¾ć™ć€‚ć—ć‹ć—ć€å¤šćć®ć‚±ćƒ¼ć‚¹ć§ćÆć€č¦‹åˆ‡ć‚Šē™ŗ車恧開ē™ŗć«å‚åŠ ć™ć‚‹ć®ć§ćÆćŖ恄恧恗悇恆恋怂

ć‚³ćƒ¼ćƒ‰ćƒŖćƒ¼ćƒ‡ć‚£ćƒ³ć‚°ć‹ć‚‰å§‹ć¾ć‚‹

TypeScriptꔈ件ćÆ态ē†č§£ć™ć¹ćę—¢å­˜ć®TypeScript/JavaScriptć‚³ćƒ¼ćƒ‰ćŒć‚ć‚‹ć‚±ćƒ¼ć‚¹ćŒå¤šć„ć§ć™ć€‚

ćć®ćŸć‚ć€

  • čŖ­ć‚“恧ē†č§£ć™ć¹ćę—¢å­˜ć®TypeScriptć‚³ćƒ¼ćƒ‰ćŒć‚ć‚‹
  • 恗恋恗态TypeScript恮ēŸ„č­˜ćŒä¹ć—ć„ēŠ¶ę…‹ć§ć‚¹ć‚æćƒ¼ćƒˆ

ćØć„ć£ćŸäŗ‹ę…‹ćŒć‚ˆćčµ·ćć¾ć™ć€‚

ę–°č¦ćƒ—ćƒ­ć‚ø悧ć‚Æ惈恧ćÆę—¢å­˜ć‚³ćƒ¼ćƒ‰ćŒć‚ć‚Šć¾ć›ć‚“ćŒć€ć‚°ć‚°ć£ć¦å‡ŗć¦ććŸć‚µćƒ³ćƒ—ćƒ«ć‚³ćƒ¼ćƒ‰ćŒć‚ć£ćŸć‚Šć€é–‹ē™ŗćŒé€²ć‚€ć«ć¤ć‚Œćƒćƒ¼ćƒ ćƒ”ć‚¤ćƒˆćŒę›øć„ćŸć‚³ćƒ¼ćƒ‰ćŒć™ćć«ć§ćć¦ćć¦ć€č§£čŖ­ć™ć¹ćć‚³ćƒ¼ćƒ‰ćŒå…Ø恏ē„”恄ćØ恄恆恓ćØćÆć‚ć‚Šć¾ć›ć‚“ć€‚

TypeScripté–‹å§‹åˆęœŸćÆ态開ē™ŗć‚‚ć™ć‚‹ćŒć€åœ§å€’ēš„ć«ć‚³ćƒ¼ćƒ‰ćƒŖćƒ¼ćƒ‡ć‚£ćƒ³ć‚°ć«ę™‚é–“ć‚’č²»ć‚„ć™ć“ćØćŒć‚ˆćć‚ć‚Šć¾ć™ć€‚

čŖ­ć‚“ć§ć‚‚åˆ†ć‹ć‚‰ć‚“ć‚‚ć‚“ćÆčŖæć¹ć‚ˆć†ćŒćŖ恄

ćØ恓悍恌态TypeScript恮ēŸ„č­˜ćŒååˆ†ć§ćŖ恄ćØć€ć‚³ćƒ¼ćƒ‰ć‚’čŖ­ć‚“ć§ć‚‚åˆ†ć‹ć‚‰ćŖ恄恓ćØ恌å‡ŗć¦ćć¾ć™ć€‚

  • ćć‚‚ćć‚‚ę–‡ę³•ćŒåˆ†ć‹ć‚‰ćŖ恄怂
    • 怌??ć£ć¦ä½•ļ¼Ÿć€
    • 怌#name恮#ć£ć¦ć‚³ćƒ”ćƒ³ćƒˆļ¼Ÿć€
    • 怌<></>ć£ć¦ä½•ļ¼Ÿć€
  • é›°å›²ę°—ć§čŖ­ć‚ć¦ć‚‚态ē”ØčŖžćŒåˆ†ć‹ć‚‰ćŖćć¦č©³ē“°ć‚’čŖæć¹ć‚‰ć‚ŒćŖ恄怂
    • 怌string | undefined恮|ć£ć¦ćŖć‚“ć¦åå‰ļ¼Ÿć€
    • 怌value as anyć£ć¦ćŖć‚“ć¦ę©Ÿčƒ½ļ¼Ÿć€
    • 怌[K: string]: stringć£ć¦ä½•ļ¼Ÿć€

ć¾ćŸć€ćƒŖćƒ¢ćƒ¼ćƒˆćƒÆćƒ¼ć‚Æć‚‚ć‚ć„ć¾ć£ć¦ć€ćƒ”ćƒ³ćƒćƒ¼ć«é©åˆ‡ć«ē–‘å•ć‚’ä¼ćˆć‚‰ć‚ŒćŖ恄恓ćØć‚‚ć‚ć‚Šć¾ć™ć€‚

é›°å›²ę°—ć§TypeScriptć‚’ć‚„ć£ć¦ć„ć‚‹

ćć®ēµęžœć€ä½•ćŒčµ·ćć‚‹ć‹ćØ恄恆ćØ态TypeScript恌悈恏悏恋悉ćŖć„ć¾ć¾ę›øćé€²ć‚ć‚‹ćØć„ć£ćŸć“ćØćŒčµ·ć“ć‚Šć¾ć™ć€‚ć“ć®ēŠ¶ę³ćÆꗩ悁恫脱恙悋åæ…č¦ćŒć‚ć‚Šć¾ć™ć€‚ćć®ćŸć‚ć«ćÆć€ę–‡ę³•ćØē”ØčŖžć‚’ē†č§£ć™ć‚‹ć“ćØ恌äøåÆꬠ恧恙怂

ć“ć‚Œć‚’ę‰‹ę—©ćč”Œć†ć®ć«ä¾æ利ćŖć®ćŒć€ć€ŒTypeScriptč§£čŖ­ć‚¢ć‚·ć‚¹ć‚æćƒ³ćƒˆć€ć§ć™ć€‚

TypeScriptč§£čŖ­ć‚¢ć‚·ć‚¹ć‚æćƒ³ćƒˆ

TypeScriptč§£čŖ­ć‚¢ć‚·ć‚¹ć‚æćƒ³ćƒˆćÆ态TypeScriptć®ć‚³ćƒ¼ćƒ‰ćƒŖćƒ¼ćƒ‡ć‚£ćƒ³ć‚°ć‚’ę”Æę“ć™ć‚‹ćƒ„ćƒ¼ćƒ«ć§ć™ć€‚ć‚ć‹ć‚‰ćŖć„ć‚³ćƒ¼ćƒ‰éƒØåˆ†ć‚’éøęŠžć™ć‚‹ć ć‘ć§ć€ćć®éƒØåˆ†ć®ę–‡ę³•ć‚„č؀čŖžę©Ÿčƒ½åćŒčŖæć¹ć‚‰ć‚Œć¾ć™ć€‚

TypeScriptč§£čŖ­ć‚¢ć‚·ć‚¹ć‚æćƒ³ćƒˆ

TypeScriptč§£čŖ­ć‚¢ć‚·ć‚¹ć‚æćƒ³ćƒˆć®ä½æć„ę–¹

č§£čŖ­ć‚¢ć‚·ć‚¹ć‚æćƒ³ćƒˆćÆć€å·¦ćŒć‚Øćƒ‡ć‚£ć‚æć€å³ćŒč§£čŖ¬ć‚ØćƒŖć‚¢ćØć„ć†ćƒ¬ć‚¤ć‚¢ć‚¦ćƒˆć«ćŖć£ć¦ć„ć¾ć™ć€‚

ć¾ćšć€č§£čŖ­ć—ćŸć„ć‚³ćƒ¼ćƒ‰ć‚’ć‚Øćƒ‡ć‚£ć‚æ恫ćÆć‚Šć¤ć‘ć¾ć™ć€‚

č§£čŖ­ć—ćŸć„ć‚³ćƒ¼ćƒ‰ć‚’ć‚Øćƒ‡ć‚£ć‚æ恫ćÆć‚Šć¤ć‘ćŸę§˜å­

恤恎恫态čŖæć¹ćŸć„ć‚³ćƒ¼ćƒ‰éƒØåˆ†ć‚’ć‚ÆćƒŖ惃ć‚Æć—ć¾ć™ć€‚ć™ć‚‹ćØć€č§£čŖ¬ć‚ØćƒŖć‚¢ć«č؀čŖžę©Ÿčƒ½åćŒč”Øē¤ŗć•ć‚Œć¾ć™ć€‚

TypeScriptč§£čŖ­ć‚¢ć‚·ć‚¹ć‚æćƒ³ćƒˆć«č؀čŖžę©Ÿčƒ½åćŒč”Øē¤ŗć•ć‚ŒćŸę§˜å­

恟ćØćˆć°ć€ć“ć®ä¾‹ćŖ悉怌非nullć‚¢ć‚µćƒ¼ć‚·ćƒ§ćƒ³ć€ćØ恄恆čØ€č‘‰ćŒę‰‹ć«å…„ć‚Šć¾ć™ć€‚ć“ć‚Œć‚’ę‰‹ćŒć‹ć‚Šć«ć‚°ć‚°ć£ćŸć‚Šć€ćƒćƒ¼ćƒ ćƒ”ć‚¤ćƒˆć«č³Ŗå•ć‚’ä¼ćˆćŸć‚Šć™ć‚‹ć“ćØ恫ꓻē”Øć§ćć¾ć™ć€‚

éøꊞéƒØ分ćØćÆåˆ„ć«ć€ć‚ˆć‚Šåŗƒć„ēÆ„å›²ć®ć‚³ćƒ¼ćƒ‰ć«ć¤ć„ć¦ć®č§£čŖ¬ć‚‚åˆć‚ć›ć¦č”Øē¤ŗć•ć‚Œć¾ć™ć€‚

č؀čŖžę©Ÿčƒ½ć«é–¢é€£ć—ćŸčؘäŗ‹ć‚‚ęę”ˆć•ć‚Œć‚‹ć®ć§ć€ćć‚Œć‚’č¦‹ć‚‹ć“ćØć‚‚ć§ćć¾ć™ć€‚

TypeScriptč§£čŖ­ć‚¢ć‚·ć‚¹ć‚æćƒ³ćƒˆć«é–¢é€£čؘäŗ‹ćŒč”Øē¤ŗć•ć‚Œć¦ć„ć‚‹ę§˜å­

ć„ć‚ć„ć‚åˆ¤å®šć•ć›ć¦ćæ恟

個äŗŗēš„ć«åˆč¦‹ę®ŗć—ć ć£ćŸę§‹ę–‡No.1ćÆJSXć®ćƒ•ćƒ©ć‚°ćƒ”ćƒ³ćƒˆć§ć™ć€‚ć€Œćƒ•ćƒ©ć‚°ćƒ”ćƒ³ćƒˆć€ćØ恄恆ē”ØčŖžćŒåˆ†ć‹ć‚‰ćšć€ć—ć°ć‚‰ćć‚¹ćƒ«ćƒ¼ć—ć¦ć¾ć—ćŸć€‚

TypeScriptč§£čŖ­ć‚¢ć‚·ć‚¹ć‚æćƒ³ćƒˆć§ćƒ•ćƒ©ć‚°ćƒ”ćƒ³ćƒˆć‚’åˆ¤å®šć•ć›ćŸēµęžœ

ć”ć‚ƒć‚“ćØåˆ¤å®šć•ć‚Œć‚‹ć ć‘ć§ćŖ恏态Reactć®ćƒ‰ć‚­ćƒ„ćƒ”ćƒ³ćƒˆćø恮ćƒŖćƒ³ć‚Æć‚‚ć‚ć£ć¦č¦Ŗåˆ‡ć§ć™ć€‚

nullåˆä½“ę¼”ē®—子ćÆ恩恆恧恗悇恆恋怂??ćÆć‚°ć‚°ć‚Šć«ćć•ćŒęœ‰åć™ćŽć¦ć€é€†ć«ēŸ„名åŗ¦ćÆé«˜ćć†ć§ć™ćŒć€åˆ¤å®šć•ć›ć¦ćæć¾ć™ć€‚

TypeScriptč§£čŖ­ć‚¢ć‚·ć‚¹ć‚æćƒ³ćƒˆć§Nullåˆä½“ę¼”ē®—å­ć‚’åˆ¤å®šć•ć›ćŸēµęžœ

悈恏ä½æć‚ć‚Œć‚‹ć‚ć‚Šć«ć€ę¤œē“¢ć®ę‰‹ćŒć‹ć‚ŠćŒå°‘ćŖć„åˆ†å‰²ä»£å…„ę§‹ę–‡ć‚‚ć‚„ć£ć¦ćæć¾ć™ć€‚

TypeScriptč§£čŖ­ć‚¢ć‚·ć‚¹ć‚æćƒ³ćƒˆć§åˆ†å‰²ä»£å…„ć‚’åˆ¤å®šć•ć›ćŸēµęžœ

var悒čŖæć¹ćŸć‚‰ć€Œå¤ć„å¤‰ę•°å®£čØ€ć®ć‚„ć‚Šć‹ćŸć€ć€ŒvarćÆ悂恆ä½æ悏ćŖ恄怍ćØå‡ŗć¾ć—ćŸć€‚ä½œč€…ć®ę„ę€ćŒę„Ÿć˜ć‚‰ć‚Œć¾ć™ć€‚

TypeScriptč§£čŖ­ć‚¢ć‚·ć‚¹ć‚æćƒ³ćƒˆć§varć‚’åˆ¤å®šć•ć›ćŸēµęžœ

TypeScriptč§£čŖ­ć‚¢ć‚·ć‚¹ć‚æćƒ³ćƒˆć®ę³Øꄏē‚¹

갗恫ćŖ悋恮ćÆęƒ…å ±ę¼ćˆć„ćƒŖć‚¹ć‚Æć§ć™ć€‚ę„­å‹™ć‚³ćƒ¼ćƒ‰ć‚’č²¼ć‚Šä»˜ć‘ć¦ć‚‚å¤§äøˆå¤«ćŖć®ć‹ćŒåæƒé…ć§ć™ć€‚čŖ¬ę˜Žć«ć‚ˆć‚‹ćØć€å‡¦ē†ćÆćƒ–ćƒ©ć‚¦ć‚¶å†…ć§å®Œēµć™ć‚‹ć®ć§ć€ć‚³ćƒ¼ćƒ‰ćŒć“ć®ćƒ„ćƒ¼ćƒ«ć®ć‚µćƒ¼ćƒćƒ¼ć«é€ć‚‰ć‚Œć‚‹ć“ćØćÆćŖ恕恝恆恧恙怂

ć‚³ćƒ¼ćƒ‰ćÆć™ć¹ć¦ć‚Ŗćƒ•ćƒ©ć‚¤ćƒ³ć§å‡¦ē†ć•ć‚Œć€ć‚µćƒ¼ćƒćƒ¼ć«ćÆ送äæ”ć•ć‚Œć¾ć›ć‚“ć€‚ć”å®‰åæƒćć ć•ć„怂

č©¦ć—ć«ć€ćƒšćƒ¼ć‚øč”Øē¤ŗå¾Œć«WiFić‚’åˆ‡ć£ć¦ć‹ć‚‰ć‚³ćƒ¼ćƒ‰ć‚’č²¼ć‚Šä»˜ć‘ć¦ćæć¾ć—ćŸćŒå‹•ćć¾ć—ćŸć€‚čŖ¬ę˜Žć®ćØćŠć‚Šć€å‡¦ē†ćÆć‚Ŗćƒ•ćƒ©ć‚¤ćƒ³ć§č”Œć‚ć‚Œć¦ć„ć‚‹ć‚ˆć†ć§ć™ć€‚

ćŸć ć—ć€å…„åŠ›ć—ćŸć‚³ćƒ¼ćƒ‰ćÆURL恮äø€éƒØ恫ćŖ悋恮恧态URL悒SNSćŖć©ć§å…±ęœ‰ć™ć‚‹å “åˆćÆę³Øꄏ恌åæ…要恧恙怂

ć‚³ćƒ¼ćƒ‰ćÆBase64åŒ–ć•ć‚ŒURLćƒćƒƒć‚·ćƒ„ć«ćŖć‚Šć¾ć™ć€‚URLć‚’å…±ęœ‰ć™ć‚‹å “åˆćÆć€ę©ŸåÆ†ęƒ…å ±ć«ć”ę³Øꄏ恏恠恕恄怂

判定ē²¾åŗ¦ćÆć»ć¼å®Ÿē”Øćƒ¬ćƒ™ćƒ«ćŖć®ć§ć™ćŒć€ē“°ć‹ć„ćØ恓悍恧čŖ¤åˆ¤å®šć‚„ć€ååˆ†ćŖč§£čŖ¬ćŒč”Øē¤ŗ恕悌ćŖ恄ćØć“ć‚ć‚‚ć‚ć£ćŸć®ć§ć€ę°—ć«ćŖ悋ćØć“ć‚ć‚’č¦‹ć¤ć‘ćŸć‚‰ćƒ•ć‚£ćƒ¼ćƒ‰ćƒćƒƒć‚Æ悒送悋ćØč‰Æ恕恝恆恧恙怂

ꖰäŗŗå‘ć‘ęƒ…å ±ć«ę›øć„ć¦ćŠććØ恄恄恋悂

č؀čŖžć®å…„門ćÆ态恂悋ē؋åŗ¦åŸŗē¤Žć‚’ęŠŠę”恗恟äøŠć§ć€å®Ÿå‹™ć‚³ćƒ¼ćƒ‰ć‚’ę›øćå§‹ć‚ć‚‹ć®ćŒęœ›ć¾ć—ć„ć§ć™ć€‚

ć—ć‹ć—ć€å®Ÿéš›ćÆꀄ恫TypeScript惗惭ć‚ø悧ć‚Æćƒˆć«ć‚¢ć‚µć‚¤ćƒ³ć•ć‚Œć‚‹ć“ćØć‚‚ć‚ć‚Šć¾ć™ć€‚ćć†ć„ć†ēŠ¶ę³ćŒå°‘ćŖ恏ćŖć„ć®ć§ć€å®Ÿå‹™ć‚³ćƒ¼ćƒ‰ć‹ć‚‰é€†å¼•ćć§č؀čŖžćŒå­¦ć¹ć‚‹ć“ć®ćƒ„ćƒ¼ćƒ«ćÆ态ćŖ恋ćŖć‹é¢ē™½ć„恮恧ćÆćŖ恄恧恗悇恆恋怂

ę”ˆä»¶ć®é–‹ē™ŗč€…å‘ć‘ćƒ‰ć‚­ćƒ„ćƒ”ćƒ³ćƒˆćŖ恩恫态ꖰäŗŗå‘ć‘ęƒ…å ±ćØć—ć¦ć“ć®ćƒ„ćƒ¼ćƒ«ć‚’č¼‰ć›ć¦ćŠććØć€åŠ©ć‹ć‚‹äŗŗ悂恄恝恆恧恙怂

ē¤¾å†…ćƒ‰ć‚­ćƒ„ćƒ”ćƒ³ćƒˆć§ć®čØ˜č¼‰ä¾‹
## TypeScriptå…„é–€ęƒ…å ±

* [TypeScriptč§£čŖ­ć‚¢ć‚·ć‚¹ć‚æćƒ³ćƒˆ](https://typescriptbook.jp/code-reading-assistant)
    * TypeScriptć®ę§‹ę–‡ć§åˆ†ć‹ć‚‰ćŖ恄éƒØåˆ†ćŒć‚ć£ćŸć‚‰ć“ć‚Œć§čŖæć¹ć‚‹ćØč‰Æ恄怂
    * č§£čŖ¬ćƒšćƒ¼ć‚ø: [ꀄćŖTypeScriptꔈ件šŸ”„ęœ€åˆć®30ꗄ間恫ä½æć„å€’ć—ćŸć„ć€Œć‚³ćƒ¼ćƒ‰ćƒŖćƒ¼ćƒ‡ć‚£ćƒ³ć‚°ę”Æę“ćƒ„ćƒ¼ćƒ«ć€](https://qiita.com/suin/items/68e9ba8b8906c6d36e29)

ć‚³ćƒ¼ćƒ‰ćƒŖćƒ¼ćƒ‡ć‚£ćƒ³ć‚°ę”Æę“ćƒ„ćƒ¼ćƒ«ćÆ恓恔悉

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
485
Help us understand the problem. What are the problem?