01
BREAKER
ブロック崩し無機質な404画面を、ボールで粉々に。
クラシックな「Not Found」画面が、そのままブロック崩しのステージに変身。積み上がった「404」のブロックをパドルで打ち砕いてください。すべて壊すと、見事にステータスは200 OKへ復帰します。
- マウス / タッチ / 矢印キー操作
- 白×黒のミニマルなタイポグラフィ
PLAYABLE ERROR PAGES — FREE DOWNLOAD
エラーページを、サイトでいちばん記憶に残る場所に。
ミニゲームを仕込んだ404テンプレート。その場で遊べて、ZIPで持ち帰れます。
CONCEPT
リンク切れやURLの入力ミスで、ページが見つからないとき。多くのサイトは「お探しのページはありません」と素っ気なく告げるだけで終わってしまいます。
でも、せっかく訪れてくれた人をそのまま帰すのはもったいない。一見ふつうのエラー画面なのに、触ると動き出す、遊べる。がっかりした気持ちを、思わずクスッとさせて帰す——エラーページだからこそできるおもてなしが、ここにあります。
GAMES — PICK YOUR 404
ブロック崩し、ランナー、キャッチ、スネーク、反射神経、サバイバーの全6種。プレビューは画面内でCPUが自動プレイし、PCでは操作して遊ぶこともできます（スマートフォンはデモ閲覧のみ）。気に入ったゲームはZIPで無料ダウンロード。中身はすべてHTMLファイル1枚で完結します。
無機質な404画面を、ボールで粉々に。
クラシックな「Not Found」画面が、そのままブロック崩しのステージに変身。積み上がった「404」のブロックをパドルで打ち砕いてください。すべて壊すと、見事にステータスは200 OKへ復帰します。
エラーの彼方へ消えたデータを救う、疾走ランナー。
ターミナル風のエラー画面を駆け抜けるエンドレスランゲーム。迫りくる巨大な「4」を2段ジャンプで飛び越え、失われたデータを回収してください。進むほどに走行スピードがどんどん加速していきます。
降ってくる迷子のページを、カゴでキャッチ。
パステル調のやさしいエラー画面に、上から迷子のページたちがふわふわ落下。受け箱を左右に動かして、60秒間でできるだけ多く救出してください。絡まったゴミリンクを受け取ると減点されるので要注意。
文字を集めて、途切れた帰り道を繋ぎ直す。
ブルースクリーン上に途切れてしまったアクセス経路。スネークを操作して「H・O・M・E」の文字を順番に集め、トップページへの帰り道を復旧させましょう。障害物を避けながら3回繋げばクリアです。
消しても消しても湧き出るエラーを、ひたすら撃退。
懐かしいOS風の画面にエラーダイアログが出現。OKを押すと次々に増殖していきます。制限時間45秒の間に、画面を埋め尽くす警告ウィンドウをひたすらクリックして消去。緑色の「200 OK」は誤爆注意です。
押し寄せる404の大群を撃ち払い、60秒生き残れ。
画面の四方八方から迫りくる無数の「404」たち。移動するだけで自動攻撃が発動し、経験値を集めてキャラクターを強化できます。多彩なスキルを組み合わせてエラーの大群を撃退し、60秒間耐え抜けばクリア。
HOW TO INSTALL
個別パックのZIPには 404.html・README.txt・LICENSE.txt を収録。コンプリートパックはゲーム別フォルダに分かれています。設置に必要なのは、使いたいゲームの 404.html 1枚です。
ファイル冒頭の PLAYER404_CONFIG にある homeUrl（トップページのURL）と siteName（サイト名）を書き換えます。テキストエディタで2行変更するだけです。
ファイルをサーバーにアップロードし、404エラー時に表示されるようWebサーバー側で指定します。主要サーバーの設定例は下記や同梱READMEをご覧ください。
# .htaccess に1行
ErrorDocument 404 /404.html# server ブロックに追加
error_page 404 /404.html;
location = /404.html { internal; }# 公開フォルダ直下に 404.html を置くだけで
# 自動的に404ページとして使われます# 静的サイトなら公開フォルダ直下の 404.html が
# そのまま404ページになります
# （フレームワーク使用時は各FWの作法に従ってください）ARRANGE — MAKE IT YOURS
DASH・RESCUE・SURVIVORは、設定欄に絵文字を指定してプレイヤー役を手軽に変更できます。独自のSVG・PNGを使う場合は、画像の組み込み方に応じてCanvas描画部分などのカスタマイズが必要です。
PCでは、各ゲームのCUSTOMIZEボタンからプレビューで遊びながら配色を変更し、そのままダウンロードできます。ファイル冒頭の ==THEME== ブロックを直接編集しても構いません。
エラーメッセージやクリア時の文言は、コード内の T オブジェクトで管理。「ページが見つかりません」といった案内文を、サイトの世界観に合わせたトーンに書き換えられます。
制限時間（GAME_SEC）やクリア条件などのパラメータもコード内で簡単に変更可能。訪れるユーザー層に合わせて、気軽に遊べる設定から手応えある難易度まで調整できます。
FAQ
完全無料です。個人・商用を問わず、管理サイトのエラーページとして自由にご利用いただけます。クレジット表記も不要です（残していただけると励みになります）。詳細は利用規約をご覧ください。
はい、ご自由にどうぞ。配色、文言、リンク先、ロゴの追加など、自社サイトのデザインに合わせて自由にカスタマイズしていただけます。
テンプレートファイル自体の再配布・再販売は禁止です。改変の有無にかかわらず、素材集やテンプレートとしての二次配布・販売はご遠慮ください（制作受託サイトへの組み込み納品は問題ありません）。
各ファイルに noindex を指定しています。Webサーバーが正しく404ステータスを返す設定であれば、通常の404ページと同様に処理されます。
各ゲームはHTMLファイル1枚で完結し、外部画像・ライブラリ・フォントを読み込みません。追加アセットへの外部リクエストがない、軽量な構成です。
設置できますが、テーマやホスティング環境に応じた設定が必要です。テーマの404テンプレートから読み込む方法や、サーバー側で指定する方法があります。詳しくは同梱のREADMEを確認してください。
TERMS & LICENSE
CUSTOMIZE STUDIO
プレビューはそのまま遊べます。色の変更は即時反映されます。
BEFORE YOU DOWNLOAD