- 2021年03月19日
Gatsbyで動的に画像を生成する
なぜ自動生成したか 仕組み やり方 Gatsbyでの実装 なぜ自動生成したか ブログを書くにあたり、サムネイル・OGを探したり作ったりする必要がありました。 Qiitaのようにただ記事を書きたいのに、画像探しなど他のところに時間を使うのが嫌でした。 なので自動化しよう！とおもいました。 仕組み 仕組みは簡単で、Contentfulからページデータを取得したときに外部のAPI…
カテゴリー: Gatsby
- 2020年07月09日
【Gatsby + Contentful】PWA対応の仕方
PWAとは Progressive Web Appsの略。WebアプリケーションのUX向上を目的とした、WEBページ／WEBアプリケーションとネイティブアプリの利点をいいとこ取りできる仕組み。モバイル端末でページを表示する時にネイティブアプリのような挙動をさせることが出来る。Google（Android Chrome…
- 2020年07月10日
Gatsby + Netlifyのブログにサブドメインを設定する
何がしたいか NetlifyでGithubにあげたGatsbyのサイトをデプロイしています。 このドメインを独自ドメインに変えたい。 ただ、色々使いたいのでサブドメインにしたい。 やり方 お名前ドットコムでドメインを取得したので、それに基づいて行います お名前ドットコムのDNS設定から、DNSレコード設定を利用するを選択 「ホスト名」:好きなサブドメイン、「Type」:CNAME、「VALUE…
- 2020年07月12日
Docker で Gatsby環境を構築する
やりたいこと Gatsbyの環境を作りたい Dockerで...! 作り方 環境 Mac Docker for Mac 作業フォルダにとを作成します Dockerfileの中身を下記のようにします nodeのalpine系のLTSのイメージを使って、gitとgatsby cliをインストールしているだけです EXPOSE…
- 2020年07月10日
【WP to Gatsby Part.1】Wordpressを無料のレンタルサーバーに構築する
なにをしたいのか 複数回に分けて、利用しているWordpressをそのままCMSとして利用したまま、Gatsbyに切り替えるというのを行っていきたいと思います。 その第一回として、Wordpress…
