ホーム | gotohayato.com

axios で reCAPTCHA のレスポンストークンの検証を行う方法

JavaScript のライブラリ axios で reCAPTCHA のレスポンストークンの検証を行う方法をかんたんにまとめます。 reCAPTCHA は一般に次の 3 ステップで利用するものですが、今回はこのうちの…

フロントエンドフレームワーク React の Context API と useContext() の使い方についてまとめました。ウェブ上で見つかる Context API と useContext…

Docker で MariaDB / MySQL イメージを使うときのプチ tips をいくつかまとめました。対象イメージは mariadb:10.5 と mysql:5.…

GitHub Actions を使って WordPress のプラグインを自動的に更新する方法をご紹介します。より正確に言うと「 Git でコードを管理している WordPress サイトのプラグインを GitHub Actions…

Google Cloud Platform で特定の国からのアクセスをブロックする方法についてです。直接国を指定してブロックする方法は用意されていないので、まずブロックしたい国の IP…

JavaScript で File オブジェクトとして保持された画像ファイルのサイズ（幅・高さ）を取得する方法についてです。 Node ではなくクライアントサイドの JavaScript でのお話です。早速結論ですが、 Image オブジェクトを生成して src…

Git で git init 後に最初のコミットをすると自動的に作られるブランチの名前を master 以外に変更する方法についてです。早速結論ですが、設定項目 init.defaultBranch を使えば OK…

今回は Next.js を使って JAMstack なブログを作る方法を紹介します。ゴール本チュートリアルでは最終的に以下の構成のブログサイトを作ります。ページ構成「フロントページ」「投稿一覧ページ」「投稿詳細ページ」の…

React ベースの静的サイトジェネレータ（ SSG ）である Gatsby が公式に提供するプラグインとテーマについてまとめました。正確には、公式の monorepo リポジトリ ↓ で管理されているプラグインとテーマを一覧にしました。記事執筆時点で monorepo…

先日 GitHub の CEO が、デフォルトのブランチ名に奴隷制を連想させる master という名前を使うのをやめて代わりに main を使っていく旨の発言をしていました。 "Nat Friedman on Twitter: "@Una @github It's a…

GitHub の自動化ツール GitHub Actions のワークフローを使って特定の処理を定期的に実行する方法についてです。 GitHub 公式のドキュメントに方法が書かれているのですが、情報があちこちに散っている感じなのでかんたんにまとめておきます。 schedule…

今回は静的サイトジェネレーターの Gatsby を使ったプロジェクトにおいて Google Analytics Reporting API v4 を使って投稿一覧を作成する方法を紹介します。前提今回は 2020 年時点で最新の Reporting API v…

cron の処理が思いどおりに動かないときの対処方法についてかんたんにまとめます。 cron の基礎知識以下 cron を利用する上での前提知識です。 cron…

最近 React ベースのフレームワークである Next.js と Gatsby を使っています。ある程度客観的に比較できるだけの知識がたまったと思うので、 Next.js と Gatsby…

Git の小ネタで、 Git で管理されていないファイルのみを一覧表示する方法についてです。早速結論ですが、 git ls-files コマンドを使えば OK です。 git ls-files は Git…

JavaScript のフレームワーク React に関する小ネタです。掲題のとおり「 state hook で array を扱っているときに、 array を更新してもコンポーネントの再描画が起こらない」という問題についてです。今回動作確認に使った React…