再起動する前に退避。Google Search Consoleからリダイレクトエラーのメールが来ていたのでNetlify対応のプラグイン入れようとしたら、今年はじめにGatsbyｖ２→v3になっていてプラグイン使えなかったのの対応まわりと、とnode 14〜への更新まわりでエラー出て調べたこと（主にES6のお作法まわりに沿うように変更入れた）をバラバラと。
Linear gradient in SVG symbol – Stack Overflow
1行追加でOK！CSSだけで画像をトリミングできる「object-fit」プロパティー | Webクリエイターボックス
Make a simple React app using YouTube API | by anarnotes | Bits and Pieces
How to Use the YouTube IFrame API in React
react-modalを使ってModalコンポーネントを作る | TomboMemo
Reactのeventハンドリングの際に、DOMのカスタム属性にアクセスする – Qiita
react-modal-video – React Modal Video Component made with love by appleple
Adding a Path Prefix | Gatsby
gatsby サブディレクトリ – Google 検索
How to use the GSAP ScrollTrigger plugin in React – LogRocket Blog
【React】React + GSAP（ScrollTrigger）でスクロールアニメーションを実装する（Next.js） – 7839
ScrollTrigger in gatsbyjs – GSAP – GreenSock
JavaScriptでスクロール中だけスタイルを適用する方法
JavaScript – スクロール量に応じて表示・非表示させるコンテンツの実装方法｜teratail
JavaScript – React + TypeScript | スクロール位置に応じたclass追加・削除｜teratail
An Exploration of GSAP’s ScrollTrigger in React | Savas Labs
Reactのコンポーネント内でスクロール位置を取得する · PengNote – 勉強した事や行った場所の感想を書くブログ
CSSでデザイン調整可能なルビ – Qiita
VSCode(Visual Studio Code)のhtml/cssコーダー向け拡張機能 ｜ Gimmick log
WordPress：Gutenberg用CSSの読み込みを削除する方法 – NxWorld
HTML・CSSコーディングでよく使うVScodeスニペット集
DOMContentLoadedイベントとloadイベントの違い[タイミング]
webpack-streamでエラー発生時に処理を終了させずに監視を続ける方法（plumber不要） | WEMO
安全に React Hooks を使用する – Qiita
Rocket Upload Animation ��
「リダイレクトが繰り返し行われました。」のエラーとは？リダイレクトループの原因と対処法 | SEO研究所サクラサクラボ
【無事に解決】Google Search Consoleでリダイレクトエラーとなった場合の解決方法に関するメモ – at backyard
リダイレクトチェック｜SEOチェックのためのSEOツール集 ohotuku.jp
Netlify: Develop & deploy the best web experiences in record time
Netlifyで公開しているサイトをSSL化する方法｜Koushi Kagawa｜note
Netlifyを常時SSL化する方法 – diwao日記
gatsby-plugin-netlify | Gatsby
nodebrewでnodeのバージョンを切り替える方法 – Qiita
Gatsby v2からGatsby v3への移行 – makoのノート
Commands (Gatsby CLI) | Gatsby
GatsbyJSで作っているブログでGatsby v2からGatsby v3へ移行した | キクナントカドットコム
Migrating from gatsby-image to gatsby-plugin-image | Gatsby
Dependabot で依存パッケージをアップデートする – Qiita
Dependabotを導入してみた | DevelopersIO
npm-scripts でチームメンバーと共通認識を作る | DevelopersIO
ビルドすると「Could not freeze ./.nuxt/router.js: Cannot read property ‘hash’ of undefined」が出る – Qiita
yarnチートシート – Qiita
Babel | Gatsby
【ES6/React】Assign arrow function to a variable before exporting as module default import/no-anonymous-default-exportの解消方法｜TechTechMedia
もう迷わないGatsby SEO メタタグの設定方法 | アールエフェクト
Adding an SEO Component | Gatsby
Plugin gatsby-transformer-remark is not compatible with your gatsby · Issue #11049 · gatsbyjs/gatsby
gatsby Indicate whether a cookie is intended to be set in cross-site context by specifying its SameSite attribute – Google 検索
Cookie の SameSite 属性について – Cybozu Inside Out | サイボウズエンジニアのブログ
Cookie – SameSiteに関する警告文をブラウザ側で表示させないようにしたい【Chrome】｜teratail
【Chrome】”A cookie associated with …”の警告の内容と対処法について【開発者ツール】 | webico blog
Next.js と Gatsby の比較 | gotohayato.com
State of Frontend 2020 Report – frontend development trends | TSH.io
1行追加でOK！CSSだけで画像をトリミングできる「object-fit」プロパティー | Webクリエイターボックス
Make a simple React app using YouTube API | by anarnotes | Bits and Pieces
How to Use the YouTube IFrame API in React
react-modalを使ってModalコンポーネントを作る | TomboMemo
Reactのeventハンドリングの際に、DOMのカスタム属性にアクセスする – Qiita
react-modal-video – React Modal Video Component made with love by appleple
Adding a Path Prefix | Gatsby
gatsby サブディレクトリ – Google 検索
How to use the GSAP ScrollTrigger plugin in React – LogRocket Blog
【React】React + GSAP（ScrollTrigger）でスクロールアニメーションを実装する（Next.js） – 7839
ScrollTrigger in gatsbyjs – GSAP – GreenSock
JavaScriptでスクロール中だけスタイルを適用する方法
JavaScript – スクロール量に応じて表示・非表示させるコンテンツの実装方法｜teratail
JavaScript – React + TypeScript | スクロール位置に応じたclass追加・削除｜teratail
An Exploration of GSAP’s ScrollTrigger in React | Savas Labs
Reactのコンポーネント内でスクロール位置を取得する · PengNote – 勉強した事や行った場所の感想を書くブログ
CSSでデザイン調整可能なルビ – Qiita
VSCode(Visual Studio Code)のhtml/cssコーダー向け拡張機能 ｜ Gimmick log
WordPress：Gutenberg用CSSの読み込みを削除する方法 – NxWorld
HTML・CSSコーディングでよく使うVScodeスニペット集
DOMContentLoadedイベントとloadイベントの違い[タイミング]
webpack-streamでエラー発生時に処理を終了させずに監視を続ける方法（plumber不要） | WEMO
安全に React Hooks を使用する – Qiita
Rocket Upload Animation ��
「リダイレクトが繰り返し行われました。」のエラーとは？リダイレクトループの原因と対処法 | SEO研究所サクラサクラボ
【無事に解決】Google Search Consoleでリダイレクトエラーとなった場合の解決方法に関するメモ – at backyard
リダイレクトチェック｜SEOチェックのためのSEOツール集 ohotuku.jp
Netlify: Develop & deploy the best web experiences in record time
Netlifyで公開しているサイトをSSL化する方法｜Koushi Kagawa｜note
Netlifyを常時SSL化する方法 – diwao日記
gatsby-plugin-netlify | Gatsby
nodebrewでnodeのバージョンを切り替える方法 – Qiita
Gatsby v2からGatsby v3への移行 – makoのノート
Commands (Gatsby CLI) | Gatsby
GatsbyJSで作っているブログでGatsby v2からGatsby v3へ移行した | キクナントカドットコム
Migrating from gatsby-image to gatsby-plugin-image | Gatsby
Dependabot で依存パッケージをアップデートする – Qiita
Dependabotを導入してみた | DevelopersIO
npm-scripts でチームメンバーと共通認識を作る | DevelopersIO
ビルドすると「Could not freeze ./.nuxt/router.js: Cannot read property ‘hash’ of undefined」が出る – Qiita
yarnチートシート – Qiita
Babel | Gatsby
【ES6/React】Assign arrow function to a variable before exporting as module default import/no-anonymous-default-exportの解消方法｜TechTechMedia
もう迷わないGatsby SEO メタタグの設定方法 | アールエフェクト
Adding an SEO Component | Gatsby
Plugin gatsby-transformer-remark is not compatible with your gatsby · Issue #11049 · gatsbyjs/gatsby
gatsby Indicate whether a cookie is intended to be set in cross-site context by specifying its SameSite attribute – Google 検索
Cookie の SameSite 属性について – Cybozu Inside Out | サイボウズエンジニアのブログ
Cookie – SameSiteに関する警告文をブラウザ側で表示させないようにしたい【Chrome】｜teratail
【Chrome】”A cookie associated with …”の警告の内容と対処法について【開発者ツール】 | webico blog
Next.js と Gatsby の比較 | gotohayato.com
State of Frontend 2020 Report – frontend development trends | TSH.io
コメントを残す