ホーム | gotohayato.com

React でウィンドウサイズが小さいときだけスライドショー表示をする方法

ピンポイントな小ネタですが、 React…

2020 年 12 月以降に Homebrew で brew update をしようとすると次のようなエラーが出て処理が実行できないことがあります。 homebrew-cask を利用している場合はそちらでも起こります。 Homebrew はこれまで Git…

JavaScript のフレームワーク React で使われる PropTypes.element と PropTypes.elementType の違いについてです。両者には次の違いがあります。意味例 PropTypes.element React…

Google Cloud Platform （以下 GCP ）の Container-Optimized OS で Docker を使ってサイトを構築・運用するときの tips 集です。 Container-Optimized OS…

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 が、 GitHub で作成されたリポジトリのデフォルトブランチに奴隷制を連想させる master という名前を使うのをやめて代わりに main を使っていく旨の発言をしました。 "Nat Friedman on Twitter: "@Una…

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

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