東京・神田のWeb制作・アプリ・AIはサカグチデザインオフィス

ブログ

ホームページが表示されていない?→ChatGPTでWeb監視アプリが半日でできた

きっかけは「ホームページが表示されないという」相談から

先日「ホームページが表示されていないかも。見てほしい」という相談があり、見てみたところ確かに何も表示されておらず、完全にサーバーが落ちていました。

SSL証明書の設定に互換性のない項目が自動的に追加され、サーバーが起動できなくなりアクセス不可になったようで、証明書の更新後にはサーバーが落ちないようにする自動化の仕組みを入れておきました。

ふと思って、以前はホームページが表示されなくなったら通知してくれるサービスがあり、それを使っていましたが、サービス終了してどうしようかと思っていて、ならば作ってしまえばいいじゃないかと思い、ChatGPTとやったらすぐできるかも、と思い早速作ってみました。

ChatGPT上でやったこと(ChatGPT5 Thinking)

まずざっくりやりたいことを伝えてみました。正確性や精度が必要なのでChatGPT5 Thinkingでやります。

お客さんのWEBサイトを複数管理していますが、サーバーが止まったりWEBサイトが表示しない場合にすぐメールで連絡が通知されるシステムが欲しい PHP、CRONでいける?

いけます。PHP+cronで「URL監視→異常を検知したら即メール」「復旧したら復旧通知」まで、十分に作れます。まずは実運用に耐える最小構成を置いておきます(複数サイト対応/文字列監視/リトライ/フラップ抑止/SSL期限警告つき)。

からの監視スクリプト(monitor.php)の例がもうできている。すごいねー。

最終調整を見越して全体構造は伝えておきます。

また、最近事前にファイル構造なども伝えたほうが後々やりやすいと思っていたので、以下も伝えてみました。

サイト設定等は設定ファイルを作りたい、サイト設定はUI上から登録できるようにしたい、あとUIで各サイトの状況がほしい、あとログもみれるようにしたい ベースとなるフォルダ /home/***/web_monitor/ ベースURL https://***/web_monitor/

最高です。その要件なら「設定ファイル+管理UI+ダッシュボード+ログ閲覧」を、PHP+cron+ファイル保存(JSON中心、必要に応じてDBへ拡張)でサクッと構築できます。以下、“そのまま置けば動く”最小セットを用意しました。まずは JSON で実装 → あとから DB化も簡単に差し替えられる構成です。

フォルダ構成(あなたの指定に合わせ済み)

/home/***/web_monitor/
├─ index.php            … ダッシュボード(一覧+稼働状況)
├─ admin.php            … 監視サイトの追加・編集・削除 UI
├─ api.php              … UI用API(登録/削除/状態JSON/ログ)
├─ monitor.php          … 監視本体(cron から実行)
├─ functions.php        … 共通関数(HTTPチェック、SSL残日数、送信など)
├─ config.php           … パス・ベースURL・簡易認証・メール送信設定
├─ assets/
│   ├─ style.css        … シンプルな見た目
│   └─ app.js           … UI動作用のJS
└─ data/
    ├─ sites.json       … 監視サイト定義(UIから編集)
    ├─ state.json       … 直近状態(監視で自動更新)
    ├─ last_check.json  … 最終チェック時刻(監視で自動更新)
    └─ logs/            … サイトごとのログ(自動作成)

なんかもうすごいよね、これはすぐいけそうだわ。

・・・というような感じで繰り返し、最後は自分で調整して、半日(も経ってないかも)で出来てしまいました。

管理画面にログイン

ベーシック認証かけてますが、一応つけました。

ダッシュボード

頼んでもいないSSL残日まで付いた。CRONからの処理ログもみれる。それなりに見た目もCSSで調整。

サイト設定

各サイトの登録・編集などこれもさらっと出来てしまった。すごい。

各種メール通知

思い立ってから半日も経たずに導入完了。これで10分以内に通知してくれます。もちろん、このアプリがあるサーバー自体が落ちていないか毎日定期通知もしてくれます。これで自分もお客さんも万が一ホームページが落ちても早期復旧ができてみんなハッピー。

ChatGPT5の威力はすごい

最近は、このように思い立ったらすぐChatGPT使って自作するような流れになっています。ここ最近でも、AIチャットボット、特定サイトのデータ自動収集なども思い立ってさっと作ってみましたし、以前からやっているSaasもバージョンアップがだいぶ早くなっています。

最近は「全自動化」という言葉に興奮をし始めているので(自分が作業していないところで勝手に作業が終わっているということ)、何か役に立ちそうなことがあったらここに載せてみます。

あと何か作ってくれ、というちょっとした相談がありましたらお気軽にどうぞ。今なら良い感じで期待に応えられると思います。