AWS

【AWS】EC2にDockerをインストールする

EC2にDockerをインストールする方法 EC2にDockerをインストールして、使用できるようにするには、次のようにコマンドを実行します。 最初にDockerをインストールします。 $ sudo yum -y install d...
mac

【Mac】xcrun error active developer path (/path/xxx), missing xrun at: (/path/xxx/xxx)が発生したときの解決

MacのOSを更新したあと、次のエラーが発生するようになりました。 xcrun error active developer path (/path/xxx), missing xrun at: (/path/xxx/xxx) そのとき...
PHP

【PHP】Guzzleで省略された(truncated)エラーメッセージをすべて取得する

省略された(truncated)エラーメッセージ Guzzleによるリクエストが失敗したとき、次のようにエラーメッセージが省略されている場合があります。 Client error: `POST ` resulted in a `400 ...
PHP

【PHP】file_get_contentsでファイルを一行ずつ読み込む

この記事では、PHPのfile_get_contents()で取得したファイルの内容を、一行ずつ読み込む には、explode()を使用します。 explodeの第1引数に改行コードの"\n"を指定して実行すると、各行を要素にした配列が得...
Docker

Dockerのディスク使用量が大きくなったので不要なイメージ等を削除する

Dockerを使用していると、気がついたらディスク使用量が数十GBになっていたりします。 本記事では、Dockerのディスク使用量を減らすための、イメージの削除などのコマンドについてまとめます。 danglingなイメージを削除する 次...
GitHub

【GitHub Actions】Composite run steps actionの作り方

GitHub ActionsでComposite run steps actionが作れるようになりました。 これによってこれまでワークフローファイルに書いていたシェルスクリプトを細分化した、再利用可能なアクションとして用意して、ワークフロ...
HTML&CSS

HTMLでscriptタグはなぜbodyタグの最後に配置するのか?その理由を説明

はじめに この記事ではHTMLに記述するscriptタグが、なんでbodyタグの最後に書かれているのか、その理由を説明します。 ページの表示速度を速くするため scriptタグがbodyタグの最後に書かれている理由は、ページの表示速度...
HTML&CSS

【HTML・CSS】文章の最初の行だけ見た目を変更するにはどうやれば良いか

はじめに この記事では、HTML内に記述したテキストの1行目だけスタイルを変更したいときに、CSSでどうすれば実現できるかの例を紹介します。 疑似要素の::first-lineを使用する方法 divタグやpタグ等で囲んだテキストにCS...
HTML&CSS

【HTML・CSS】複数のボタンや画像を同じ間隔(等間隔)で横並びに配置する方法

この記事ではボタンや画像を複数並べたときに、同じ間隔(等間隔)を空けて配置する方法を紹介します。 等間隔で横並びにボタンを並べる(flexbox) 複数の要素を等間隔で並べるには、CSSの display:flex と justify-...
HTML&CSS

【HTML・CSS】selectタグで作ったプルダウンメニューの横幅を統一する方法

はじめに HTMLのフォームでは、selectタグとoptionタグを使ってプルダウンメニューを作成できます。 このプルダウンメニューですが、メニューを複数作成したときに、横幅が選択肢の長さになってしまい、それぞれのプルダウンメニューの横...