LoginSignup
0
1

More than 3 years have passed since last update.

【ふくだ学習録】アプリ制作part3【30日目】

Posted at

ふくだ学習録とは?

ふくだが学習したことの備忘録。
目に見える形で残すことによってやる気を出す個人的な作戦です。
他人に見せるように書いているわけではないので、すごく読みにくいです。

読了した本

データベースエンジニア養成読本 [DBを自由自在に活用するための知識とノウハウ満載!]
ゼロから作るDeepLearning
PHPフレームワーク CakePHP 3入門
SQLアンチパターン
Docker入門

今読んでいる本

なし

アプリ制作

TypeScriptの環境構築

tsconfig.jsonに記載する。

TypeScript環境構築

型定義ファイルがない時の対処法

大きく分けて3種類の対応方法がある。

@types からインストールする
npm installをする際に、@typesを付与しておくことで、型定義ファイルが提供されている場合はそれを利用することができる。

# npm
npm install --save @types/foobar

# yarn
yarn add @types/foobar

②型定義ファイル( d.ts )を自作する
src/@typesディレクトリを作成し、foobar.d.ts@types下に作成します。
tsconfigのデフォルト設定が、@typesディレクトリ以下を参照しに行くようになっている。

{
  "compilerOptions": {
    "typeRoots" : [".d.tsを入れるディレクトリのパス"]
  }
}

③requireでモジュール読み込み
requireで読み込むと型定義がanyに自動的になる。そのため、型定義ファイルが見つからないことによるエラーはなくなる。

const foobar = require('foobar')

下記の記事がわかりやすく記載してくれていた!
TypeScript で型定義ファイル( d.ts )がないときの対処法

TypeScript + Eslint + pretterの導入

下記記事を参考に設定。すごいわかりやすかった!

VSCodeでESLint+@typescript-eslint+Prettierを導入する(v2.0.0修正版)

recomposeでtypescript

型はこれ参考にする。

TypeScriptでrecomposeを使う

今日の一言

とりあえずDocker上で、Next+typescript+reduxの環境構築はできた!今日はもう満足!
どんなデータ構成にするか考えて、明日から実装に進みたい!TypeScript偉大!

この記事超有能!!量が半端ないし充実しすぎ!!

TypeScript練習帳(入門)
関数型(Function Types)まで読んだけどこれはバイブルやわ。

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1