1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Webデザイン進化論③

1
Posted at

第3回:王者の君臨「Flashの衝撃と『Skip Intro』」

〜世界を熱狂させたリッチコンテンツ〜

導入:静かな「紙」から、動く「映画」へ

第2回で解説したテーブルレイアウトや透明GIFは、あくまでHTMLの枠内で「紙の雑誌」のような配置を再現するための苦肉の策でした。当時のWebサイトは、基本的に文字と静止画が中心で、動きのある表現は限られた ほぼ静的な世界 だったのです。

しかし1990年代後半から2000年代にかけて、この静かな世界に突如として「滑らかなアニメーション」と「音楽」をもたらした 黒船にして絶対王者 が降臨します。

それが、Webデザインの歴史を語る上で絶対に外すことのできない伝説の技術、 Flash(フラッシュ) です。


1. 魔法のプラグイン「Macromedia Flash」

1996年、FutureWave社のFutureSplashをMacromedia社が引き継ぎFlashとして展開した製品は(のちにAdobe社が買収)、当時のWebデザイナーたちにとって 夢のような魔法のツール でした。

当時のブラウザ単体でできる動きは限られ(アニメGIFなどの例外はあるものの)、音声付きの滑らかなインタラクションは難しかったのですが、ユーザーのパソコンに「Flash Player」という無料のプラグイン(拡張機能)をインストールさせることで、当時のHTMLの制約を大きく超える表現が可能になったのです。

ベクターグラフィック(拡大しても荒れない画像)を用いたことで、データ容量は驚くほど軽く、それでいてテレビアニメのように滑らかに動くキャラクターや、マウスを乗せると「カチッ」と音が鳴るリッチなボタンを、誰でも自由にキャンバスに配置できました。
Webサイトはついに、単なる情報の羅列から 「体験するエンターテインメント」 へと進化したのです。


2. 黄金期のお約束「Skip Intro」ボタン

2000年代前半、Flashの流行がピークに達すると、世界中の有名企業や映画の公式サイトで ある共通の現象 が起きました。

サイトのURLを開いた瞬間、いきなり目的のページが表示されるのではなく、真っ黒な画面にローディングバー(Now Loading...)が表示され、しばしば数十秒から長く感じられるほどの壮大でリッチな 「オープニングムービー(Intro)」 が強制的に再生されるようになったのです。
そして、その画面の右下などにはよく、小さく 「Skip Intro(スキップ)」 というボタンが配置されていました。

💡 推論:「Skip Intro」は誰が最初に作ったのか?

この「Skip Intro」という文化やボタンを、歴史上誰が一番最初にWebサイトに設置したのかについては、 確実な公式記録や事実は残っていません。
しかし、当時のインターネット環境からの 推論 として、これは「デザイナーのエゴ」と「ユーザーのストレス」の衝突から 自然発生的に生まれた妥協の産物 だと考えられます。

当時のデザイナーは「Flashの力で映画のような映像を見せたい」と熱望しました。しかし、当時はまだ通信速度の遅いダイヤルアップ回線やISDNのユーザーも多く残っていました。ユーザーからは「毎回重い映像を読み込まされて、目的の情報(営業時間や商品価格など)にたどり着けない!」という不満が広がったとされます。
その結果、「映像を見たい人はそのまま見て、急いでいる人は飛ばせるようにする」という解決策として、「Skip Intro」ボタンが世界的な標準インターフェースとして定着していったと推測されます。


3. 「2ちゃんねるFlash」とクリエイターの爆発

Flashの進化は止まりません。 ActionScript(アクションスクリプト) というプログラミング言語が組み込まれたことで、単なるアニメーションだけでなく、高度な「Webゲーム」や「アプリケーション」までがFlash上で作れるようになりました。

日本では2000年代前半〜中盤にかけて、「2ちゃんねる(現5ちゃんねる)」の文化と結びついた Flash動画・Flashゲーム が爆発的なブームを巻き起こします。
モナーなどのアスキーアート(AA)キャラクターが画面を動き回り、有名アーティストの楽曲に合わせて独自のストーリーが展開される個人制作の作品群は(なかには権利処理を経ない楽曲利用の作品も多く含まれていました)、2000年代のネット文化に浸る日本の若者たちを熱狂させ、数多くの天才クリエイターを輩出しました。


おわりに:王者が抱えていた「致命的な弱点」

表現の自由を極め、Webの常識を覆したFlash。間違いなく、2000年代のリッチなWeb表現の現場ではFlashが 王者 でした。

しかし、華やかな王の足元には、2つの「致命的な弱点」が潜んでいました。
ひとつは、どれだけ美しい文字や情報をFlashの中に詰め込んでも、 黄金期には検索エンジンがFlash内のテキストをほぼ扱えず、サイトが発見されにくい ということ(後年やや改善しても、HTMLほどは頼れませんでした)。
もうひとつは、HTMLの標準ルールを無視した「プラグイン」に依存しすぎていることでした。

「どんな環境でも、誰もが情報にアクセスできるようにするべきだ」
Flashの過剰な装飾に反発するように、Webの世界には 「秩序と標準化」 を求める静かな革命の波が押し寄せていました。


次回予告

無法地帯と化したHTMLのコードたち。
そこに「構造(HTML)」と「装飾(CSS)」を完全に分離するという、新しいルールが持ち込まれます。
「同じHTMLなのに、CSSのファイルを差し替えるだけで、デザインが全く別物に変わる!」

次回、第4回。
「構造と装飾の分離『CSS Zen GardenとWeb標準』 〜無法地帯に秩序をもたらした革命〜」


📚 参考文献・出典

  1. Macromedia Flash / Adobe Flash の歴史
  2. Flash黄金期とインターネット文化
  3. 検索エンジンとFlash

🤖 執筆協力
本記事の構成案作成および推敲には、生成AIのアシストを活用しています。

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?