カテゴリー: Web制作

Gatsby Cloudを使ってみた【WP REST APIではまだフル対応していなかった。。。】

先日、GatsbyのTwitterを見ていたらなんかGatsby Cloudっていうのが出ていたので触ってみました。 このブログはWP REST APIで記事データを引っ張ってきているので、僕がしたGatsby + WP… 続きを読む Gatsby Cloudを使ってみた【WP REST APIではまだフル対応していなかった。。。】

過去の自分と現在の自分のWebサイト制作に対する思いの変化

こんにちは、朝コーヒー入れるのが日課のケンタロウ(@kentaro_koga)です〜 この記事では「過去の自分と現在の自分のWebサイト制作に対する思いの変化」を書いていきます こんな人向け サイト制作に興味がある サイ… 続きを読む 過去の自分と現在の自分のWebサイト制作に対する思いの変化

#8 Gatsby + WordPress REST APIでブログを作ろう【シンタックスハイライト(Prism)編】

#7で一応Gatsby.js＋WordPress編は一区切りでしたが、いじっていく中でつまずいて情報があまりなかったのでここで紹介しておきます 内容は「Gatsby.jsでWordPress REST APIでブログ記事… 続きを読む #8 Gatsby + WordPress REST APIでブログを作ろう【シンタックスハイライト(Prism)編】

#7 Gatsby + WordPress REST APIでブログを作ろう【Netlifyの自動ビルド編】

前回の#6ではNetlifyでブログをデプロイしました 今回はWordPressで記事や固定ページを更新した時にNetlify上でビルドが走る設定をしていきます JAMstack Deployments まず、ここから「… 続きを読む #7 Gatsby + WordPress REST APIでブログを作ろう【Netlifyの自動ビルド編】

#6 Gatsby + WordPress REST APIでブログを作ろう【Netlifyにデプロイ編】

こんにちは、#5では関連記事の表示をしてきました ここまででサイトに必要なものが結構揃ったかと思います ＊スタイリングは除くw スタイリングは人それぞれなので割愛していますが、SASSの導入やダークテーマ実装などは今後解… 続きを読む #6 Gatsby + WordPress REST APIでブログを作ろう【Netlifyにデプロイ編】

#5 Gatsby + WordPress REST APIでブログを作ろう【関連記事編】

#4ではパンくずのプラグインを紹介しました 次は記事ページに関連記事を表示させてみましょう 実装するもの 同じカテゴリーが１つ以上含まれる関連記事を5つまで表示する では参ります gatsby-node.jsの編集 ga… 続きを読む #5 Gatsby + WordPress REST APIでブログを作ろう【関連記事編】

このブログに使っている技術的なものをサラッと紹介

OLYMPUS DIGITAL CAMERA

このブログに使った技術的なものを紹介していきます またデザインや仕様が変わるかと思いますが、しばらくはこのままでちょろちょろアップデートしていくかと思います 使っているモノ 主にこんな感じです Gatsby.js Net… 続きを読む このブログに使っている技術的なものをサラッと紹介

#3 Gatsby + WordPress REST APIでブログを作ろう【カテゴリーページ編】

今回はGatsby連載の#3「カテゴリーページの作り方」編です^ ^ STEPS Step１：WordPress側で記事にカテゴリーを追加 Step２：記事のカテゴリーを全部取得する Step３：カテゴリーページのテンプ… 続きを読む #3 Gatsby + WordPress REST APIでブログを作ろう【カテゴリーページ編】

#2 Gatsby + WordPress REST APIでブログを作ろう【ページネーションの設置編】

前回の「Gatsby + WordPress REST APIでブログを作ろう【導入＋基本構成編】」に引き続きトップページにページネーションを設置していきます ページネーションを追加するのにGatsby-paginate… 続きを読む #2 Gatsby + WordPress REST APIでブログを作ろう【ページネーションの設置編】