PHP PHP で複数サイトの死活監視を自動化する（Bash スクリプトから移行）
はじめに複数のクライアントサイトを保守していると、「サイトがダウンしていても気づくのが遅れた」という経験は一度はあるはずだ。理想はダウンを検知した瞬間に通知が来ること。以前から Bash スクリプトで HTTP ステータスコードを定期チェッ...
エックスサーバー
PHP 
エックスサーバー XServer API + PHP で SSL 証明書監視を自動化する（さくら・ロリポップも対応）
はじめにSSL 証明書の期限切れは、ユーザーに「この接続は安全ではありません」と表示され、サイトへのアクセスが実質的に遮断される深刻な障害になる。Let's Encrypt の普及で自動更新が一般的になったとはいえ、更新処理の失敗・設定ミス...
エックスサーバー XServer API ディスク監視システム拡張編：通知グループ・SMTP 認証・データローテーション
はじめに前回の記事（XServer API で複数サーバーのディスク使用量を集中監視する）では、エックスサーバーの REST API（XServer API）を使って複数サーバーのディスク使用量を PHP で集中監視する仕組みを構築した。そ...
エックスサーバー XServer API で複数サーバーのディスク使用量を集中監視する
はじめに複数のクライアントサイトをエックスサーバーで運用していると、「どのサーバーのディスクがどれくらい使われているか」を把握するのが意外と手間になる。管理画面を開いてサーバーごとに確認し、スプレッドシートに転記して…というのを毎回やるのは...
エックスサーバー XserverとMicrosoft365を併用したときにメールが届かない原因と解決方法
— DNSではなく「ローカル配送」が原因だった話 —はじめにXserverでWebサイトを運用し、メールはMicrosoft365（Outlook）で管理する構成はよくあります。しかしこの構成で、次のような問題が発生することがあります。Mi...
ドメイン 【手順解説】co.jpドメインの指定事業者変更（エックスサーバー → ムームードメイン）
この記事では、エックスサーバードメインで管理されている co.jp ドメインを、**ムームードメインへ移管（＝指定事業者変更）**する手順を紹介します。法人向けドメインの co.jp は、一般的な gTLD ドメイン（.com など）と比べ...
Nextcloud NextcloudをCLIでバージョンアップする方法（エックスサーバー対応）
エックスサーバーにインストールした Nextcloud を、Webブラウザではなくコマンドライン（CLI）経由で安全にバージョンアップする手順を紹介します。今回は「Nextcloud 31.0.4 → 31.0.5」へのアップデートを例に、...
Nextcloud エックスサーバーにNextcloudをインストールする手順と500エラー対処法
Nextcloudはオープンソースで構築できるクラウドストレージサービスです。この記事では、エックスサーバーにNextcloudをインストールする手順を実際の画面とともに解説し、途中で発生した「500 Internal Server Err...
PHP Vue.js | お知らせ管理機能への掲載期間と掲載ステータス追加
はじめにお知らせ機能はユーザーとの重要なコミュニケーション手段の一つです。今回、既存の「お知らせ管理」機能に以下の新機能を追加しました：掲載期間の設定：お知らせの掲載開始日と終了日を指定できるように。掲載ステータスの設定：お知らせが「下書き...
PHP Vue.js | お知らせ機能の追加と管理者用管理機能の実装
はじめに今回、メールアカウント申請システムに「お知らせ機能」を実装しました。この機能により、利用者に重要なお知らせを迅速に共有でき、管理者はお知らせの作成や編集、削除を行えるようになりました。本記事では、実装したコードを交えて、機能の概要を...
WordPress WordPressテーマ Cocoon のOGPタグに最新記事の日付を反映させるカスタマイズ方法
WordPressの無料テーマ「Cocoon」で、OGPタグに出力される article:modified_time をカスタマイズして、RSSフィードから取得した最新記事の日付を反映させる方法を解説します。環境情報WordPressバージ...
jQuery jQueryフォームにCSV保存機能を追加する方法
はじめに本記事では、jQuery を使ったお問い合わせフォームに、サーバーサイドでCSV保存機能を実装する方法を解説します。修正後のファイル構成今回の実装で使用するファイル構成は以下の通りです：project/│├── index.html...
PHP ReactフォームにCSV保存機能を追加する方法（CSRF対策強化版）
Reactを使ったお問い合わせフォームに「CSV保存機能」を追加する方法を解説します。CSRFトークンの有効期限を導入した高度なセキュリティ対策を実現し、送信されたデータをCSV形式で保存する仕組みを実装します。1. 実装の背景と目的お問い...
PHP Vue.js お問い合わせフォームに CSV 保存機能を追加する方法
この記事では、Vue.js を使用したお問い合わせフォームに CSV 保存機能 を追加する方法を説明します。さらに、reCAPTCHA や CSRFトークン を導入し、セキュアなフォームを実現します。プロジェクトのファイル構成以下のような構...
jQuery jQueryフォームにCSRF対策を追加する方法
はじめにWebアプリケーションを開発する際、CSRF (Cross-Site Request Forgery) 対策は欠かせません。本記事では、jQuery を使用したシンプルなフォームに、CSRF対策を実装する方法を解説します。この記事で...
PHP ReactフォームにCSRF対策を追加する方法
Reactを使用したお問い合わせフォームにCSRF（クロスサイトリクエストフォージェリ）対策を追加する方法を解説します。本記事では、以下のステップで安全なフォーム送信の実装を行います。1. 実装の背景CSRF攻撃とは、ユーザーの意図しないリ...
PHP Vue.js フォームに CSRF 対策を追加する方法
お問い合わせフォームを開発する際、CSRF（クロスサイトリクエストフォージェリ）攻撃を防ぐことは重要です。本記事では、Vue.jsとPHPを用いて、CSRF対策を組み込んだ安全なフォームを作成する方法を解説します。概要CSRF（Cross-...
jQuery jQueryフォームにGoogle reCAPTCHAを導入する方法
はじめにGoogle reCAPTCHAを利用してスパム対策を行うことは、フォームのセキュリティを向上させるための効果的な方法です。本記事では、以前作成した「jQueryで簡易ルーティングを使った問い合わせフォームの作成方法」にreCAPT...
PHP React フォームに reCAPTCHA を導入する方法
この記事では、以前作成した React フォームに Google reCAPTCHA を導入する手順をご紹介します。reCAPTCHA を追加することで、不正な送信やボットからのアクセスを防ぐことができます。1. プロジェクト構成以下は、今...
PHP Vue.jsのフォームにreCAPTCHAを導入する方法
この記事では、Vue.jsを使ったお問い合わせフォームにGoogle reCAPTCHAを導入し、スパム対策を強化する方法を解説します。このフォームは、入力画面、確認画面、完了画面の3ステップで構成され、メール送信機能も実装されています。ま...