tl;dr 焼肉
TypeScriptã€ä¸Šé”ã®çž¬é–“
tl;dr 焼肉
æ–°ã—ã„ãƒãƒ¼ãƒ ã§TypeScriptã«ç´ æ—©ãã‚ャッãƒã‚¢ãƒƒãƒ—ã™ã‚‹ãŸã‚ã«ã‚„ã£ãŸã“㨠- KAKEHASHI Tech Blog
カケãƒã‚·ã®ãƒ—ラットフォームãƒãƒ¼ãƒ ã§ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’ã—ã¦ã„ã‚‹ã™ã¦ã«ã‚ƒã‚“ (id:stefafafan) ã§ã™ã€‚今回ã¯ã€ç§ãŒ TypeScript をメイン言語ã¨ã—ã¦æŽ¡ç”¨ã—ã¦ã„ã‚‹ãƒãƒ¼ãƒ ã«å‚åŠ ã—ãŸéš›ã€è¨€èªžã‚„周辺技術ã®ã‚ャッãƒã‚¢ãƒƒãƒ—ã‚’è¡Œã£ãŸæ–¹æ³•ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ ã“ã®è¨˜äº‹ã¯ç§‹ã®æŠ€è¡“特集 2024ã® 3 記事目ã§ã™ã€‚ ã“ã®è¨˜äº‹ã®æƒ³å®šèªè€… ç§ãŒå…ƒã€…æŒã£ã¦ã„ãŸã‚¹ã‚ルセット èªçŸ¥è² è·ã®å¢—åŠ TypeScript å¦ç¿’ã®ãŸã‚ã«ã‚„ã£ãŸã“㨠å¦ç¿’ã®é€²ã‚æ–¹ テックリードã¨ã® 1on1 ã®ä¸ã§å£æ‰“ã¡ã‚„相談 ペアプãƒã‚°ãƒ©ãƒŸãƒ³ã‚° 輪èªä¼š ã‚‚ãã‚‚ã会 å¦ç¿’コンテンツ O'Reilly Online Learning を使ã£ãŸå¦ç¿’ TypeScript Deep Dive プãƒã‚’目指ã™äººã®ãŸã‚ã® TypeScript 入門 安全ãªã‚³ãƒ¼ãƒ‰ã®æ›¸ãæ–¹ã‹ã‚‰é«˜åº¦ãªåž‹ã®ä½¿ã„æ–¹ã¾ã§ type-challenges å…¬å¼ãƒ‰ã‚ュメ
TypeScriptを効率的ã«ç‹¬ç¿’ã—よã†ï¼ ç„¡æ–™ã§å¦ã¹ã‚‹ã€ŒTypeScript Deep Diveã€æ—¥æœ¬èªžç‰ˆã®ç¿»è¨³è€…ãŒå¦ç¿’法を解説
TypeScriptã¯è¿‘å¹´JavaScriptã«ä»£ã‚ã£ã¦Webフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã§åˆ©ç”¨ã•ã‚Œã¦ã„るプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã§ã™ã€‚TypeScriptã¯é–‹ç™ºç”Ÿç”£æ€§ãŠã‚ˆã³é–‹ç™ºè€…体験ã«å„ªã‚Œã¦ã„ã‚‹ã“ã¨ã‹ã‚‰ã€é–‹ç™ºç¾å ´ã§åºƒã採用ã•ã‚Œã¦ã„ã¾ã™ã€‚TypeScriptã‚’å¦ã¶ã“ã¨ã¯ã€ä»Šå¾Œã®Webフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã§ã¯ã€ã»ã¼å¿…é ˆã¨ã„ã£ã¦è‰¯ã„ã§ã—ょã†ã€‚ã“ã®è¨˜äº‹ã§ã¯TypeScriptを使ã†ãƒ¡ãƒªãƒƒãƒˆã€ãªã‚‰ã³ã«ã€ŒTypeScript Deep Dive 日本語版ã€ã‚’活用ã—ã¦TypeScriptã‚’çŸæœŸé–“ã§å¦ç¿’ã™ã‚‹æ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚ ã¯ã˜ã‚ã« ç†è€…ã¯SIer出身ã®ITエンジニアã§ã™ã€‚ゲーム開発会社ãªã©ã‚’経由ã—ã¦ç¾åœ¨ã¯ä¸€èˆ¬ä¼æ¥ã§ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦å‹¤å‹™ã—ã¦ã„ã¾ã™ã€‚ã¯ã˜ã‚ã¦TypeScriptã®é‡è¦ã•ã‚’知ã£ãŸã®ã¯ã€2018å¹´ã”ã‚ã«ã€ŒTypeScript Deep Diveã€ã‚’èªã‚“ã ã¨ãã§ã—ãŸã€‚ãã—ã¦ã€ä»Šå¾Œå¿…ãšå¤šãã®äººã«å½¹ç«‹ã¤ã¨è€ƒãˆã€ã‚ªãƒª
React with TypeScript Cheatsheet
Table of Contents:· Table of Contents: · How to type React props ∘ Creating a type alias for the props ∘ Typing optional props ∘ List of types for React component props · How to type React function components · How to type React hooks ∘ Typing useState hook ∘ Typing useEffect and useLayoutEffect hooks ∘ Typing useContext hook ∘ Typing useRef hook ∘ Typing useMemo hook ∘ Typing useCallback hook ∘ T
TypeScriptå†å…¥é–€ ― 「ãŒã‚“ã°ã‚‰ãªã„TypeScriptã€ã§ã€JavaScriptを“柔らã‹ã„â€é™çš„型付ã言語ã«ï½œãƒã‚¤ã‚¯ãƒ©ã‚¹è»¢è·ãƒ»æ±‚äººæƒ…å ±ã‚µã‚¤ãƒˆ AMBI（アンビ）
TypeScriptå†å…¥é–€Â ― 「ãŒã‚“ã°ã‚‰ãªã„TypeScriptã€ã§ã€JavaScriptを“柔らã‹ã„â€é™çš„型付ã言語㫠JavaScriptプãƒã‚¸ã‚§ã‚¯ãƒˆã§TypeScriptã‚’å°Žå…¥ã™ã‚‹éš›ã«ã¯ã€â€œæŸ”らã‹ã„â€é™çš„型付ã言語ã¨ã™ã‚‹ã®ãŒãŠã™ã™ã‚ã§ã™ã€‚è—¤å¾éƒŽï¼ˆgfx）ã•ã‚“ãŒã¾ã¨ã‚ãŸã€ŒãŒã‚“ã°ã‚‰ãªã„TypeScriptã€ã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã§ã™ã€‚ TypeScriptã¯ã€ã™ã¹ã¦ã®JavaScriptプãƒã‚¸ã‚§ã‚¯ãƒˆã§æŽ¡ç”¨ã™ã‚‹ä¾¡å€¤ã®ã‚る技術ã§ã™ã€‚TypeScriptã¨ã“ã‚Œã«å¯¾å¿œã—ãŸã‚¨ãƒ‡ã‚£ã‚¿ã‚’å°Žå…¥ã™ã‚‹ã“ã¨ã§ã€è£œå®Œã‚„型ベースã®æ•´åˆæ€§ã®ãƒã‚§ãƒƒã‚¯ã«ã‚ˆã‚Šã€ã™ã¹ã¦ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ç”Ÿç”£æ€§ãŒä¸ŠãŒã‚Šã¾ã™ã€‚ã¾ãŸãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°ã‚‚容易ã«ãªã‚‹ã®ã§ã€é•·æœŸã‚ã‚‹ã„ã¯å¤§è¦æ¨¡ãªãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã‚‚å“質をä¿ã¡ã‚„ã™ããªã‚Šã¾ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€TypeScriptã«ã¤ã„ã¦æœ€ä½Žé™ã®çŸ¥è˜ã¨ã¨ã‚‚ã«ã€ã‚µã‚¯ãƒƒã¨ï¼ˆã©ã¡ã‚‰ã‹ã¨ã„ã†ã¨æ—¢å˜ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«ï¼‰å°Žå…¥ã™ã‚‹ãŸã‚ã®
Parcel入門 - TypeScriptã®å°Žå…¥æ–¹æ³• - ICS MEDIA
「TypeScriptã€ã¨ã¯ã€JavaScriptã«ã€Œåž‹ã€ã‚’指定ã§ãるオープンソースã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã§ã™ã€‚åž‹ã«ã‚ˆã‚Šãƒ—ãƒã‚°ãƒ©ãƒ 実行å‰ã«ã‚¨ãƒ©ãƒ¼ã‚’見ã¤ã‘出ã™ã“ã¨ãŒã§ãã‚‹ãŸã‚ã€å¤§è¦æ¨¡ãªãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’安全ã«é–‹ç™ºã§ãã¾ã™ã€‚Microsoft社製ã§ã€å¤šãã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«æŽ¡ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ TypeScriptã®ãƒ¢ãƒ€ãƒ³ãªãƒ“ルド環境を作るãŸã‚ã«ã¯webpackã‚„Gulp.jsãŒã‚ˆã使ã‚ã‚Œã¦ã„ã¾ã™ãŒã€è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ãŒå¿…è¦ã§å¦ç¿’コストã¯é«˜ã‚ã§ã™ã€‚「TypeScriptã®ãƒ“ルド環境ãŒã»ã—ã„ã ã‘ãªã®ã«ã€ãªãœãƒ„ールã®è¨å®šã«æ™‚é–“ã‚’ã¨ã‚‰ã‚Œã‚‹ã®ã‹ï¼Ÿã€ã€ŒTypeScriptを始ã‚ã‚‹ã¨ãã«è‹¦åŠ´ã—ãŸããªã„ã€ã¨æ€ã£ã¦ã„る人も多ã„ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ï¼Ÿ 「Parcelパーセルã€ã¨ã„ã†ãƒ„ールを使ã†ã¨ã€ç‹¬è‡ªã®è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã‚’使ã†ã“ã¨ãªãTypeScriptã®ãƒ¢ãƒ€ãƒ³ãªãƒ“ルド環境ãŒã‚ãšã‹3ステップã§ä½œã‚Œã¾ã™ã€‚ â–¼ TypeScr
React & TypeScriptã®â€¨ç’°å¢ƒæ§‹ç¯‰ã¨å®Ÿè£…Tips
Transcript 3FBDU���5ZQF4DSJQUͷ
 Ø€Ú¥ßஙͱ࣮૷5JQT wTBLJUP !@@TBLJUP@@ � w'SPOU�&OE�&OHJOFFS� w3FBD XFCQBDL (BUTCZ+4� w&WFOU� w#POpSF�'SPOUFOE� w3FBDU�NFFUVQ� w*OTJEF�'SPOUFOE� *OTJEF�'SPOUFOE���ͷ$'1ืूதʂʂ
 IUUQT���EPDT�HPPHMF�DPN�GPSNT�E�F� �'"*Q2-4q17/@�435:#�OK%��5"(8CM,D�;6H�2W'Z�#G(X9q%��@H�WJFXGPSN ΞδΣϯμ wDSFBUF�SFBDU�BQQ� wBXFTPNF�UZQFTDSJQU�MPBEFS� wUT�MPBEFS� w!CBCFM�QSFTFU�UZQFTDSJQU� w࣮૷5JQTΛগʑ
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}