ハイパーメディア（IT用語）

2025年5月7日 2025年5月7日

ハイパーメディア
- ハイパーメディアとは
- ハイパーメディアのわかりやすい事例
会話で学ぼ
- 基礎知識編
SNSで発信
あとがき

ハイパーメディア

ハイパーメディアとは

「テキストだけでなく、画像・音声・動画などの複数のメディアを組み合わせて情報を提供する技術」だよ。

ハイパーテキストを拡張した概念であり、ユーザーがリンクを通じて非線形に情報を探索できるのが特徴。

ハイパーメディアのわかりやすい事例

ハイパーメディアの事例

1. Webサイト

インターネット上のWebページは、テキスト・画像・動画・音声を組み合わせたハイパーメディアの代表例。

2. 電子書籍

文字だけでなく、画像や動画を埋め込んだインタラクティブな電子書籍。

3. 教育コンテンツ

オンライン学習プラットフォームでは、テキスト・動画・音声を組み合わせて学習をサポート。

4. ゲーム

ゲーム内でストーリーや情報をリンクし、プレイヤーが自由に探索できる仕組み。

※ハイパーメディアは、情報のアクセス性を向上させ、より直感的なナビゲーションを可能にする技術です。

Copilot参照

会話で学ぼ

基礎知識編

【ハイパーメディア】って何？

ハイパーテキストを発展させたもの
って考えるとわかりやすいよ。

ハイパーテキストは、
テキスト同士をリンクでつなげる仕組みだけど、
ハイパーメディアは
「テキスト以外のメディアもリンクできる」
っていう特徴があるんだ。

じゃあ、画像や動画もリンクできるってこと？

そうそう！例えば、Webサイトでは、
テキストのリンクをクリックするだけじゃなく、
画像や動画、音声を使ったナビゲーションもあるよね？

これがハイパーメディアの考え方だよ。

なるほどね！じゃあ、普通のWebページって
全部ハイパーメディアなの？

ほぼそうだね！
例えば、YouTubeは動画に関連リンクをつけられるし、
ニュースサイトでは画像をクリックすると
詳細ページに飛べることがあるよね？

こういう
「テキスト以外のメディアをリンクでつなぐ」技術
がハイパーメディアだよ。

じゃあ、インターネット全体に関係する技術なの？

そうだよ！インターネットが発展したのは、
ハイパーメディアのおかげで
情報を自由にリンクできるようになったからなんだ。

昔は、テキストベースの情報が中心だったけど、
今は画像や動画、音声が連携しているから、
より直感的に情報を扱えるんだよ！

なるほど！
ハイパーテキストだけだと文字だけのリンクしかできないけど、
ハイパーメディアなら色々なメディアをつなげられるんだね！

その通り！だから、Webサイトを作るときは、
「ハイパーメディア」の考え方を活かして、
視覚的な要素やインタラクティブ（対話的）なコンテンツを
うまく使うと、もっと分かりやすくなるよ！

面白いね！
じゃあ、ばあばとそらちゃんのWordPressサイトも
ハイパーメディアを活用できるってこと？

もちろん！画像や動画をリンクでつなげたり、
インタラクティブなコンテンツを作ったりすれば、
もっと魅力的なサイトになるよ。ぜひ試してみて！

SNSで発信

X（元Twitter）

YouTubeで動画に関連リンクをつけたり、ニュースサイトで画像をクリックしたら詳細ページに飛ぶ！こういう「テキスト以外のメディアをリンクでつなぐ」技術を→【ハイパーメディア】って言うって（笑）テキストだけでなく、画像・音声・動画などの複数メディアを組み合わせて情報を提供する技術だよ！ pic.twitter.com/MfMfpWFtEi
— そら@ばあばとそらちゃんキャラクター (@baabaandsora) May 3, 2025