【YWT】210206

1. [Y] やったこと

• 家から出なかった
• 朝から会社のソースコードに混入したコードについて調べた
  • 修正コードをあげて解決した
• 部屋のシーリングライトをIKEAの光色切替えタイプ電球にした
• TypeScript、Reactでコードを書くときに色々とエラーに出くわしたため、調べた

2. [W] わかったこと

• draw.ioのActorの名前を変更するためには、Actor自体をダブルクリックすれば修正ができる
  • uml - draw.ioでアクターの名前を変更する方法
• シーリングライトを変えたら1階での作業環境が改善された
  • ルーメンが低い電球だと目が悪くなりそうな感じだったが、けっこう明るくなって見えやすかった
  • リモコン式で朝起きたあとに電源をつけるだけで目覚めやすくなりそうだった
• VSCodeでTypeScriptを書いたら以下のエラーに出くわした
  • Cannot find module 'react' or its corresponding type declarations
    • TypeScriptを使うために必要なtypeのライブラリがインストールされていないことが原因だった
    • reactjs - React, Typescript - Cannot find module ... or its corresponding type declarations
  • Cannot use JSX unless the '--jsx' flag is provided
    • tsconfig.json で jsx オプションに react を指定する必要があった
    • TypeScript: Documentation - JSX
    • Cannot use JSX unless the '--jsx' flag is provided.
  • You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
    • webpackに ts-loader で指定をしていたが、 test オプションで指定する拡張子名に ts と tsx の指定をしなかったのが原因だった
    • You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file."
• TypeScriptで型定義ファイルを使う利点として、定義したらプロジェクトのグローバルな要素として認識することで、import、exportを気にする必要がない
• TypeScriptの型定義ファイルを自作して管理する方法の1つを覚えた
  • src/@types ディレクトリを生成して、 *.d.ts 形式で作成する
  • tsconfig.json の typeRoots に src/@types ディレクトリを指定する
    • デフォルトでは @types になるらしい
    • TypeScript で型定義ファイル( d.ts )がないときの対処法

3. [T] 次にやること

• TypeScriptのチュートリアルをすすめる
• 図書館で借りた本を読む
• 溜まっている家計簿を作成する
• エンジニアが集まる喫茶店のコンセプトづくりを各項目ごとに単語単位で出してみる
  • 「誰に」
  • 「何を」
  • 「どうやって」