オープンデベãƒãƒƒãƒ‘ーズカンファレンス(ODC)2024 ã§ã®ç™ºè¡¨è³‡æ–™
Functional TypeScript
オープンデベãƒãƒƒãƒ‘ーズカンファレンス(ODC)2024 ã§ã®ç™ºè¡¨è³‡æ–™
TypeScript解èªã‚¢ã‚·ã‚¹ã‚¿ãƒ³ãƒˆ | TypeScript入門『サãƒã‚¤ãƒãƒ«TypeScriptã€
TypeScript解èªã‚¢ã‚·ã‚¹ã‚¿ãƒ³ãƒˆã“ã‚Œã¯TypeScriptã®ã‚³ãƒ¼ãƒ‰ãƒªãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’支æ´ã™ã‚‹ãƒ„ールã§ã™ã€‚ æ—¢å˜TypeScript案件ã«å‚åŠ ã—ãŸéš›ã«ã€æ—¢å˜ã‚³ãƒ¼ãƒ‰ã‚’èªã‚€ã«ã‚ãŸã£ã¦ã€æ¬¡ã®ã‚ˆã†ãªæ‚©ã¿ã‚’解決ã™ã‚‹ãŸã‚ã®ã‚‚ã®ã§ã™ã€‚ TypeScriptã®æ§‹æ–‡ãŒã‚ˆãã‚ã‹ã‚‰ãªã„「??ã£ã¦ä½•ï¼Ÿã€ã€Œ#nameã®#ã£ã¦ã‚³ãƒ¡ãƒ³ãƒˆï¼Ÿã€ã€Œ<></>ã£ã¦ä½•ï¼Ÿã€è¨€èªžæ©Ÿèƒ½ã®åå‰ãŒã‚ã‹ã‚‰ãšã€èª¿ã¹ã‚ˆã†ãŒãªã„「string | undefinedã®|ã£ã¦ãªã‚“ã¦åå‰ï¼Ÿã€ã€Œvalue as anyã£ã¦ãªã‚“ã¦æ©Ÿèƒ½ï¼Ÿã€ã€Œ[K: string]: stringã£ã¦ä½•ï¼Ÿã€ä½¿ã„方左ã®ã‚¨ãƒ‡ã‚£ã‚¿ãƒ¼ã«è§£èªã—ãŸã„TypeScriptをコピペã™ã‚‹è§£èªã—ãŸã„コード部分をクリックã™ã‚‹å³ã‚¨ãƒªã‚¢ã«ã‚³ãƒ¼ãƒ‰ã®æ„味ãªã©ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã‚µãƒ³ãƒ—ルコード入力ã™ã‚‹ã‚³ãƒ¼ãƒ‰ãŒãªã„å ´åˆã¯ã‚µãƒ³ãƒ—ルコードã§ãŠè©¦ã—ãã ã•ã„。 ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰æ©Ÿå¯†æƒ…å ±ã‚³ãƒ¼ãƒ‰ã¯ã™ã¹ã¦ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ã§å‡¦ç†ã•ã‚Œã€ã‚µãƒ¼ãƒ
TypeScript入門『サãƒã‚¤ãƒãƒ«TypeScriptã€ã€œå®Ÿå‹™ã§ä½¿ã†ãªã‚‰æœ€ä½Žé™ã“ã“ã ã‘ã¯ãŠã•ãˆã¦ãŠããŸã„ã“ã¨ã€œ
本書『サãƒã‚¤ãƒãƒ«TypeScriptã€ã¯å®Ÿå‹™ã§TypeScriptを使ã†é–‹ç™ºè€…ã®ãŸã‚ã®å…¥é–€æ›¸ã§ã™ã€‚ãã—ã¦ã€ã“ã®ãƒšãƒ¼ã‚¸ã¯TypeScriptã®ç‰¹å¾´ã‚’最速ã§æŠŠæ¡ã§ãるよã†ã€æ•°ç™¾ãƒšãƒ¼ã‚¸ã‹ã‚‰ãªã‚‹æœ¬æ›¸ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã¤ã¾ã¿é£Ÿã„ã—ãŸè¦ç´„ã§ã™ã€‚ » 本書ã¤ã„ã¦è©³ã—ã知る » ã¨ã«ã‹ã今ã™ãTypeScriptを書ã„ã¦ã¿ãŸã„ TypeScriptã¨ã¯â€‹JavaScriptã®ã‚¹ãƒ¼ãƒ‘ーセットã¨ãªã‚‹ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã€‚é™çš„型付ã‘言語ã§ã‚ã‚Šã€ãƒ—ãƒã‚°ãƒ©ãƒ ã®æ£ã—ã•ãŒé™çš„ã«æ¤œæŸ»ã§ãる。ライブラリやIDEãªã©ã®é–‹ç™ºç’°å¢ƒãŒå……実ã—ã¦ãŠã‚Šã€å¤§ããªã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ ã‚’æŒã£ã¦ã„る。MicrosoftãŒ2012å¹´ã«é–‹ç™ºã—ã€ã‚ªãƒ¼ãƒ—ンソースã§å…¬é–‹ã—ãŸã€‚» TypeScriptã®ç‰¹å¾´ã«ã¤ã„ã¦è©³ã—ã知る » TypeScript誕生ã®èƒŒæ™¯ã«ã¤ã„ã¦è©³ã—ã知る TypeScriptã¯JavaScriptã®ã‚¹ãƒ¼ãƒ‘ーセット​スーパーセットã¨ã¯ã€å…ƒã®è¨€èªžã¨ã®
ãªãœ default export を使ã†ã¹ãã§ã¯ãªã„ã®ã‹ï¼Ÿ
プãƒã‚¸ã‚§ã‚¯ãƒˆã§ä½¿ã‚ã‚Œã¦ã„る技術㨠ESModule ã®çŠ¶æ³ã«ã¤ã„㦠UIT ã§ã¯ã€ SPA 開発ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«ãŠã„㦠Vue.js 㨠React ãŒå¤šã利用ã•ã‚Œã¦ãŠã‚Šã€æ—¢å˜ã®å¤šã㯠Babel を利用ã—㟠JavaScript ã§ã€æ–°è¦ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã¯ TypeScript を利用ã—ã¦é–‹ç™ºãŒè¡Œã‚ã‚Œã¦ã„ã¾ã™ã€‚ FYI: ã€LINE DEV DAY 2019 番外編】UIT Front-end Tooling Survey 2019 技術é¸å®šã¯å‹¿è«–ã€ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«ãŠã‘ã‚‹ç´°ã‹ãªã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒ«ãƒ¼ãƒ«ã«ã¤ã„ã¦ã¯ã€ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ã‚³ãƒ¼ãƒ‰ã‚ªãƒ¼ãƒŠãƒ¼ã«å§”ãられã¦ãŠã‚Šã€ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã”ã¨ã«è£é‡ã‚’æŒã£ãŸæ„æ€æ±ºå®šã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚ ãã®ä¸Šã§ã€ç§ãŒæºã‚るプãƒã‚¸ã‚§ã‚¯ãƒˆã«ãŠã„ã¦ã¯ã€ default export ã‚’å¯èƒ½ãªé™ã‚Šé¿ã‘るよã†ã«å¿ƒãŒã‘ã¦ã„ã¾ã™ã€‚ import å´ã®è£é‡ã§å¯¾è±¡ã‚’自由ã«å‘½åã§ãã¦ã—ã¾ã† 今回ã¯ã€Œã€ŽDa
仕事ã§ã™ãã«ä½¿ãˆã‚‹TypeScript — 仕事ã§ã™ãã«ä½¿ãˆã‚‹TypeScript ドã‚ュメント
注釈 本ドã‚ュメントã¯ã€ã¾ã 未完æˆã§ã™ãŒã€ã‚¦ã‚§ãƒ–フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®é–‹ç™ºã‚’å¦ã¶ã¨ãã«ã€JavaScriptを経由ã›ãšã«ã€æœ€åˆã‹ã‚‰TypeScriptã§å¦ã‚“ã§ã„ã社内å‘ã‘コンテンツã¨ã—ã¦ä½œæˆã•ã‚Œã¯ã˜ã‚ã¾ã—ãŸã€‚基本ã®æ–‡æ³•éƒ¨åˆ†ä»¥å¤–ã¯ã¾ã 執ç†ã•ã‚Œã¦ã„ãªã„ç« ã‚‚ã„ãã¤ã‚‚ã‚ã‚Šã¾ã™ã€‚書ã‹ã‚Œã¦ã„ã‚‹ç« ã‚‚ã¾ã ã¾ã 内容ãŒè¿½åŠ ã•ã‚Œã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã—ã€ç’°å¢ƒã®å¤‰åŒ–ã§å†…容ã®å¤‰æ›´ãŒå…¥ã‚‹å¯èƒ½æ€§ã‚‚ã‚ã‚Šã¾ã™ã€‚ 書ç±ã®åŽŸç¨¿ã¯GitHub上ã§ç®¡ç†ã—ã¦ãŠã‚Šã¾ã™ã€‚ã‚‚ã—Typoを見ã¤ã‘ã¦ãã ã•ã£ãŸæ–¹ãŒã„らã£ã—ゃã„ã¾ã—ãŸã‚‰ã€ GitHub上ã§é€£çµ¡ ã‚’ãŠé¡˜ã„ã—ã¾ã™ 1 。reSTファイルã ã‘ä¿®æ£ã—ã¦ã‚‚らãˆã‚Œã°ã€HTML/PDFã®ç”Ÿæˆã¾ã§ã¯ä¸è¦ã§ã™ã€‚フィードãƒãƒƒã‚¯ãªã©ã‚‚æ“è¿Žã—ã¦ãŠã‚Šã¾ã™ã€‚ 1 https://github.com/future-architect/typescript-guide/pulls
JSX / Haxe / TypeScript
6. 出ã¦ãる言語 JSX・ DeNA 社製。生㮠JS よりもé…ããªã‚‰ãª ・ ・ ã„らã—ã„ (è¦å‡ºå…¸1 )。JS ã®çš®ã‚’ã‹ã¶ã£ãŸ Java Haxe・・ ・ã“ã®ä¸ã§ã¯æœ€å¤å‚。JS ã ã‘ã§ãªã〠PHP ã‚„ Flashã€Java ã« C#ãªã©ã€æ§˜ã€…ãªè¨€èªžã« 変æ›å¯èƒ½ã€‚手続型言語ã®çš®ã‚’ã‹ã¶ã£ãŸé–¢æ•°åž‹ 言語 TypeScript・ ・・ã“ã®ä¸ã§ã¯æœ€å¾Œç™ºã€‚C#作ã£ãŸ 人ãŒè¨è¨ˆã€‚JS ã¨ã®è¦ªå’Œæ€§ã‚’é‡è¦–ã—ã¦ã„ã‚‹ã€JS ã®çš®ã‚’ã‹ã¶ã£ãŸ C# é™çš„型付ã‘ã®è¨€èªžã‚ªãƒ³ãƒªãƒ¼ 1 ベンãƒãƒžãƒ¼ã‚¯ãŒå°‘ãªã„ã®ã§è©•ä¾¡ä¿ç•™ä¸ 7. 注æ„ãã®ã«ï¼ ã“れら 3 ã¤ã®è¨€èªžã¯è¨è¨ˆæ€æƒ³ãŒå…¨ãç•°ãªã‚‹ JSX ã¯æœ€é©åŒ–ã«é‡ç‚¹ã‚’ç½®ã„ã¦ã€ã°ã—ã°ã—インラ イン化を行ã†ã€‚ベストプラクティスã¨ã„ã†åã® ãƒãƒƒãƒ‰ãƒŽã‚¦ãƒã‚¦ã‚’æ°—ã«ã›ãšã«ã‚³ãƒ¼ãƒ‰ãŒæ›¸ã‘ã‚‹ TypeScript 㯠JS ã¨ã®è¦ªå’Œæ€§ã‚’é‡è¦–ã—ã€ç´ 直㪠JS を出力ã™ã‚‹ Haxe ã¯æŸ”軟性ãŒã‚ã‚Š
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}