TypeScript(書評)「プログラミングTypeScript」の感想・備忘録
プログラミングTypeScriptposted with ヨメレバBoris Cherny/今村 謙士/原 隆文 オライリー・ジャパン 2020年03月16日頃 楽天ブックスAmazonKindle 点数 70点 感想 全体的にわかりづらかった。フロントエンド開発でJavaScriptに静的型付けを追加したいだけであれば、本書の知識はそこまで必要はないと思う。TypeScriptを使って本格的な開...
TypeScript
TypeScript(書評)
TypeScript[TypeScript]関数の型定義
関数の定義 引数のみアノテートし、戻り値は型推論を使う。 const add = (a: number, b:number) => a + b オプションパラメータとデフォルトパラメータ 引数名の後ろに?を付けると省略可能なオプションパラメータとなる。省略時はundefinedとなる。 引数名=値とするとデフォルトパラメータとなる。デフォルト引数は型推論を使う。 const print = (a:...
TypeScript[TypeScript]enum(列挙型)の使い方
数値列挙の場合 const enum Color { Red, Blue, Green } console.log(Color.Green) // 2 文字列列挙の場合 const enum Color2 { Red = "#f00", Blue = "#00f", Green = "#0f0" } console.log(Color2.Green) // "#0f0" 「型名は大文字で始まる単数...
TypeScript[TypeScript]オブジェクトの型定義
オブジェクトリテラルによる型推論 TypeScriptでオブジェクトリテラルを使うと型推論が行われる。通常はこの記法を使うべきである。 const obj = { id: 1, } obj.id="1" // エラー アノテーションによる型定義 省略可能プロパティや読み取り専用プロパティを定義したい場合は、アノテーションを使って明示的に型を宣言する。 const obj2: { id: numbe...
React(書評)「Next.jsでつくるフルスタックアプリwith TypeScript 後編」の感想・備忘録2
posted with ヨメレバAmazonで見るKindleで見る 「Next.jsでつくるフルスタックアプリwith TypeScript 後編」の感想・備忘録1の続き itemディレクトリのTypeScript化 pages/user/register.jsのTypeScript化 mv pages/item/create.js pages/item/create.tsx 修正内容はpage...
React(書評)「Next.jsでつくるフルスタックアプリwith TypeScript 後編」の感想・備忘録1
posted with ヨメレバAmazonで見るKindleで見る 点数 76点 感想 前編と同様に、JavaScript版に補章だけが追加されていた。 JavaScript版 補章はただ型を指定しているだけなので、型指定がないとどうなるか、どうすると型チェックが実行されるか、なども書籍として本来は触れるべき点だと思う。 _app.jsのTypeScript化 mv pages/_app.js ...
React(書評)「Next.jsでつくるフルスタックアプリwith TypeScript 前編」の感想・備忘録3
posted with ヨメレバAmazonで見るKindleで見る 「Next.jsでつくるフルスタックアプリwith TypeScript 前編」の感想・備忘録2の続き itemディレクトリのTypeScript化 pages/api/item/readall.jsのtypeScript化 mv pages/api/item/readall.js pages/api/item/readall....
React(書評)「Next.jsでつくるフルスタックアプリwith TypeScript 前編」の感想・備忘録2
posted with ヨメレバAmazonで見るKindleで見る 「Next.jsでつくるフルスタックアプリwith TypeScript 前編」の感想・備忘録1の続き userディレクトリのTypeScript化 pages/api/user/register.jsのtypeScript化 mv pages/api/user/register.js pages/api/user/regist...
React(書評)「Next.jsでつくるフルスタックアプリwith TypeScript 前編」の感想・備忘録1
posted with ヨメレバAmazonで見るKindleで見る 点数 76点 感想 1〜5章は「Next.jsでつくるフルスタックアプリ前編」と全く同じ内容で、補章だけが追加されていた。 1〜5章はこちらと同じ内容 補章は「JavaScriptをTypeScriptに移行していく」という内容なので仕方がないことだが、少々分かりづらく退屈な内容だった。 環境構築 最初からTypeSciptを導...
TypeScript【TypeScript】typeとinterfaceの違い
概要 TypeScriptで型を定義するには、typeまたはinterfaceを使う。 typeとinterfaceには細かい違いはいくつかあるが、普通に型を定義するだけであれば違いはない。 混在するとわかりづらくなるため、どちらを使うかプロジェクト内で統一するとよい。 定義方法の違い typeは代入、interfaceは宣言 type type User = { name: string; ag...