PROGRAMMING

ウェブサイトの作成の段階でインスタの投稿を埋め込みをしたいなっと思ったので、やってみました。 今回やるのはGatsbyのプラグインを使ってインスタの画像を一覧する方法です。 インスタのAPIを使わずに ...

前回GoogleフォントをReactで扱う方法をやっていきました。 いろいろ調べていたらGoogleフォントをGatsbyでの使い方があるらしくて、今回はそのことについてやっていきたいと思います。 G ...

Googleフォントの使い方がわからなかったので、今回はGoogleフォントについてやっていきたいと思います。 この記事でわかること・Googleフォントについて・Googleフォントの使い方 今回も ...

今回はウェブサイトのフッターを作っていきたいと思います。 フッターにはSNSなどのリンクをつけるようにしていきます。 この記事でわかること・フッターの作り方・SNSのリンクの付け方 今回もこんな感じで ...

今回は以前のGraphqlについてやって内容の続きです。 もし読んでいない方は一度覗いてみてください。 Graphqlを使って画像を表示する！【Gatsby.js】 今回はGraphqlで取得した値を ...

今回はmap() 関数を用いて、配列を受け取る際にKeyをなぜいれる必要があるのかという部分に疑問をもったので、メモ的な感じでやっていこうと思います。 今回やることは下記にまとめてあります。 ...

今回は画像を表示するのにGraphqlを使い、imageコンポーネントを作成します。 まずはGraphqlについて紹介し、Graphqlでのデータの取得方法から画像の表示までやっていきます。 この記事 ...

今日はウェブサイトのヒーローヘッダーの追加をしていきます。 ヒーローヘッダーについては下記のサイトを参考にして下さい。 Designmemo（デザインメモ）-初心者向けWebデザインTips-&nbs ...

今日はGatsby.jsを使ってナビゲーションバーを追加していきます。 ウェブサイトを作るときに大変なのは、ナビゲーションバーを作る作業ですね。 そのため、今回はコードにいろいろ書き込みながら理解して ...

今日はGatsby.jsを使ってウェブサイトを作っていこうと思います。 前回まではReactを使ってウェブサイトを作成していましたが、SEO対策を考えてGatsby.jsを使うようにしました。 使い方 ...