[Gatsbyで構築]ビルド時にsass-loaderやnode-sassのエラーが出た時の対処
node-loaderとsassのバージョン関連エラーを対処した方法です。
Gatsby
[Gatsbyで構築]gatsby-image から gatsby-plugin-image に変更する方法
Gatsby.jsでプラグインのgatsby-imageがgatsby-plugin-imageに変更になったので、変更の仕方を簡単に書いておきます。
[Gatsbyで構築]Google Adsenseのgtag.jsを使うプラグイン
Gatsby.jsでGoogle Analyticsを使いたい場合はプラグインを使うと簡単ですよ。
[Gatsbyで構築] サブディレクトリで公開する簡単な方法
Gatsbyで構築したページをサブディレクトリで公開する場合の簡単な方法です。普通にbuildしてもサブディレクトリで公開できないので、path prefixが必要です。
[Gatsbyで構築]JSXでstyle属性のbackgroundImageを使いたい
JSXにStyle属性でbackgroundImageをつける方法です。
[Gatsbyで構築]Framer-Motionでスクロールでopacityを変更する
Framer-MotionでuseViewportScrollを使ってスクロールするとopacityが変わるというコードです。うっすら解説もあります。
[Gatsbyで構築]Gatsbyでビルドエラーが出た時の対処法
Gatsby.jsでビルドした時に、「The above error occurred in the <storestateprovider> component: in StoreStateProvider in App」というエラーが出た時の修正方法です。
JavaScript初心者がGatsbyでサイトを作る勉強 – アニメーション編
JavaScript初心者がGatsbyJSを使ってサイトを構築する勉強をします。今回はアニメーションについてです。Framer-Motionの導入とちょっと触った感じです。