Gatsbyを用いた開発の中で、レスポンシブ対応で次のようなコードを書いて、開発環境(gatsby develop)で期待どおり動作しました。 よしよしということで、Gatsby Cloud にデプロイしました。しかし、 […]

インストール及び設定 公式ドキュメントに説明があります。 $ npm install gatsby-plugin-styled-components styled-components babel-plugin-styl […]

今回解消したいこと WordPressサイトのメニューは次のように階層化されていました。 これが Gatsby+WordPressサイトでは次のように階層構造がなくなってしまっています。 これを今回なんとかしたいと思いま […]

Gatsby＋WordPressサイトで固定ページを生成させたあと、そこへのリンクを示す必要があります。面倒なので、とりあえずPCサイトでもモバイルサイトでもハンバーガーメニューを使うことにしました。 元のWordPre […]

目次 1. Nodeのインストール 1-1. Node.jsのバージョン管理ツールを入れる場合 2. Gitのインストール 3. GitHubアカウントの作成 4. GitHub CLIのインストール 5. 練習 6. […]

Gatsbyの新しいWordPressインテグレーションを用いれば、既存のWordPressサイトを簡単にヘッドレスWordPressサイトに変換できますが、表示されるのは投稿記事だけです。これに固定ページも表示できるよ […]

react-burger-menu を用いるとReactやReactベースのGatsbyなどのプロジェクトに簡単にハンバーガーメニューを追加できます。 react-burger-menu とは？ https://gith […]

概要 Gatsbyの新しいWordPressインテグレーションを用いて、既存のWordPressサイトを簡単にヘッドレスWordPressサイトに変換する方法のメモです。 変換元サイト：https://pitang196 […]

忘れないようにメモしておきます。 Docker Desktop for Windows のインストール 複数のコンテナを定義し実行する Docker アプリケーションのためのツール YAML ファイル(docker-co […]

Gatsbyのプロジェクトでローカルの画像を表示している箇所のコードについて、公式ドキュメントを読みました。そのメモを残しておきます。 まずはサイトの左上にあるホームページに戻るリンクの画像の取得をどうやっていたか確認し […]