Docker を利用した実践的 EC システム構築：開発から本番環境へ
概要とアプローチ
本稿では、EC（電子商取引）システムを Docker コンテナ基盤に移行する実践的な手順を解説します。主な構成要素として、Vue 3 によるフロントエンド、Spring Boot 2.7 によるバックエンドサービス、MySQL 8.0、Redis 6、および docker-compose を用いた一括管理戦略を含みます。さらに、CI/CD パイプラインと Helm 化されていない exec コマンドベースの ...
5月16日 15:45 投稿
WebアプリケーションにおけるCORS（Cross-Origin Resource Sharing）の理解と実装
Webアプリケーション開発において、異なるドメイン間でのリソースアクセスは日常的に発生する要件である。しかし、ブラウザのセキュリティ機構である同一生成元ポリシー（Same-Origin Policy）の存在により、デフォルトではこのようなクロスドメインアクセスは制限される。本稿では、まず同一生成元ポリシーの目的在于と重要性を解説し、その後、実際の開発現場で可用され ...
5月16日 01:14 投稿
Laravel開発における実践的なトラブルシューティング
バージョン5.4.Xを前提に、開発中に遭遇しやすい問題とその回避策を紹介します。
1. ルーティング設計の柔軟性
コントローラへのアクセスには明示的なルート定義が必要です。自動ルーティングも可能ですが、ルールマッチングによる内部転送が発生します。小〜中規模プロジェクトでは、ルートグループ化により異なる開発スタイルにも対応可能です。自動ルーティングが必ず ...
5月15日 14:39 投稿
nginx と Keepalived を用いた高可用性構成
本記事では、nginx と Keepalived を組み合わせて高可用性（HA）クラスタを構築する手順を説明します。2台のサーバー（192.168.153.14 を主、192.168.153.15 を副）を使用し、仮想IPアドレス（VIP: 192.168.153.100）を動的に切り替える仕組みを実現します。
1. nginx のインストール
両サーバーに nginx をソースからインストールします。
yum -y install gcc pcre-devel ...
5月14日 15:20 投稿
Vue.jsのヒストリーモードにおけるNginx設定ガイド
基本設定
ビルド後のファイルをNginxのhtmlフォルダに配置し、nginx.confを設定することで、Vue Routerのヒストリーモードを簡単に実装できます。
location / {
# rootディレクティブでパスを指定可能
# root /var/www/dist;
try_files $uri $uri/ /index.html;
}
設定の原理
try_filesディレクティブ
try_filesはNginxのhttp_coreモジュールに含まれるディレ ...
5月13日 13:08 投稿
nginxにおける502 Bad Gatewayエラーの原因と解决方法
nginxで502エラーが発生するケースとその対処法を説明する。
1. 設定ミス
nginxがphp-fpmに接続できない場合、fastcgi_passの指定に問題があることが多い。socket形式またはIP:ポート形式で正しく指定されているか確認が必要。
2. リソース不足
LNMP構成において、nginxからのリクエストがphp-fpmの処理能力を超過すると、子进程が不足し502エラーが発生する。
解决方法 ...
5月9日 23:41 投稿