ベル15の開発ブログ

導入 Gatsby 製のブログを Netlify にデプロイしたのですが、404 ページが表示されず、エラーが発生する問題に遭遇しました。 この問題を修正する方法をまとめます。 問題 Gatsby 製のブログをビルドした際に、ローカル環境ではエラーが発生しなかったのですが…

導入 Gatsby 製のブログを作っていて、Netlify のフォーム機能を使ってお問い合わせフォームを実装したいと思いました。 しかし、最初はうまく動かなかったため、動くようにするまでの手順をまとめました。 手順 以下の 3 ステップで解決します。 form-name の…

導入 今回は、Gatsby.js で作ったサイトを独自ドメインで公開する手法を紹介します。 そのために、独自ドメインを取得するサイトを比較します。 そして、その取得したドメインで Netlify 上に公開する手法を紹介します。 独自ドメインの取得 サイトの URL…

導入 ブログに広告をつけるためには、Google Adsense の審査に合格する必要があります。 この審査に合格するためには、お問い合わせフォームとプライバシーポリシーページが必要と言われています。 今回は Gatsby.js で作ったブログに…

導入 今回はサイトを公開する際に欠かせない SEO 対策を Gatsby.js で作ったブログで行います。 SEO 対策とは、Google や Yahoo などの検索エンジンで上位に表示するための対策です。 これをしたからと言って必ず上位に来るわけではないのですが…

導入 今回は Gatsby.js で作ったブログにタグ機能を追加する手法を紹介します。 記事にタグをつけることで、関連するワードの記事を一目で確認できるため、ぜひ追加したい機能です。 Gatsby Starter Blogをテンプレートとして使い、これにタグ機能を追加します。…

導入 Gatsby.js では、Gatsby Starter Blogという簡単にブログの雛形を作れる公式のテンプレートがあります。 しかし、そのままでは日本語のブログを書く際に不便であるため、カスタマイズする必要があります。 そこで、日本語でブログを書く際…

導入 当ブログは、Gatsby.js を使って作成しています。 今回の記事では、2年間Gatsbyでブログを運営してきた私が、Gatsby.jsに関する基礎知識や特徴、学習ロードマップやブログの作成方法について紹介します。 また、gatsby-starter-blog というテ…

導入 ブログを作っても、他のサイトと似たようなデザインになる… このボタンをもう少し小さくできたら… ブログを作成するとこのような悩みはないでしょうか？ 無料で作成できるブログは簡単に作れますが、細かいカスタマイズができないことが多いです。 そこで今回はプログラミングを使って…