BLOG
-
Docker
コンテナでAWS認証情報を安全に渡す方法 – 環境変数を使った手軽なアプローチ
AWSのリソース(例:DynamoDBやSecrets Manager)を操作するアプリケーションをコンテナで実行する場合、認証情報(AWS_ACCESS_KEY_ID や AWS_SECRET_ACCESS_KEY)をコンテナ内にどのように渡すかが重要です。特に、手軽で一般的な方法として 環境変数 を利用する方法があります。この記事では、環境変数を使った認証情報の渡し方と、その際... -
Docker
Dockerインストール後のpermission deniedエラーの解決方法
DockerをUbuntuにインストールした後、docker buildなどのコマンドを実行すると、以下のようなエラーメッセージが表示されることがあります。 permission denied while trying to connect to the Docker daemon socket at unix:///var/run/docker.sock: <br>Post "http://%2Fvar%2Frun%2Fdocker.sock/v1.24/build?buildargs=%7B%7D&ca... -
シェルスクリプト
ファイル名に数字の部分があったら、桁数を引数で指定してゼロ埋めするbashスクリプト
この記事では、ファイル名に含まれる数字部分を指定した桁数でゼロ埋めするBashスクリプトを紹介し、その技術的な詳細を解説します。このスクリプトは、数字部分を柔軟に処理し、デフォルトで4桁、引数を指定することで任意の桁数でゼロ埋めすることができます。MacやLinux環境で動作し、ファイル名の管理や整理を効率的に行えます。 スクリ... -
Git
ディレクトリベースで複数のGitHubアカウントを管理する方法
この記事では、個人用と仕事用のGitHubアカウントを、プロジェクトディレクトリごとに自動的に切り替えて使用する方法を詳しく解説します。具体的には、~/projects/personal ディレクトリ下のプロジェクトでは個人のGitHubアカウントを使用し、~/projects/work ディレクトリ下では仕事用のアカウントを使用する状況を想定します。コマンドラ... -
HTML/CSS
CSSの基礎: フレックスボックスでのレイアウト
自分がCSS勉強するためにChatGPTにアウトライン作らせて書かせたものの一部です。 フレックスボックスでのレイアウトの概要 フレックスボックス(Flexible Box)レイアウトは、CSS3で導入された強力なレイアウトモデルであり、コンテナ内のアイテム間のスペース分配と強力なアライメント機能を提供します。フレックスボックスを使用すること... -
HTML/CSS
HTML: Webページの構造/コンテナ/セクショニング
自分がHTML/CSSの復習するためにChatGPTにアウトライン書かせて記事化したものの一部です。 レイアウトの基本(ブロックレベル要素とインライン要素) Webページのレイアウトを理解する上で、ブロックレベル要素とインライン要素の違いを把握することは非常に重要です。これらの要素は、HTML文書内でどのように配置され、振る舞うかに大きな... -
HTML/CSS
HTML/CSSの基本
自分がHTML/CSSの復習するためにChatGPTにアウトライン書かせて記事化したものの一部です。 HTML文書の構造 HTML(HyperText Markup Language)は、Webページの構造を定義するために使用されるマークアップ言語です。 基本的なHTML文書の構成 全てのHTML文書は、基本的な構成要素から成り立っています。これらの要素を正しく理解し、適切に使... -
JavaScript
JavaScript: 配列の要素内の合計値や出現回数をreduceで求める
この記事は、JavaScriptで要素がオブジェクトの配列から簡単な統計処理を行った時、ChatGPTに質問したことを記事としてまとめさせたものです。 reduce 使えるとなんかワンランク上になった気がする(気がするだけ)。 はじめに JavaScriptにおいて、データの集合を操作し、それらを単一の結果にまとめることは日常的な作業の一部です。reduce... -
JavaScript
JavaScriptで小数値を適切に丸め込む
この記事では、JavaScriptで小数値を扱う際の四捨五入、切り捨て、切り上げなど、数値を適切に丸め込むための様々な方法について解説します。具体的には、toFixed() メソッドを始めとする様々なJavaScriptのビルトインメソッドを用いた丸め込みの技術に焦点を当てます。 主な方法 了解しました。それでは、JavaScriptで小数値を丸め込む方法... -
シェルスクリプト
カレントディレクトリ以下のすべてのpng,jpgをwebpに変換するシェルスクリプト
この記事の目的は、シェルスクリプトでカレントディレクトリ以下にあるjpgやpngといった画像ファイルを、すべてwebpに変換することです。サブディレクトリ内のデータも含みます。また、高速化のために並列処理をします。 実行環境 Machine: M2 Pro Mac mini (2023) macOS Sonoma 14.3.1 GNU bash 5.2.26 ImageMagick 7.1.1-29 スクリプトの提...