ホーム | gotohayato.com

Markdown のコードの中にバッククォートを含める方法

Markdown でバッククォート（ ` ）を出力する方法についてです。インラインコードインラインの <code> の中でバッククォートを使うには、外側のバッククォートを 2 つずつにします。出力: `name` コードブロック <pre><code…

Google Chat のルームにプログラムで自動投稿する方法についてです。事前に想像したよりかんたんであっけなかったですが、また次久しぶりにやるときに少し時間がかかるかもしれないので、かんたんに方法をまとめておきます。 Google Chat…

Docker Compose の depends_on の使い方をかんたんにまとめました。主に自分用のまとめですが、このあたりは公式ドキュメントの説明があまりわかりやすくはないので、 Docker Compose…

Google Cloud Platform （以下「 GCP 」）で特定の処理を定期的に実行する方法についてかんたんにまとめました。 GCP で処理を定期実行する方法の選択肢 GCP で処理を定期実行するための方法はいくつかあります。 A. Compute Engine…

ウェブ制作者向けの小ネタです。スマートフォンのブラウザでウェブサイトを開いたときに、指定したフォントサイズと異なるサイズで文字が表示されてしまう問題についてです。問題 font-size でフォントサイズを指定しているのに、 iOS や Android…

Node.js のパッケージをまとめて最新版にアップデートする方法についてです。 npm と Yarn を使った方法をそれぞれ説明します。 npm 記事執筆時点の npm の最新版 7.x…

ピンポイントな小ネタですが、 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…