エンジニアを目指す日常ブログ

日々勉強したことのメモ。独学ですので間違っていたらコメント等で教えてください。

Gatsby

GraphQLの引数を変数で設定する方法のメモ

GraphQLのリクエストに引数を入れる際、引数を固定値ではなく変数で設定するやり方をメモ。

【Gatsby】マークダウンファイルの情報を取得してブログ上に表示する

開発環境にマークダウン形式の記事を保存し、Gatsbyで取得する方法を確認する。 今回は取得したファイルの中身(マークダウン形式)を取得して、解析して最終的にHTMLに変換して表示する方法を確認する。

【Gatsby】プロジェクト内に保管したファイルの情報をGraphQLで取得する

Gatsbyでブログを書くためには、1ページずつHTMLを書くわけにもいかないので、記事を書いたデータベースからデータを取得してコンポーネントに組み込む必要がある。 開発環境にマークダウン形式の記事を保存し、Gatsbyで取得する方法を確認する。

GatsbyのデータレイヤーからgraphQLでデータを取得する

Gatsbyでブログを書くためには、1ページずつHTMLを書くわけにもいかないので、記事を書いたデータベースからデータを取得してコンポーネントに組み込む必要がある。 Gatsbyではデータの取得にGraphQLを利用する。 GraphQLでのデータ取得方法の基礎的なやり方…

Gatsbyブログでのプラグイン利用方法/画像の挿入方法

Gatsbyにプラグインを導入する方法をメモする。 絶対に必要になる、画像挿入のためのプラグイン`gatsby-plugin-image`を導入してみる。

Gatsbyブログでデザインを変更する(CSS適用方法)

自分のブログに変更していくために、今回はCSSの適用方法を理解する。

Gatsbyブログに好きなページを追加する

Gatsbyブログ作成のやり方を学んでいく。ページの追加とルーティングを実施する。ここではマークダウンによる記事入稿ではなく、単純にReactでページを作成する。

gatsby developで出たエラーの対処法

`gatsby develop`コマンドを実行時に発生したエラーの対処方法。

GatsbyブログをGatsby Cloudで公開してみた

ローカルで作成したGatsbyプロジェクトを、ホスティングサービス(Gatsby Cloud)を利用し公開してみる。

Vagrant上でGatsbyブログを編集・ビルド・デプロイしてみた

Gatsbyでブログを作る。スターターキットそのままのブログに少し編集を加えてみる。また、本番環境で使うコマンド「ビルド」と「サーブ」を試してみる。

Vagrant上でGatsbyブログのひな型を作成した

Gatsbyでブログを作成してみたい。まずはスターターキットを利用して、型だけ作ってみる。