{"componentChunkName":"component---src-templates-post-template-js","path":"/posts/typescript-books","result":{"data":{"markdownRemark":{"id":"d7cc4985-4193-5a13-ae3c-2a4d2a816b81","html":"<p>最近の Web 開発では、フロントエンド・サーバサイドともに TypeScript が採用される機会が増えています。</p>\n<p>TypeScript は JavaScript に加えて Java などの静的型付け言語の知識があればなんとなく書けたりもしますが、型システムが奥深く、しっかり学ぶことでより良いコードが書けるようになります。</p>\n<p>この記事では、そんな TypeScript の解説書 3 冊を紹介します。</p>\n<h2 id=\"速習-typescript-第2版-速習シリーズ\" style=\"position:relative;\"><a href=\"#%E9%80%9F%E7%BF%92-typescript-%E7%AC%AC2%E7%89%88-%E9%80%9F%E7%BF%92%E3%82%B7%E3%83%AA%E3%83%BC%E3%82%BA\" aria-label=\"速習 typescript 第2版 速習シリーズ permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a><a href=\"https://amzn.to/3AguHrn\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">速習 TypeScript 第2版 速習シリーズ</a></h2>\n<p><a href=\"https://www.amazon.co.jp/dp/B086JKVGPB?&linkCode=li2&tag=oshimayuki0d-22&linkId=cb822b4418fd042669e352a33e568ca1&language=ja_JP&ref_=as_li_ss_il\" target=\"_blank\"><img border=\"0\" src=\"//ws-fe.amazon-adsystem.com/widgets/q?_encoding=UTF8&ASIN=B086JKVGPB&Format=_SL160_&ID=AsinImage&MarketPlace=JP&ServiceVersion=20070822&WS=1&tag=oshimayuki0d-22&language=ja_JP\" ></a><img src=\"https://ir-jp.amazon-adsystem.com/e/ir?t=oshimayuki0d-22&amp;language=ja_JP&amp;l=li2&amp;o=9&amp;a=B086JKVGPB\" width=\"1\" height=\"1\" border=\"0\" alt=\"\" style=\"border:none !important; margin:0px !important;\"></p>\n<p>「速習シリーズ」の TypeScript の解説書です。</p>\n<p>「速習シリーズ」の他の書籍と同じように、少ない分量で TypeScript の入門で知りたいことがまとめられています。</p>\n<p>TypeScript の概要をざっと把握したい、といった際には非常におすすめです。</p>\n<p>Kindle Unlimited で無料で読むこともできます。</p>\n<h2 id=\"手を動かしながら学ぶ-typescript\" style=\"position:relative;\"><a href=\"#%E6%89%8B%E3%82%92%E5%8B%95%E3%81%8B%E3%81%97%E3%81%AA%E3%81%8C%E3%82%89%E5%AD%A6%E3%81%B6-typescript\" aria-label=\"手を動かしながら学ぶ typescript permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a><a href=\"https://amzn.to/3GLZvmt\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">手を動かしながら学ぶ TypeScript</a></h2>\n<p><a href=\"https://www.amazon.co.jp/dp/B09KZJXDN1?&linkCode=li2&tag=oshimayuki0d-22&linkId=d1740a39abba2827f414f4b6726acc0e&language=ja_JP&ref_=as_li_ss_il\" target=\"_blank\"><img border=\"0\" src=\"//ws-fe.amazon-adsystem.com/widgets/q?_encoding=UTF8&ASIN=B09KZJXDN1&Format=_SL160_&ID=AsinImage&MarketPlace=JP&ServiceVersion=20070822&WS=1&tag=oshimayuki0d-22&language=ja_JP\" ></a><img src=\"https://ir-jp.amazon-adsystem.com/e/ir?t=oshimayuki0d-22&amp;language=ja_JP&amp;l=li2&amp;o=9&amp;a=B09KZJXDN1\" width=\"1\" height=\"1\" border=\"0\" alt=\"\" style=\"border:none !important; margin:0px !important;\"></p>\n<p>TypeScript を、サンプルコードを実装しながら学べる解説書です。</p>\n<p>2021 年 11 月発売のため情報も新しく、難易度も入門に丁度いい書籍です。</p>\n<p>例えば</p>\n<div class=\"gatsby-highlight\" data-language=\"typescript\"><pre class=\"language-typescript\"><code class=\"language-typescript\"><span class=\"token keyword\">const</span> modes <span class=\"token operator\">=</span> <span class=\"token punctuation\">[</span><span class=\"token string\">'normal'</span><span class=\"token punctuation\">,</span> <span class=\"token string\">'hard'</span><span class=\"token punctuation\">]</span> <span class=\"token keyword\">as</span> <span class=\"token keyword\">const</span>\n<span class=\"token keyword\">type</span> <span class=\"token class-name\">Mode</span> <span class=\"token operator\">=</span> <span class=\"token keyword\">typeof</span> modes<span class=\"token punctuation\">[</span><span class=\"token builtin\">number</span><span class=\"token punctuation\">]</span></code></pre></div>\n<p>といった、TypeScript の型システムを上手に使った書き方も解説されています。</p>\n<p>TypeScript をなんとなく書いている人がもう一歩勉強したいときにおすすめです。</p>\n<h2 id=\"プログラミングtypescript-スケールするjavascriptアプリケーション開発\" style=\"position:relative;\"><a href=\"#%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0typescript-%E3%82%B9%E3%82%B1%E3%83%BC%E3%83%AB%E3%81%99%E3%82%8Bjavascript%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E9%96%8B%E7%99%BA\" aria-label=\"プログラミングtypescript スケールするjavascriptアプリケーション開発 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a><a href=\"https://amzn.to/351fv5T\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">プログラミングTypeScript ―スケールするJavaScriptアプリケーション開発</a></h2>\n<p><a href=\"https://www.amazon.co.jp/dp/4873119049?&linkCode=li2&tag=oshimayuki0d-22&linkId=ae6ecfeeadfc84fb78e9c9b936588771&language=ja_JP&ref_=as_li_ss_il\" target=\"_blank\"><img border=\"0\" src=\"//ws-fe.amazon-adsystem.com/widgets/q?_encoding=UTF8&ASIN=4873119049&Format=_SL160_&ID=AsinImage&MarketPlace=JP&ServiceVersion=20070822&WS=1&tag=oshimayuki0d-22&language=ja_JP\" ></a><img src=\"https://ir-jp.amazon-adsystem.com/e/ir?t=oshimayuki0d-22&amp;language=ja_JP&amp;l=li2&amp;o=9&amp;a=4873119049\" width=\"1\" height=\"1\" border=\"0\" alt=\"\" style=\"border:none !important; margin:0px !important;\"></p>\n<p>オライリーの TypeScript の解説書です。</p>\n<p>オライリーの書籍らしく、より高度な型についてなど、発展的なトピックが手厚く解説されています。</p>\n<p>全体として、先に紹介した『手を動かしながら学ぶ TypeScript』より、もう一歩ハイレベルな内容になっています。</p>\n<p>付録には「ESLint と AST」という項目もあり、JavaScript (TypeScript) で AST (抽象構文木) について簡単に学ぶこともできます。</p>\n<h2 id=\"おわりに\" style=\"position:relative;\"><a href=\"#%E3%81%8A%E3%82%8F%E3%82%8A%E3%81%AB\" aria-label=\"おわりに permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>おわりに</h2>\n<p>以上、この記事では TypeScript の解説書を 3 冊紹介しました。</p>\n<p>TypeScript を学ぶ際は、前提として JavaScript の知識があるとスムーズです。</p>\n<p>JavaScript についてしっかり学べる書籍は <a href=\"https://www.kanzennirikaisita.com/posts/javascript-next-step-books\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">こちら</a> の記事にまとめているので、是非見てみてください。</p>","fields":{"slug":"/posts/typescript-books","tagSlugs":["/tag/typescript/"],"autoRecommendPosts":["javascript-next-step-books","linux-learning-roadmap","cpu-books","computer-why-series"]},"frontmatter":{"date":"2022-01-20T11:00:30.469Z","description":"最近の Web 開発では、フロントエンド・サーバサイドともに TypeScript が採用される機会が増えています。\nTypeScript は JavaScript に加えて Java などの静的型付け言語の知識があればなんとなく書けたりもしますが、型システムが奥深く、しっかり学ぶことでより良いコードが書けるようになります。\nこの記事では、そんな TypeScript の解説書 3 冊を紹介します。","tags":["typescript"],"title":"TypeScript の解説書 3 冊の紹介","socialImage":null,"recommendPosts":null}}},"pageContext":{"slug":"/posts/typescript-books"}},"staticQueryHashes":["251939775","3942705351","401334301"]}