React hooksで絞り込み検索機能を実装してみます。 今回は、データの配列に対して、入力フォームの値とチェックボックスの状態との複合条件で絞り込みができるようにします。 リストを表示 まずは簡単なデータの配列を用意し、全容をリストとして画面表示し…

Gatsby + Contentful で作成したブログを VPS で運用しています。Contentful で記事を作成したり、コードを github に push したときに自動でデプロイするようにしたかったので、その仕組みを Github Actions を使って構築しました。 前提 以下の状態である…

gatsby-starter-blog をベースに作成したブログの記事一覧ページにページネーションを導入してみました。 ページネーションは、gatsby-awesome-pagination というプラグインを使うことで簡単に実装できます。 インストール gatsby-awesome-pagination プラグ…