虹のきれはし

エイプリルフールサイトを作ろう!

未分類 /

個人サイトを語ろう Advent Calendar 2025に参加します。

個人サイトを語ろうアドカレは、その名の通り個人サイトについて語るアドベントカレンダーです。
12月4日を担当する、わたくし西村虹架の書く記事のテーマはずばり「エイプリルフールサイトの作り方」!
4にちなんだ文化ということで、どうぞよろしくお願いいたします。

この記事の主な対象は「個人サイトを持っており、テンプレ改変が自在~自作デザインが作成できる方」です。
わりと上級者向けかもしれません。

張り切って書いたら長文になったので、目次から読みたいところだけ読んでください。

エイプリルフールとは何か?

エイプリルフールと言えば、4月1日にいたずらしたり嘘をついてもいいという風習のことです。
詳しくはWikipediaの該当ページを読んだほうがいいと思います。

「エイプリルフールの企画をやる」と考えた場合、「嘘をつく」というだけでは正確なニュアンスではないかもしれません。
ちょっと日常がひっくり返るような、ペンギンが空を飛ぶような、楽しい嘘が求められています。
「サイト閉鎖します」とかは面白くないのでダメです。
人の楽しめるおふざけをしましょう。

虹のきれはしのエイプリルフールを見てみよう

上記の説明ではピンとこない人がいるかもしれないので、当サイト「虹のきれはし」の2年分のエイプリルフールサイトを貼ります。
別に見なくてもだいじょうぶです。

「どうぶつのこうぶつコラボカフェ」
自作同人誌のキャラのコラボカフェを空想したページです。

「うしむら牧場」
マスコットキャラクター「うしちゃん」の牧場公式サイトになりました。牛画像ガチャ機能あり。

たしかにコラボカフェは存在しないし、牧場もこの世にはないのですが、「最初から騙す気のない嘘」は本当に嘘なのかという疑問があります。
虹のきれはしが推奨するのはこういうコンテンツです。

「個人サイト」でやるエイプリルフールの魅力

エイプリルフールはSNSでもよく見かけますが、個人サイトでやるとさまざまなメリットがあります。

  • フォロー解除のような、閲覧をやめられるリスクがあまりない
  • アーカイブを見やすい形で残すことができる
  • 拡散力が低く、注意書きを入れやすいので、誤解を生みづらい
  • 自由度が高いので、表現力で勝る
  • そして何より……
    「サイトをもう一度作る楽しさ」を味わえる!

最後について、どういうことか説明します。
今時、個人サイトを表現の手段として選んでいる人は、多かれ少なかれサイト作りそのものも好きなはずです。
自在にサイトを作れる人は少数派かもしれませんが、理想のサイトを夢見たり、あれこれ手を動かして不具合と戦ったりするのが、本当に全部どうでもよかったらサイトなんて作らないと思うのです(偏見?)。
現実問題として、サイトを作る機会はそんなに多くありません。
せっかくHTMLやサイト作成ツールの使い方を覚えても、ひとつしかサイトを作る理由がない人はたくさんいると思います。
それじゃあまりにももったいない。

用途の違うサブサイトを作る、という人もいるでしょう。
でもサブサイトも常設すれば面倒を見てあげる必要があります。
テンプレート・スキン素材サイトになる、あるいは依頼されて作るという選択肢もあります。
それはサブサイトよりさらに責任を負う道です。
余談ですが、私も以前、仲のいい人のために作ったテンプレをついでに全体配布したことがあります。
なんと自サイト用アクセス解析タグを混入させてしまい大変なことになりました。
多くの「ふたつめのサイト作り」は、面倒です。

そこでエイプリルフールです。
エイプリルフールサイトはその年の4月1日のためだけのページですから、継続更新の必要はありません。
あくまで自分のサイトの一部なので、複数の独自ドメイン管理などのような面倒はありません。
他人のために作ったわけじゃないから、当然サポート対応も不要です。
また、ネタにもよりますがトップページだけでも十分成立することが多いので、コンテンツフルセットのサイトよりは気軽に作れます。
こんなにおいしいところばかり楽しんでいいのでしょうか?

