GitHub 上のリポジトリでコードの言語を設定する方法
Github 上に置いたリポジトリのコードを閲覧するときに、シンタックスハイライトに使われる言語を設定する方法についてかんたんにまとめておきます。 GitHub のコードの言語判定には Linguist…
Express アプリのテストの書き方
Node.js のフレームワーク Express を使ったウェブアプリケーション開発における自動テストの書き方をかんたんにまとめました。 利用ツール 今回は React を使ったプロジェクトでよく使われる Jest をテストフレームワークとして使ってみます。 Node.js…
Google Cloud Build の高速化 tips
Google Cloud Platform （以下「 GCP 」）の Cloud Build の処理を高速化するための tips…
Markdown のコードの中にバッククォートを含める方法
Markdown でバッククォート（ ` ）を出力する方法についてです。 インラインコード インラインの <code> の中でバッククォートを使うには、 外側のバッククォートを 2 つずつにします。 出力: `name` コードブロック <pre><code…
Google Chat に自動投稿する方法
Google Chat のルームにプログラムで自動投稿する方法についてです。 事前に想像したよりかんたんであっけなかったですが、また次久しぶりにやるときに少し時間がかかるかもしれないので、かんたんに方法をまとめておきます。 Google Chat…
Docker Compose の depends_on の使い方まとめ
Docker Compose の depends_on の使い方をかんたんにまとめました。 主に自分用のまとめですが、このあたりは公式ドキュメントの説明があまりわかりやすくはないので、 Docker Compose…
GCP で処理を定期実行する方法
Google Cloud Platform （以下「 GCP 」）で特定の処理を定期的に実行する方法についてかんたんにまとめました。 GCP で処理を定期実行する方法の選択肢 GCP で処理を定期実行するための方法はいくつかあります。 A. Compute Engine…
スマートフォンのブラウザでフォントサイズがおかしくなる問題の対処方法
ウェブ制作者向けの小ネタです。 スマートフォンのブラウザでウェブサイトを開いたときに、指定したフォントサイズと異なるサイズで文字が表示されてしまう問題についてです。 問題 font-size でフォントサイズを指定しているのに、 iOS や Android…
Node.js のパッケージをまとめて最新版にアップデートする方法
Node.js のパッケージをまとめて最新版にアップデートする方法についてです。 npm と Yarn を使った方法をそれぞれ説明します。 npm 記事執筆時点の npm の最新版 7.x…
React でウィンドウサイズが小さいときだけスライドショー表示をする方法
ピンポイントな小ネタですが、 React…
Homebrew で Error: homebrew-core is a shallow clone が出て brew update が実行できない問題
2020 年 12 月以降に Homebrew で brew update をしようとすると次のようなエラーが出て処理が実行できないことがあります。 homebrew-cask を利用している場合はそちらでも起こります。 Homebrew はこれまで Git…
React の PropTypes.element と PropTypes.elementType の違い
JavaScript のフレームワーク React で使われる PropTypes.element と PropTypes.elementType の違いについてです。 両者には次の違いがあります。 意味 例 PropTypes.element React…