プログラミング– category –

この記事では、個人用と仕事用のGitHubアカウントを、プロジェクトディレクトリごとに自動的に切り替えて使用する方法を詳しく解説します。具体的には、~/projects/personal ディレクトリ下のプロジェクトでは個人のGitHubアカウントを使用し、~/projects/work ディレクトリ下では仕事用のアカウントを使用する状況を想定します。コマンドラ...

自分がCSS勉強するためにChatGPTにアウトライン作らせて書かせたものの一部です。 フレックスボックスでのレイアウトの概要 フレックスボックス（Flexible Box）レイアウトは、CSS3で導入された強力なレイアウトモデルであり、コンテナ内のアイテム間のスペース分配と強力なアライメント機能を提供します。フレックスボックスを使用すること...

自分がHTML/CSSの復習するためにChatGPTにアウトライン書かせて記事化したものの一部です。 レイアウトの基本（ブロックレベル要素とインライン要素） Webページのレイアウトを理解する上で、ブロックレベル要素とインライン要素の違いを把握することは非常に重要です。これらの要素は、HTML文書内でどのように配置され、振る舞うかに大きな...

自分がHTML/CSSの復習するためにChatGPTにアウトライン書かせて記事化したものの一部です。 HTML文書の構造 HTML（HyperText Markup Language）は、Webページの構造を定義するために使用されるマークアップ言語です。 基本的なHTML文書の構成 全てのHTML文書は、基本的な構成要素から成り立っています。これらの要素を正しく理解し、適切に使...

この記事は、JavaScriptで要素がオブジェクトの配列から簡単な統計処理を行った時、ChatGPTに質問したことを記事としてまとめさせたものです。 reduce 使えるとなんかワンランク上になった気がする（気がするだけ）。 はじめに JavaScriptにおいて、データの集合を操作し、それらを単一の結果にまとめることは日常的な作業の一部です。reduce...

この記事では、JavaScriptで小数値を扱う際の四捨五入、切り捨て、切り上げなど、数値を適切に丸め込むための様々な方法について解説します。具体的には、toFixed() メソッドを始めとする様々なJavaScriptのビルトインメソッドを用いた丸め込みの技術に焦点を当てます。 主な方法 了解しました。それでは、JavaScriptで小数値を丸め込む方法...

この記事の目的は、シェルスクリプトでカレントディレクトリ以下にあるjpgやpngといった画像ファイルを、すべてwebpに変換することです。サブディレクトリ内のデータも含みます。また、高速化のために並列処理をします。 実行環境 Machine: M2 Pro Mac mini (2023) macOS Sonoma 14.3.1 GNU bash 5.2.26 ImageMagick 7.1.1-29 スクリプトの提...

この記事では、JavaScriptを使用してYYYY-mm-dd形式で日付を1行で取得する二つの方法を紹介します。一つ目は、世界標準時（UTC）を基準とした方法です。これは、国際的なコンテキストで日付を統一的に扱う場合に特に有効です。二つ目は、ローカルタイムゾーンを考慮した方法です。この方法は、ユーザーの地域設定に基づいた日付表示が必要な...

デジタル世界では、データを効率的に送受信し、保存するためにさまざまなエンコーディング方式が使われています。その中でも、Base64エンコーディングはその汎用性と効率性から広く採用されている方式の一つです。Base64はバイナリデータをASCII文字列に変換することで、メールやウェブ上で安全にデータを転送する際によく利用されます。しか...

Dockerを効果的に使用するには、そのリソース管理の仕組みを理解することが重要です。特に、多くの開発者が混乱することがあるのが、「Unused」と「Unused (dangling)」という用語の違いです。これらの状態を正確に理解し区別することは、不要なリソースを適切に管理し、システムのパフォーマンスを最適化するために必須です。 この記事の目...

innerText は、JavaScriptでDOM要素のテキストを操作する際に使われるプロパティです。innerHTML とよく似ていますが、テキストのみを扱いたい場合には innerText を使用するのが適しています。この記事では、innerText の使い方と注意点を説明します。 innerText とは？ innerText は、HTML要素の表示されているテキストを取得したり、設定...

Poetryを使用してプロジェクトを管理していると、Pythonバージョンが意図しないもの（例えば、pyenvで設定したグローバルバージョンとは異なるもの）で仮想環境が構築されることがあります。このような場合、仮想環境を再構築してPythonバージョンを変更する手順を解説します。 なぜバージョンが異なるのか？ Poetryは仮想環境を作成する際に...

大量のデータを扱うAPIを構築する際、クエリ結果をすべて一度のレスポンスに詰め込むとメモリ不足やタイムアウトなどのエラーが発生する場合があります。これを解決するのが、FastAPIのStreamingResponseです。 以下では、StreamingResponseを利用して効率的にデータをクライアントに送信する方法を汎用的な形で説明します。 1. StreamingRes...

リモートサーバー上のコードをVSCodeで直接編集したいとき、「Remote - SSH」拡張機能を使えば簡単に設定できます。この記事では、その手順を初心者向けにわかりやすく解説します。 📌 前提条件 VSCodeがインストールされていること。 SSHでリモートサーバーにアクセスできること（公開鍵認証またはパスワード認証）。 インターネット接続が...

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...

本記事では、7-Zip を利用して複数のフォルダを個別に ZIP 化するバッチスクリプトを作成する方法を解説する。本スクリプトは、エクスプローラーで複数のフォルダをドラッグ＆ドロップするだけで、それぞれのフォルダを ZIP ファイルとして圧縮する。大量のフォルダを一括で ZIP 化する作業を効率化できる。 スクリプトのコード 以下のバッチ...

DynamoDBのQuery操作は、テーブルまたはインデックスのパーティションキーを指定し、条件に一致するデータを取得するために使用します。この備忘録では、基本的な使い方から応用例までを紹介します。 必要なモジュールのインポート import boto3 from boto3.dynamodb.conditions import Key, Attr import boto3 from boto3.dynamodb.conditio...

AWKはテキスト処理に非常に便利なツールであり、数値の合計を簡単に計算する方法を備えています。本記事では、AWKを使用して数値の合計を求める方法について解説します。 背景 シェルスクリプトやコマンドラインで処理するデータには、数値が複数行にわたって出力されることがよくあります。例えば、以下のような出力があるとします： 64 65 ...

前の記事で「質問したことを備忘録として記事にまとめて」と言ったところ、なんと「次回は〜〜をします！お楽しみに！」とまさかの備忘録の次回作を勝手に予告されてしまってめっちゃ笑った。せっかくChatGPTが意欲的になったので、次回作を書いてもらったのだが、「パラメータストアの値をCloudformationで取得する（コードで取得しなくてよ...

この記事は、Cognitoの認証フローの各選択肢について解説します。また、なぜ多くのアプリケーションにおいてALLOW_USER_SRP_AUTHフローだけで十分であるのか、その理由を明確に説明することを目指します。 Cognitoでの認証フローの種類 Amazon Cognitoは、セキュアなユーザー管理と認証フローを実現するための多様なオプションを提供します。...