いつから作り始めるか

ではさっそく、4月に向けてエイプリルフールサイトの企画を考えましょう。
おかしな話かもしれませんが、エイプリルフールは4月に始まるわけではありません。
「次の4月に何をやるかを決定する」のが「エイプリルフールが始まる日」です。

「普通の人」が「そこそこがんばる」なら「12月に内容を決めて、1~3月で他のやりたいことの合間にゆっくり作る」のがいいペースなのではないかと思います。
新年を迎え、お正月休みを堪能したら、春に向けてちょっとずつやる。
今日、12月4日はクリスマスシーズンでありながら、エイプリルフールのことを考えるのにぴったりな時期だったのです!
ナ、ナンダッテー!?

これはあくまで提案なので、もちろん各自好きな時期に好きなクオリティのサイトを作ればよいと思います。
「3月が終わるか終わらないかくらいの時期に勢いで作っただろこれ」みたいなサイトにもそれはそれの味があります。

アイデア発想法

企画を考えましょう。といきなり言われても困りましたよね。
エイプリルフールサイトのアイデアなんて、日頃から考えていない人のほうが多いと思われます。
そこで今回は4パターンの考え方を書き記します。
なお、この記事ではサイトのアイデアを実現する方法(CSS、JavaScriptなど)にはほぼノータッチなので、自力で実現できるかどうかは頭の隅に入れておいてください。

パターン1:「いつものサイトの延長線」

パターン1は、いつもの自分のサイトの延長戦で作るタイプの作り方です。
あくまで管理人は自分のまま、サイトデザインや構造の変化も最小限にふざけます。

たとえば当サイトは「虹のきれはし」という名前で、看板キャラもカラフルです。
それが突然「今日から『黒のかたまり』になります!モノクロ志向になります!」と、絵もサイトデザインも全部白・黒・灰色にしたらインパクトがあると思います。
あとは、マスコットキャラクターのぬいぐるみ発売!とかいって、価格を見たら実在しない通貨で値段が書かれていたりとかも面白そうです。

このパターンはサイトデザインで驚かせられる部分が少ないですが、多趣味・器用な人であれば普段とのギャップで面白いコンテンツが作れそうです。
今回の例でいえば、白黒の上手いイラストやぬいぐるみの実物画像を用意できればぐっと魅力が上がるでしょう。

でも、元々多趣味でも器用でもない人が「企画のためだから」と、やりたかったことをやる口実にしてしまうという考え方もあると思います。
甘々恋愛小説ばっかり書いてたけどホラー書いてみたかったんだよねとか。
女の子じゃなくて本当はイケメンも描きたいとか。
映画の感想ブログってかっこいいからやってみたかったとか。

パターン2:「架空の世界観の別サイト」

パターン2は、架空の設定のサイトに変身するという考え方です。
紹介した「虹のきれはしの2年分のエイプリルフール」は、両方ともそういう考え方です。

自身のサイトで取り扱う好きなキャラクターがいれば、その人物や周辺が運営していたり、あるいはその人物の情報が載っているサイトを空想すると思いつきやすいかもしれません。
また、コラボカフェ実施やアニメ化など、個人では難しいようなおおごとを空想して、その公式サイトを作るという考え方もあります。

サイトが大きく変わるので、ぱっと見のインパクトがあります。
世界観が強く出せるので、フィクションの世界が好きな人は、作るのがとても楽しいパターンだと思います。
ただしデザインを0から作るのはちょっと面倒くさいです。

パターン3:「有名サイトのパロディ」

パターン3はパターン2とちょっと似ています。
別のサイトになるというのは共通ですが、有名サイトのパロディに変身します。
WikipediaやTwitter、各種掲示板など、どこかで見たことあるサイトっぽくなるのです。
Wikipediaであれば自分についての記事を作った風でもいいし、パターン2の「架空の世界観」と組み合わせることもできます。
「もしも○○の世界に2chがあったら」的なやつ、昔流行りましたよね。

