search
LoginSignup
813

More than 1 year has passed since last update.

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)

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

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
What you can do with signing up
813