ブログをTypeScriptに移行しました

投稿日 2022-12-18
最終更新日 2023-11-18

ブログをTypeScriptに移行した経緯を簡単にまとめます。

なぜ移行しようと思ったか

今後Webアプリを作る可能性があり、その時には、TypeScriptを使いたいと思っていました。このブログはコード量自体はそこまで多くないので練習台として移行してみることにしました。

学習方法

TypeScriptは「サバイバルTypeScript」を学習教材として利用しました。基本文法から、各種機能まで幅広く掲載されているので今後もお世話になると思います。
Next.jsで途中からTypeScriptに移行する方法は外部Webサイトで調べながらやりました。

苦労したこと

  • GetStaicPropsで取得した、プロパティオブジェクトの型の定義方法

関数の引数のProps関連の型がわからず、コンパイルエラーが多数出ていました。最終的には型専用ファイルを作りつつ、なんとかエラーを消すことができました。

短いですが今回はここまでになります。まだまだ初心者なので、書きながら慣れていこうと思います。 次回はテストを書きます。

参考文献

サバイバルTypeScript(https://typescriptbook.jp/)
TypeScript教材の定番ということだったのでこれで学習することにしました。これからもリファレンスとしてお世話になると思います。
Next.jsをTypeScriptに移行する手順(https://nextjs.org/learn/excel/typescript/create-tsconfig
Next.js公式が提供している手順です。これを参照しながら既存のプロジェクトをTypeScriptに移行しました。