tama– Author –
-
HTML/CSS
CSSのremとemの違いと使い分けのポイント
CSS のレイアウト設計で使われる相対的な単位として、rem と em があります。これらは要素のフォントサイズや幅、高さなどを相対的に指定するための便利なツールですが、どちらを使うべきか迷うことがよくあります。本記事では、rem と em の違いと、それぞれの使い分けについて解説します。 emとは? em は、親要素のフォントサイズを基準と... -
Python
Pythonの-uオプションでリアルタイムにログを出力する
Dockerでログ出力が出てこなかった時の対応の備忘録 Python でスクリプトを実行するとき、特に Docker 環境や非対話型の環境で print 文や logging の出力が期待通りにリアルタイムに表示されないことがあります。この問題の原因の一つとして、Python の 標準出力と標準エラーのバッファリング が挙げられます。この問題を解決する方法として... -
HTML/CSS
HTML 要素に対して奇数回目と偶数回目で異なるスタイルを適用する方法
HTML では、同じクラスを持つ複数の要素に対して、それぞれの要素の表示順に応じたスタイルを適用したい場合があります。たとえば、奇数番目の要素と偶数番目の要素に異なるスタイルを適用する場合、CSS の疑似クラスを使うことで簡単に実現できます。本記事では、その具体的な方法を紹介します。 疑似クラス :nth-child() の基本 nth-child(... -
Mac
macOSのlaunchdでスクリプトを定期実行するplistのメモ
macOSのlaunchdでスクリプトを定期実行する方法 macOSのlaunchdは、特定の時間に自動でスクリプトを実行するために利用できる便利な機能です。今回は、毎朝3時15分にバックアップスクリプトを実行するためのplistファイルの例とその解説を紹介します。 必要なPATHをとおしたり標準出力、エラー出力の設定が便利です。 設定ファイル(plist)... -
Python
Pythonでシステム環境に依存せずにJST(日本標準時)を扱う
Pythonで日付や時刻を扱う際、システムのタイムゾーンに依存せず、常に日本標準時(JST)で日時を操作したいことがあるかもしれません。例えば、サーバーのタイムゾーンがUTCでも、JSTに固定したい場合、pytzというライブラリを使用することでこれが簡単に実現できます。 この記事では、pytzを使って、どんな環境でもJSTで日時を扱う方法につ... -
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で導入された強力なレイアウトモデルであり、コンテナ内のアイテム間のスペース分配と強力なアライメント機能を提供します。フレックスボックスを使用すること...