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

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

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

セキュリティ対策のため "root"@"%" を削除し、特定のユーザを追加する。 確認 > select user, host from mysql.user; +-------------+------------+ | User | Host | +-------------+------------+ | root | % | | root | localhost | +-------------+-----…

現状 $ sudo sudo: /usr/bin/sudo は所有者が uid 0 である必要があり、かつ setuid が設定されている必要があります $ ls -l /usr/bin/sudo -rwxr-xr-x 1 pi root 147560 2月 2 2020 /usr/bin/sudo やったこと // rootユーザーに変更 $ su // 権限変更 # ch…

事象 電源ランプの点滅と、ファンの瞬断/回転を繰り返している状態になった。 ACアダプタを変更すると電源ランプやファンの瞬断はしなくなった。 モニターを繋ぐと emergency mode で起動している。 → おそらくACアダプタの問題。以下を参考に修復を行った。…

システム起動時に自動実行したいアプリについて、各アプリ毎に実行用のシェルスクリプトを作成する。 /usr/local/bin/startup/app1.sh #!/bin/bash cd /home/pi/app1/ nohup npm start & これらをまとめて実行するスクリプトを作成する。 /usr/local/bin/sta…

設定ファイル 作業フォルダを作成し、Dockerfileとdocker-compose.ymlを作成する。 Dockerfile # hub.docker.comから公式で用意されたイメージをベースとする FROM node:10.13-alpine # カレントディレクトリを app に WORKDIR /app # デフォルトで node が…

インストール npm init した上で、パッケージをインストールする。 $ npm install sequelize --save $ npm install mysql2 --saveコマンドもインストールしておく。 $ npm install -g sequelize-cli 設定ファイルの編集 必要なディレクトリ /config, /migrat…

MySQL インストール // MySQL Yum リポジトリをシステムのリポジトリリストに追加 $ sudo yum localinstall http://dev.mysql.com/get/mysql57-community-release-el7-7.noarch.rpm // リポジトリの確認 $ ls /etc/yum.repos.d/mysql-* /etc/yum.repos.d/mys…

事前準備 // node.js のインストール $ yum install node ... $ node -v v8.17.0// npm のインストール $ yum install npm ... $ npm -v 6.14.11 パッケージのインストール // 作業ディレクトリの作成 $ mkdir node01 $ cd node01// package.json の作成 $ n…

VirtualBox ＆ vagrant のインストール これは事前に N予備校 の講座で実施済み。 $ vagrant -v Vagrant 2.2.9 vagrant の設定 Host - Guest 間の共有フォルダ構成のため GuestAddition を導入する。 $ vagrant plugin install vagrant-vbguestプラグインの…

外付け HDD のデータを別の外付け HDD にバックアップを取る。 rsync コマンドが使えそうなので、これを cron で定期実行するスクリプトを作成する。 流れ バックアップ用の HDD を接続する 指定のディレクトリにマウントする 同期先のディレクトリを作成し…