JavaScript
フォームで日付を選択できるflatpickrを初めて実装しました【エラー対応中】
AWS 【AWS】AutoScalingで使用する起動テンプレートを更新したい
コストを最優先し、手動での介入を許容する範囲での障害復旧手順をいろいろ考えてみました。前提・AMIは７世代分くらいを毎日取得している・起動テンプレは作成済み・シングルAZ構成でパブリックサブネットにALB + EC2構成手動でやっていく「障...
AWS 保護中: 【AWS】Debian12にSSMエージェントをインストールするまで
このコンテンツはパスワードで保護されています。閲覧するには以下にパスワードを入力してください。 パスワード:
AWS 【AWS】EC2にAWS SSMのセッションマネージャーを介してアクセスできない（原因究明編2）
これはただただ、紆余曲折経た経験談を書くだけの記事になります。はじめ、キーペアなしでEC2を立ち上げ、サーバOSはDebian12を指定。もともと、AWS SSMセッションマネージャーを介してEC2接続する実験をしていたので、セキュリティグ...
AWS 【AWS】EC2にAWS SSMのセッションマネージャーを介してアクセスできない（原因究明編）
AWSでEC2をたてて、セッションマネージャーを介してブラウザからアクセスする方法を試していたところ、たまたまamazon Linuxではない、別のOSを指定してEC2を立ち上げ、接続しようとしたときに、SSM エージェントはオンラインでは...
AWS 保護中: 【AWS】EC2を使用する流れ
このコンテンツはパスワードで保護されています。閲覧するには以下にパスワードを入力してください。 パスワード:
AWS 保護中: 【AWS】書籍を読んでアウトプット
このコンテンツはパスワードで保護されています。閲覧するには以下にパスワードを入力してください。 パスワード:
AWS 【AWS】Route 53を使わず、外部のDNS管理元で運用する
AWSのサービスでよくきく「Route53」。このサービスを利用できたら、楽だけど、実際はそうはいかないこともある。ということで、Route 53を使わず、外部のDNS管理元（ムームードメインなどの外部DNSサービス）で運用する場合の設定に...
AWS 【AWS】WAFを格安で利用したい場合、使用するのはALBとCloudFrontどっち
結論から小〜中規模の一般的なウェブサイト（特にコーポレートサイト）の場合、CloudFrontとWAFを組み合わせる方がトータルコストを安く抑えられる可能性が非常に高い。なぜCloudFrontとの組み合わせが安くなる傾向にあるのか？最大の...
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のロギング設定を定義しています。例えば、以下のように記述したときのそれぞれの意味についてメモしていきます。monolog: channels: hand...
バージョン管理ツール 【バージョン管理ツール】nvmを使用する主なメリット
nvmを使用する主なメリットを書いていきます。1. 複数のNodeバージョンの管理が簡単異なるプロジェクトで異なるバージョンのNodeを使用できます。また、コマンド一つで簡単にバージョンの切り替えが可能です。nvm use 16 # Nod...
バージョン管理ツール macOSでのnvm(Node Version Manager )のインストール手順
macOSでのnvm(Node Version Manager )のインストール手順1. 最初に、Homebrewがインストールされているか確認brew --versionHomebrewがない場合は、以下でインストール。/bin/bash...
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インフラにおいて異なる概念を指します。以下にそれぞれの定義と違いを詳しく説明します。バックエンドとはバックエンドは、アプリケーションの内部処理やデータ管理を担当する部分を指します。ユーザーが直...