Download to read offline
![enum RequestType {get,post}interface Post {userId: number;id: number;title: string;body: string;}interface Result {count: number;response: Post[];}](/image.pl?url=https%3a%2f%2fimage.slidesharecdn.com%2fkansai-node-vol1-180420102045%2f75%2fTypeScript-Express-11-2048.jpg&f=jpg&w=240)
![import axios from “axios"async function fetchUrl(): Promise<Result> {const res = awaitaxios("https://jsonplaceholder.typicode.com/posts");const posts: Post[] = res.data;return {count: res.data.length,response: posts};}fetchUrl().then((result) => {console.log(result);});](/image.pl?url=https%3a%2f%2fimage.slidesharecdn.com%2fkansai-node-vol1-180420102045%2f75%2fTypeScript-Express-12-2048.jpg&f=jpg&w=240)
![// tsconfig.json 準備npx tsc —init// 色々あるが{"compilerOptions":"target": “ES2017"},"include": ["src/**/*"],"exclude": ["node_modules"]}](/image.pl?url=https%3a%2f%2fimage.slidesharecdn.com%2fkansai-node-vol1-180420102045%2f75%2fTypeScript-Express-14-2048.jpg&f=jpg&w=240)
Recommended
More Related Content
What's hot
Similar to TypeScript + Express
More from kamiyam .
TypeScript + Express
- 1.TypeScript + Express関西Node学園梅田キャンパス 1時限目2018.4.20
- 2.自己紹介• かみやん (Twitter@kamiyam)•元自動車整備士• Engineer• JavaScript フロント〜バックエンド全般
- 3.
- 4.
- 5.
- 6.// 準備npm init-ynpm i -D typescript ts-nodetouch index.ts// tsファイル実行npx ts-node index.ts// ビルドnpx tsc // -> index.js が生成される// jsファイル実行node index.js
- 7.
- 8.型定義を準備する• 文字通り型のないJavaScriptに型を定義する• 型定義(d.ts)ファイルを作成（参照）する• 多くは@types/xxx から探すことができる• 自分で定義することもできる• 逆に無いものは自分で定義するしかない
- 9.型定義を準備する• ts ファイル内•types/***
- 10.
- 11.enum RequestType {get,post}interfacePost {userId: number;id: number;title: string;body: string;}interface Result {count: number;response: Post[];}
- 12.import axios from“axios"async function fetchUrl(): Promise<Result> {const res = awaitaxios("https://jsonplaceholder.typicode.com/posts");const posts: Post[] = res.data;return {count: res.data.length,response: posts};}fetchUrl().then((result) => {console.log(result);});
- 13.
- 14.// tsconfig.json 準備npxtsc —init// 色々あるが{"compilerOptions":"target": “ES2017"},"include": ["src/**/*"],"exclude": ["node_modules"]}
- 15.
- 16.// 準備npm i-D tslintnpx tslint —init// tsファイル実行tslint index.ts
- 17.
- 18.
- 19.
- 20.
- 21.
- 22.
- 23.まとめ• 導入はむずかしくない• JavaScriptスーパーセットなのでひとまず移行できる(VSCodeのTypeScript-Expressも結構ゆるい)• 大規模/多人数開発で大きな助けとなる
- 24.
- 25.