はじめに

中野区在住の中野です。

ノリと勢いで運用中のブログをTypescript化したので忘備録として何をやったのかメモを残しておきます。

Gatsby.jsをTypescript化した

  • gatsby-plugin-typescript
  • tsconfig.jsonを作成
  • gatsby-plugin-typegenの追加
  • gatsby-plugin-typegenの設定
  • gatsby-node.jsのTypeScript化

gatsby-plugin-typescriptについて

gatsby-plugin-typescriptの追加から入る記事が多いのですが、2020 年 10 月現在、Gatsby にはgatsby-plugin-typescriptがすでに組み込まれているので、何もせずで大丈夫です。

tsconfig.jsonを作成

  • コマンドで設定ファイルを作成(設定はよしなに)
npx tsc --init

gatsby-plugin-typegenについて

Gatsby はリソースに対して GraphQL でリクエストを送り、データを取得します。 その GraphQL リクエストのレスポンスの型を、gatsby-plugin-typegenを使い生成します。

gatsby-plugin-typegenの追加

  • pluginをインストール
npm install gatsby-plugin-typegen

gatsby-plugin-typegenの設定

  • pluginの組み込み
plugins: [
// ...
`gatsby-plugin-typegen`
],

gatsby-node.jsのTypeScript化

  • 未対応のため今後対応する

さいごに

Typescriptを使うのに難しい設定などは特になく、簡単にTypeScript化することができました。

今後はTSとも仲良くなっていこうと思います。

\ Share /

全人類同時接続数No.1!バトルロイヤルゲームを生き残れ!

中野区在住の中野です。大阪生まれ大阪育ちですが就職のタイミングで上京しました。食いっぱぐれないようにすることをモットーに生存戦略を常に考えている元ネトゲ廃人現フルリモートwebエンジニア。Twitterでメンターとして駆け出しエンジニアたちをサポートしています。最近の関心事はDDDとScrum。いずれ起業することを考えてプロダクトを作成中。このブログでは生存戦略を考える上で試行錯誤した内容を記録していきます。