강의

멘토링

로드맵

Programming

/

Front-end

ReactベースのGatsbyで技術ブログを開発する

Reactベースの静的サイト作成フレームワークであるGatsbyを介して独自のブログを作成するクラスです。

難易度 中級以上

受講期間 無制限

  • ji5485
Blog
Blog
Gatsby
Gatsby
Blog
Blog
Gatsby
Gatsby

ReactベースのGatsbyで技術ブログを開発する講義アップデートのお知らせ

こんにちは、受講生の方々!

今回講義が更新された点を知らせようとこう書くことになりました。

サンプルブログで使用しているDeprecatedされたライブラリとコーディングコンベンションを考慮してアップデートされ、変更内容を以下にまとめました!

  1. .eslintignoreファイルにルートディレクトリのGatsby設定ファイルをすべて追加して、閲覧時に不要なエラーが発生しないように修正しました。

  2. .prettierrcファイル内のプロパティで、文の終わりでセミコロンを必須に入力するかどうかのsemiオプションをfalseに変更して、すべてのReact関連ファイル内に存在するセミコロンを削除しました。

  3. React コンポーネントファイルの上部に定義した Props タイプをInterfaceで定義したものからTypeで定義するものに変更しました。

  4. GraphQLを介してポストデータを照会するときに型を定義しましたが、その型は重複して複数回使用されるためsrc/types/PostItem.types.tsファイルを作成してここで型を定義しました。

  5. gatsby-imageライブラリが Deprecated され、代替剤gatsby-plugin-imageライブラリに移行しました。


レッスンの内容全体的にコーディングスタイルと内容が変更されたため 、Gatsbyの学習と開発環境の設定、簡単にページの表示、サイトのデプロイ、ウェブマスターツールへのサイトの登録を参照してください。

しかし、既存の講義の内容そのまま従っても大きく問題はないので、受講生の方が楽に選んでいただければ幸いです:)

コメント

無料