タグ: frontend

過去の自分と現在の自分の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でブログを作ろう【ページネーションの設置編】

#1 Gatsby + WordPress REST APIでブログを作ろう【導入＋基本構成編】

どうも、サウナ大好きケンタロウ(@kentaro_koga)です この記事では「GatsbyとWordPress REST APIを使ってのブログの作り方」を解説していきます。 Gatsbyてなに？髪の毛に塗るの？ Ga… 続きを読む #1 Gatsby + WordPress REST APIでブログを作ろう【導入＋基本構成編】