CSS
ナビゲーションメニューを縦書きで実装する際、上揃えのために指定したCSS
Web制作全般 【Web制作】サーバ移行ではどういった計画と準備をするのか
サーバ移行ってそもそも何が必要なのか？気になったので調べてみました。まずはざっくりと、どんなことが必要？ 移行対象範囲を洗い出す（サイト、DB、メール、アプリケーションなど） 現行環境の契約状況確認（契約更新日・解約期限）⇨新旧サーバの契約...
AWS 【AWS】WafCharmにはS3が必要ーWAF の運用を自動化したいー
WAFの運用を自社で担うのは大変。更新されていくブラックリストを適用していく作業は、日々別業務を複数並行している場合、そういった時間はなかなか取れません。ということで、運用の自動化を考えてみました！私が気になった「WafCharm」というW...
Web制作全般 【テスト】【Playwright】試験環境やメンテナンス画面が表示されている本番環境でのテスト
Playwrightを使用したE2Eテストでは、BASIC認証がかかっている試験環境やメンテナンス画面が表示されている本番環境でのテストを行うことが可能か調べてみました。BASIC認証のテスト1. BASIC認証の設定Playwrightで...
テスト 【テスト】具体的にE2Eテスト対象として挙げられるものについて調べる
E2Eテストとは？E2Eテスト（End-to-Endテスト）は、システム全体を通して動作を検証するテスト手法です。具体的には、ユーザーが実際に操作するシナリオをシミュレーションし、システム全体が期待通りに動作するかを確認します。このテストは...
テスト 【テスト】E2Eテストの実施タイミング
E2E（エンドツーエンド）テストは、定期的なメンテナンス時やリリース時に実施することが一般的です。E2Eテストの実施タイミング1. 定期的なメンテナンス時 プラグイン更新時やサーバーメンテナンス時には、システム全体の動作確認が必要です。これ...
Web制作全般 【WordPress】テスト対応の自動化
テスト対応の自動化に関する具体的な実施方法について。1. 自動化されたテストスクリプトの実行自動テストスクリプトを活用することで、手動テストの負担を軽減し、効率的かつ正確なテストを実現できます。 具体的な手順: テストケースの設計: テスト...
WordPress 【WordPress】業務を自動化していきたい
全て手動で行なっている業務を自動化していきたいと思い立ちました。WordPressのプロジェクト管理、リリース対応、テスト対応において自動化できるタスクは多岐にわたるようです。以下に、具体的な自動化の可能性があるタスクについて調べてみます。...
WordPress 【WordPress】Auth0プラグインのRolling Sessionsを無効にすることで、Nonce認証に関連するエラーが解消された
Auth0プラグインのRolling SessionsとNonce認証の関係Rolling Sessionsの機能Auth0プラグインの「Use Rolling Sessions」機能は、ユーザーがサイトを利用するたびにセッションの有効期限...
Web制作全般 【仕事】Mozilla Thunderbirdを使用したメール整理
最近メールの整理を行なっていたので、たまにはこんなテーマの記事も掲載してみます。新社会人にとって、メールの整理は業務効率を高めるために非常に重要です。特に、Mozilla Thunderbirdを使用する場合、メールのフィルタリング機能を活...
Web制作全般 【Web制作】Perfect Pixelの使い方
最近使うことがあったので、このツールに関する記事を掲載します。私がよく使用していた数年前よりも、バグが少なく使いやすくなっている印象でした。Perfect Pixelの使い方Perfect Pixelとは？Perfect Pixelは、Go...
AI Whisperの精度を向上させるための工夫
Whisperの精度を向上させるための工夫Whisperの音声認識精度を向上させるためには、いくつかの効果的な方法があるようです。1. 音声データの前処理 トリミングとセグメンテーション:音声データをトリミングして不要な部分を削除し、セグメ...
AI 文字起こしツールの選択とWhisperの利用方法
文字起こしツールの選択とWhisperの利用方法安全な文字起こしツールの選択音声データを文字起こしするための安全なツールとして、OpenAIのWhisperが挙げられます。Whisperはオープンソースの音声認識モデルであり、ローカル環境で...
Symfony 【Symfony】self::bootKernel()について
self::bootKernel();は、Symfonyのユニットテストにおいて非常に重要なメソッドです。このメソッドは、テストを実行する際にSymfonyのアプリケーションカーネルを起動するために使用されます。以下に、self::boot...
AWS 【AWS】APIたたいた時に制限のあるもの（いくつか）
AWSのサービスには、1回のAPI呼び出しに対して制限があるものがいくつかあります。これらの制限は、リクエストの数、データのサイズ、または特定の操作に関連する制限として設定されています。以下は、代表的なAWSサービスとその制限の例です。1....
環境構築 【環境構築】開発環境でHTTPSの警告を解消するための手順
Symfonyの開発環境をdockerで構築してみたが、そのときhttpsで警告が出ていたのでその時の解決方法をメモします。1. 証明書のエクスポート証明書をエクスポートしてバックアップしたり、他のシステムで使用したりする場合は、以下の手順...
エラー対処 ログローテーションとは
ログローテーションとは、システムやアプリケーションが生成するログファイルを管理するためのプロセスであり、特定の条件（ファイルサイズや保存期間）に達した際に古いログを新しいファイルに切り替えたり、古いログを削除したりする仕組みです。このプロセ...
Symfony 【Symfony】monolog.yamlの設定
「monolog.yaml」の設定は、SymfonyフレームワークにおけるMonologのロギング設定を定義しています。例えば、以下のように記述したときのそれぞれの意味についてメモしていきます。設定内容全体設定- channels:- これ...
バージョン管理ツール 【バージョン管理ツール】nvmを使用する主なメリット
nvmを使用する主なメリットを書いていきます。1. 複数のNodeバージョンの管理が簡単異なるプロジェクトで異なるバージョンのNodeを使用できます。また、コマンド一つで簡単にバージョンの切り替えが可能です。2. 権限の問題を回避グローバル...
バージョン管理ツール macOSでのnvm(Node Version Manager )のインストール手順
macOSでのnvm(Node Version Manager )のインストール手順1. 最初に、Homebrewがインストールされているか確認Homebrewがない場合は、以下でインストール。2. nvmのインストール3. 環境設定の追加...
React 【React】「Module not found: Error: Can’t resolve ‘web-vitals’ in」というエラー
ローカルサーバーを立ち上げ用途した時に出たエラー。web-vitalsモジュールが見つからないようでした。web-vitalsパッケージをインストールする必要があるので、package.jsonに追加します。▼package.jsonその後...
デプロイ 【デプロイ】Cloud RunとSupabaseについて調べてみた
Cloud RunとSupabaseは、どちらもクラウドベースのサービスですが、それぞれ異なる目的と機能を持っています。以下に、両者の主な違いを書いていきます。1. 基本的な定義 Cloud Run: Google Cloudが提供するサー...
サーバー 「バックエンドとサーバー」、「バックエンドサービスとサーバーサービス」の違いについて
バックエンドとサーバーは、ソフトウェア開発やITインフラにおいて異なる概念を指します。以下にそれぞれの定義と違いを詳しく説明します。バックエンドとはバックエンドは、アプリケーションの内部処理やデータ管理を担当する部分を指します。ユーザーが直...
バックエンド 【バックエンド】SupabaseとFirebaseの違いについて
SupabaseとFirebaseは、どちらもバックエンドサービスを提供するプラットフォームですが、それぞれ異なる特徴と利点があります。以下に、両者の主な違いを書いていきます。1. 基本的な定義 Supabase: オープンソースのFire...
API 【API】RESTful API、SOAP、GraphQLの違いと現在の主流
近年、API（アプリケーションプログラミングインターフェース）の設計手法として、RESTful API、SOAP、GraphQLが広く利用されています。それぞれの特徴や利点、欠点を理解することで、どの技術が現在の開発に適しているのかを見極め...
API 【API】SwaggerとPostmanについて
API開発において、SwaggerとPostmanは非常に重要なツールです。特に新米エンジニアにとって、これらのツールを理解し、使いこなすことは、効率的な開発プロセスを実現するために不可欠です。以下では、それぞれのツールの特徴、機能、そして...
API 基本的なHTTPの理解とRESTful APIの概念
基本的なHTTPの理解とRESTful APIの概念HTTPメソッドHTTP（Hypertext Transfer Protocol）は、Web上でデータをやり取りするためのプロトコルです。HTTPメソッドは、クライアントがサーバーに対して...
JavaScript 【JavaScript】JSHintとは？
JSHintは、JavaScriptのコード品質を向上させるための静的コード解析ツールです。主に、開発者が自分のJavaScriptコードに潜む潜在的なバグや問題を検出し、コーディング規約に従っているかを確認するために使用されます。主な特徴...
認証周り JWT（JSON Web Token）とは
JWT（JSON Web Token）とはJWT（JSON Web Token）は、ユーザー認証や情報交換のために広く使用されるオープンスタンダード（RFC 7519）です。JWTは、情報を安全に送受信するためのコンパクトで自己完結型の方法...
プログラミング 再スローについて
再スローの基本概念再スローとは、catchブロック内で捕捉した例外を再度スローすることを指します。この際、元の例外の情報を保持することが重要です。再スローには主に二つの方法があります。 同じ例外を再スローする: throw;を使用して、捕捉...
Symfony 【PHP（Symfony）】InnerExceptionプロパティの役割（内部例外）
InnerExceptionプロパティの使用は、プログラミング言語やフレームワークによって異なる実装や慣習があります。特に、C#やJavaなどの言語では、InnerExceptionプロパティが一般的に使用され、例外の原因を追跡するために重...