自動更新コード生成

機能

• 6 通り：`meta` タグ・JS タイマー・カウントダウン付き JS・`Refresh` ヘッダー・React・Vue
• プロトコルを推測しません：完全な URL とサイト内パスをそれぞれ検証し、誤りは黙って補わずエラーにします
• 間隔の下限は 1 秒（`content="0"` は無限リロードになります）。短すぎる場合は注意を表示
• 各行に注記があり、その方式固有の落とし穴（戻るボタン・POST・タイマー解除）を説明します
• URL 内の引用符は JS の規則でエスケープするので、生成コードをそのまま貼れます
• 通信も送信もなし

使い方

1. 更新したいページのアドレス（またはサイト内パス）を入力します
2. 間隔を秒で設定します
3. 出力形式を選びます（「すべて」のままで可）
4. 各行のボタンでそのコードを取得します

よくある質問

`meta` と JavaScript のどちらを選ぶべきですか？

何を重視するか次第で、どちらにも代償があります。 `meta` は簡単で、JavaScript が無効でも動きますが、既知の問題が 2 つあります —— ブラウザーの戻るボタンを壊し（戻っても即座に再読み込みされます）、POST で読み込まれたページでは動作しません。 JavaScript はより制御しやすい：カウントダウンを表示でき、更新前に別の処理もでき、`location.replace` で履歴を増やさずに済みます（戻るボタンが機能し続けます）。代償は JavaScript への依存です。 管理画面や監視ダッシュボードは JS 方式、しばらくして自己更新すればよいだけのページは `meta` で十分です。

更新間隔はどのくらいが適切ですか？

最低 30 秒、できれば 60 秒以上。 実ページで 1〜2 秒の間隔は自らへの DDoS に等しく、開いているタブごとにその頻度でサーバーを叩きます。数人同時に開けばすぐに分かります。 またブラウザーは背景タブのタイマーを間引きます（別タブに切り替えると `setInterval` が 1 分に 1 回程度まで落ちます）。短い間隔を設定しても、背景では期待した頻度では動きません。 「変化があったときだけ更新したい」場合は、ページ全体の再読み込みではなく、軽量なエンドポイントのポーリングや WebSocket / SSE が正解です —— 全体の再読み込みはすべてのアセットを取り直します。

`example.com` を入れるとエラーになるのはなぜですか？

プロトコルを推測しないためです。`example.com/dashboard` は `https://example.com/dashboard` かもしれず `http://…` かもしれません。そしてこのコードはあなたのプロジェクトに入るため、推測を誤ると誤った場所へのリダイレクトになります。 したがって受け付けるのは 3 通りだけです：`http://` か `https://` で始まる完全な URL、`/` で始まるサイト内パス、`//` で始まるプロトコル相対アドレス（置かれたページのプロトコルに従います）。それ以外はエラーになり、何を補うべきかを示します。 当サイトの URL 解析 は裸のドメインに `https://` を補いますが、あちらは解析して見せるだけで、推測を誤っても実害はありません。こちらは配置するコードを出力するため、性質が異なります。