【AWSマルチリージョン構成】フェイルオーバー試験 ― 手順と結果
前回の記事では、Active-Active 構成のアーキテクチャ全体像を解説しました。 本記事では、「東京リージョン全損」を想定したフェイルオーバー試験を実際に行い、各レイヤー(App / DB / Storage)がど…
前回の記事では、Active-Active 構成のアーキテクチャ全体像を解説しました。 本記事では、「東京リージョン全損」を想定したフェイルオーバー試験を実際に行い、各レイヤー(App / DB / Storage)がど…
Youtube・Vimeoの動画をライブラリ「modal-video.js」を使ってモーダル表示する方法を紹介します。 まずは【デモ】 Source
1 2 | <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script> <script src="https://unpkg.com/modal-video@latest/js/jquery-modal-video.min.js"></script> |
[c…
Amazon VPC(Virtual Private Cloud)は、AWSのクラウド上に論理的に切り離された仮想ネットワークを構築できるサービスです。本記事では、Amazon VPCの構築に必要な8つの構成要素や料金体…
Amazon S3(Amazon Simple Storage Service)は、AWSが提供する拡張性と耐久性に優れたクラウドのオブジェクトストレージサービスです。本記事では、Amazon S3を導入するメリット・デ…
前回の記事では、AWSにおけるマルチリージョン構成(Backup & Restore / Pilot Light / Active-Active)の比較と、データベース選定の考え方を整理しました。 本記事では、そ…
「クレジットカード・セキュリティガイドライン」の改定によりECサイトでカード決済を導入する場合、Webアプリケーションの脆弱性対策が必須になりました。 ※参考: 経済産業省 https://www.meti.go.jp/…
はじめに 本記事では、Drupal11でWebformを使用して、 確認画面付きのお問い合わせフォームを作成する方法を解説します。 標準では確認画面がなく、管理画面の設定項目を見つけるのに手間取ったので記事にしました。 …
AWSを利用してシステムを構築する際、高い可用性を確保するためには、同一リージョン内(例えば東京リージョンのみ)で複数のアベイラビリティゾーン (AZ) を活用することが一般的です。しかし、非常に稀とはいえ、リージョン全…
今回は、2つの案件で Laravel 8 → 12 のバージョンアップ対応を行いました。 その際に発生したエラーや、対応中につまずいたポイントを事例としてまとめています。 対応概要 サイト① サイト② OS - RHEL…
AWS Backupは、Amazon Web Services(AWS)上のデータを安全かつ効率的に保護し、サービスを横断して管理できるバックアップサービスです。本記事では、AWS Backupの特徴や仕組み、導入メリットを整理し、設定手順や注意点までわかりやすく解説します。バックアップ運用を見直したい担当者は必見です。
Amazon Route 53はSLA100%を誇るAWS(Amazon Web Services)のDNSサービスです。この記事では機能やメリット、料金体系に加えて落ちないサイトの設計方法を解説します。Amazon Route 53への切り替えに迷っている方に適した判断材料を提供します。
Amazon CloudFrontは、Webサイトの表示速度向上やAWSコスト削減に役立つCDNサービスです。本記事ではCloudFrontの仕組みやS3との連携メリット、料金体系、設定時の注意点について解説します。AWS活用を推進したい担当者は必見です。
クラウド移行は、企業のシステムやデータなどをオンプレミス環境やレンタルサーバーからクラウド環境へ移行することを指します。ここでは、クラウド移行のメリット・デメリットを整理し、失敗しないための移行手順や注意点を解説します。クラウド移行を推進する担当者は必見です。
今回はNext.jsとmicroCMSでSSGサイトを構築したとき、必要だった設定をまとめます。 結論から言うと、以下の3点を押さえる必要がありました。 静的エクスポートを有効化する 動的ページにgenerateStat…
microCMS では管理画面からプレビュー用URLを設定し、公開前の記事を実際の見た目で確認できます。 しかし、Next.js + microCMS でプレビュー画面を実装する際、SSG(静的書き出し)設定をしていると…
facebookのタイムライン埋め込みは、読み込み時にサイズが決まってしまうので、リアルタイムのウインドウサイズ変更には対応していません。 ウインドウリサイズ後にリロードするようにして、ウインドウサイズの可変に対応しまし…
オプションが多く汎用性の高いslidk-Sliderですが、自社の制作時に使いやすいよう、もう少し踏み込んで調整してみました。
スマホサイトのハンバーガーメニューを、meanMenuをベースに、カスタマイズしやすいよう調整しました。
レスポンシブ対応のサイト作成において、PCは通常のタイトル+段落、 スマホではアコーディオンメニューのように開閉するパターンがあります。 JSの設定値でブレイクポイントを変更できます。デフォルトでは768を境にしています…
画像にマウスオーバーした際の動きをちょっとし凝ってみました。