mottox2 blog

gatsbyに関する記事

dev

GatsbyJSで複数のサイトの情報をまとめたRSS Feedをつくる

自分はWrite Blog Every Weekという週に一回ブログを書くコミュニティに所属しています。 コミュニティ内ではRSS Feedに基づいてブログを書いたかを判断するBotが整備されており

gatsby
dev

GatsbyJSブログに検索を実装してみた

あけましておめでとうございます。今回はGatsbyでつくってる当ブログに検索を実装しました。 なぜ自分で実装したのか、Gatsbyの構成でどういう実装を選択したのかを書きました。 > つくったも

ブログ開発gatsby
dev

Gatsby Themeの紹介

Gatsbyを使った人でStarter(Scaffold)を利用してGatsbyのサイトを構築したことのある人は多いのではないでしょうか? Starterとは別にGatsbyのサイトを構築していく上

gatsby
blog

技術ブログを支える技術(Gatsby + esaio)

2018年5月に公開を始めた当ブログですが、Gatsbyをより多くの人に使ってもらいたいと考えソースコードをオープンにしたので、ブログで用いている技術について説明します。 > 当サイトについて当サ

esaiogatsby
dev

GatsbyJSライクなVueの静的サイトジェネレーター Gridsomeを触ってみた

静的サイトジェネレーターの中でも、自分はGraphQLのデータ層を採用しているGatsbyJSを激推ししている。 しかし、GatsbyJSはビューをReactで書く必要があり既存のサイトを移植すると

gridsomegatsby
blog

GatsbyJS v2 はじめの一歩 (8) PWA対応

今までの記事 GatsbyJS v2 はじめの一歩 (1) 開発環境の立ち上げ GatsbyJS v2 はじめの一歩 (2) 実際にページを作る GatsbyJS v2 はじめの一歩 (3) ペ

gatsby
blog

GatsbyJS v2 はじめの一歩 (6) Source Pluginの利用

今までの記事 GatsbyJS v2 はじめの一歩 (1) 開発環境の立ち上げ GatsbyJS v2 はじめの一歩 (2) 実際にページを作る GatsbyJS v2 はじめの一歩 (3) ペ

gatsby
blog

GatsbyJS v2 はじめの一歩 (4) gatsby buildとデプロイ

今までの記事 GatsbyJS v2 はじめの一歩 (1) 開発環境の立ち上げ GatsbyJS v2 はじめの一歩 (2) 実際にページを作る GatsbyJS v2 はじめの一歩 (3) ペ

gatsby
blog

GatsbyJS v2 はじめの一歩 (5) GraphQLによるデータ管理

今までの記事 GatsbyJS v2 はじめの一歩 (1) 開発環境の立ち上げ GatsbyJS v2 はじめの一歩 (2) 実際にページを作る GatsbyJS v2 はじめの一歩 (3) ペ

gatsby
blog

GatsbyJS v2 はじめの一歩 (3) ページにスタイルを当てる

GatsbyJS v2 はじめの一歩 (1) 開発環境の立ち上げ、GatsbyJS v2 はじめの一歩 (2) 実際にページを作るの続編です。 ReactにおいてCSSを書くライブラリは多数存在し

gatsby
blog

GatsbyJS v2 はじめの一歩 (7) 動的にページを生成する

今までの記事 GatsbyJS v2 はじめの一歩 (1) 開発環境の立ち上げ GatsbyJS v2 はじめの一歩 (2) 実際にページを作る GatsbyJS v2 はじめの一歩 (3) ペ

gatsby
blog

GatsbyJS v2 はじめの一歩 (2) 実際にページを作る

GatsbyJS v2 はじめの一歩 (1) 開発環境の立ち上げの続編です。 > ディレクトリの構成ディレクトリの構成 前章ではgatsby developで開発環境を立ち上げました。 まず

gatsby