【AWSマルチリージョン】WordPressを例に考える3つの構成パターンとDB選定のベストプラクティス
AWSを利用してシステムを構築する際、高い可用性を確保するためには、同一リージョン内(例えば東京リージョンのみ)で複数のアベイラビリティゾーン (AZ) を活用することが一般的です。しかし、非常に稀とはいえ、リージョン全…
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を境にしています…
画像にマウスオーバーした際の動きをちょっとし凝ってみました。
Facebookは外部からデータを取得したり投稿したり更新したり・・・いろいろできるAPIを用意しています。 このAPIを『Graph API』といいます。 APIとは簡単にいうとアプリケーション同士がデータなどをやり取…
カレンダーに「空室・残りわずか・満室」を表示する、予約カレンダーのテーマを作成しました。 ・月=1記事として構成 ・日付ごとにステータス「空室・残りわずか・満室」を表示します。 ・休業日を色づけ ・2012年から2032…
WordPressをバージョンアップする手順をご紹介します。
WordPressのデータベースをバックアップする手順をご紹介します。
多言語(日・英・中)サイトを構築するMovabletypeテーマを作成しました。 従来からあるファイル名による切り分けでなく、ドメイン直下のディレクトリによる切り替えを行います。 ※従来のテーマ hogehoge.com…
Google Feed APIがサービス停止しました。APIを使わずにフィードを取得する方法をご紹介します。
画面をスクロールしてある一定の位置まで行き、メニューが隠れそうになったときに、画面の上部に固定する方法です。