インパクトはあるのですが、クオリティの高いパロディには技術が必要です。
他者の管理するサイトなんてソース見ても何が何だかわかりませんから、そう簡単にはいきません。

余談ですが、私が今作っている2026年エイプリルフールはこのパターンの予定です。

パターン4:「作れる範囲から逆算」

最後のパターンは、作れるものを作ろう!という考え方です。
どんなに夢が膨らんでも実現が難しいとどうしようもありません。
やれることをやるのは賢い選択です。
私も2025年の牧場サイトでは牛が主人公のゲームを発表する予定でしたが、諦めました。

人の限界はさまざまなので例を示すことは難しいのですが、ひとつだけすごいものを紹介します。
「Twitter風のサイト」を作るのであれば、10pressさんというてがろぐスキン配布サイトのXmodoki2がめちゃくちゃハイクオリティでおすすめです。

当日は.htaccessを活用して公開しよう

できたサイトを公開するにあたって、うまく公開する方法が難しいかもしれません。
原始的な、「index.html」の中身をまるごと入れ替える方法にはいくつかの問題があります。

  • 前日までに残ったキャッシュのせいで、表示の不具合が起きやすい。
  • エイプリルフールサイトをアーカイブページに移動させる際、相対リンクが切れることがある。
    特に毎年のようにエイプリルフールを行う場合、専用フォルダに入れたいため、indexとの差異ができて問題が起きがち。
  • どうやって日付変更直後に公開するかという問題がある。
    深夜まで起きて手動でやる?FTPソフトに何らかの自動実行を仕込む?

これらの問題を解決するために、「.htaccess」で4月1日だけindexをエイプリルフールサイトのURLに302リダイレクトするという方法があります。
「.htaccess」はリダイレクトやアクセス制限、URLの表記ブレを統合したりするすごいやつです。詳しくは各自調べてください。
302リダイレクトは、一時的なリダイレクトを表します。

私は以下のように書いています。

# 4月1日のみトップページを /0401/2025/ に302リダイレクト
RewriteCond %{TIME_MON} ^04$
RewriteCond %{TIME_DAY} ^01$
RewriteRule ^(index(\.html|\.php)?|)$ /0401/2025/ [R=302,L]

これは

「4月で1日のとき、
index.html,index.php,index,パスが空(/のこと)のいずれかの場合、
/0401/2025/に一時的なリダイレクトをします。」

という意味です。
勝手に切り替わるので夜更かししなくていいし、詳しい説明は省きますがキャッシュ問題も起きづらいです。
エイプリルフールサイトはアーカイブするときの位置に最初から置いておきます。その位置に合わせて/0401/2025/は変更しましょう。
わずかな難点ですが、4月1日になる前にエイプリルフールサイトをアップロードする必要があります。
つまりエイプリルフールサイトのアーカイブURLが推測できる閲覧者がいれば容易にバレます。
まあ……そんなに見たいなら見せてやればいいんじゃないでしょうか?

次の問題として、4月1日にふつうにサイトを見たい閲覧者向けの配慮です。
普段のトップページに行く方法ですね。ないと困るので絶対つけましょう。
私は

  1. indexをコピーしindex2としアップロード
  2. エイプリルフールサイトのわかりやすい位置から、index2へのリンクを設ける
  3. 4月2日、アーカイブ目次ページからリンクを載せる作業をする際に、index2へのリンクをindexに変更する
  4. index2は消去する

という手順にしています……が、これがベストなのかは疑問の余地があります。
1日で消すにしてもGoogleに重複ページ扱いされるんじゃないかとか気になりますし。
何かもっとスマートな方法があれば教えてください。

「別の自分になれる日」が来る

いかがでしたか?

私はエイプリルフールを「別の自分になれる日」だと思っています。
いつもと違うサイトを管理する、いつもと違う自分。
そうなることが文化的に許されている素晴らしい日です。

来年の4月1日は、みなさんもぜひ一緒に楽しみませんか。

カテゴリとタグ

カテゴリ

タグ

タグがありません。

検索