シェアしたくなる最新のWebサービス・ITニュース情報をチェック!
  • follow us in feedly

アプギガトップ > Webサービス > 今すぐWeb技術のスゴさを体験できる「神サイト7選」があまりにも楽し過ぎ!
注目記事ピックアップ
コード不要で、独自Webサービスをブラウザ上で無料開発できる「Bubble」を使ってみた!
share0
コード不要で、独自Webサービスをブラウザ上で無料開発できる「Bubble」を使ってみた!
ブラウザだけで完結する「bot開発環境」を無償提供した「Meya.ai」は、ボットのホスティングまで可能!
share0
ブラウザだけで完結する「bot開発環境」を無償提供した「Meya.ai」は、ボットのホスティングまで可能!
YouTube動画内に、まったく違う動画やWebページを挿入できる「videopath」が衝撃的!
share0
YouTube動画内に、まったく違う動画やWebページを挿入できる「videopath」が衝撃的!
発射した弾が、相手のスマホ画面に飛んでいく対戦ゲーム「DUAL」が衝撃的な面白さだった!
share0
発射した弾が、相手のスマホ画面に飛んでいく対戦ゲーム「DUAL」が衝撃的な面白さだった!
タスク管理の「Trello」にWeb制作機能を搭載できる「CardForm」が斬新過ぎてスゴイ!
share0
タスク管理の「Trello」にWeb制作機能を搭載できる「CardForm」が斬新過ぎてスゴイ!
動画の中身をAI(人工知能)が認識&タグ付けする「Clarifai」が検索エンジンに革命を起こす!
share0
動画の中身をAI(人工知能)が認識&タグ付けする「Clarifai」が検索エンジンに革命を起こす!
ブロックを繋げてWebアプリやゲームを作れる「Weld Action Blocks」が思わず夢中になる面白さ!
share0
ブロックを繋げてWebアプリやゲームを作れる「Weld Action Blocks」が思わず夢中になる面白さ!
ブログ感覚で、独自の「オンライン講座」を作って公開できる「Classmill(無料)」を使ってみた!
share0
ブログ感覚で、独自の「オンライン講座」を作って公開できる「Classmill(無料)」を使ってみた!
ブログ読者に「聞いてみたいこと」を簡単にWebコンテンツ化できる「plyfe」を試してみた!
share0
ブログ読者に「聞いてみたいこと」を簡単にWebコンテンツ化できる「plyfe」を試してみた!
思わずWebアプリを開発したくなる「JavaScriptライブラリ7選」を一挙公開!
share0
思わずWebアプリを開発したくなる「JavaScriptライブラリ7選」を一挙公開!
ググる前にチェックすべき「Web開発系」サービスをまとめた至高の情報サイト8個+α!
share0
ググる前にチェックすべき「Web開発系」サービスをまとめた至高の情報サイト8個+α!
Chromeの「新規タブ」機能が拡張され過ぎて、もはや別アプリと化している件!
share0
Chromeの「新規タブ」機能が拡張され過ぎて、もはや別アプリと化している件!
ソースコードの「バグ」を修正する速さを競うWebゲーム「CodeFights」で遊んでみた!
share0
ソースコードの「バグ」を修正する速さを競うWebゲーム「CodeFights」で遊んでみた!
脅威の認識技術で別人の顔に変身できるアプリ「MSQRD」が予想以上に変身できる件!
share0
脅威の認識技術で別人の顔に変身できるアプリ「MSQRD」が予想以上に変身できる件!
天才的なアイデアで開発された海外の「iPhoneアプリ事例7選」が、斬新過ぎてヤバイ!
share0
天才的なアイデアで開発された海外の「iPhoneアプリ事例7選」が、斬新過ぎてヤバイ!
わずか数行のコードで、Adobe製の画像編集エディタを無料で使い放題にできる「Creative SDK」がヤバイ!
share0
わずか数行のコードで、Adobe製の画像編集エディタを無料で使い放題にできる「Creative SDK」がヤバイ!
URLを指定するだけ!どんなWebデータも一発で可視化できる「Silk」は、そのままWebサイトも制作可能で無料提供中!
share0
URLを指定するだけ!どんなWebデータも一発で可視化できる「Silk」は、そのままWebサイトも制作可能で無料提供中!
好きなYouTube動画の「見て欲しいシーン」だけを抽出して再公開できる「vibby」が便利すぎる件!
share0
好きなYouTube動画の「見て欲しいシーン」だけを抽出して再公開できる「vibby」が便利すぎる件!
スマホで3Dモデルを現実世界に召喚し、自在に動かせる「Augment」サービスが無料公開中!
share0
スマホで3Dモデルを現実世界に召喚し、自在に動かせる「Augment」サービスが無料公開中!
Web開発系の情報収集が爆速になる絶対覚えておきたいWebサービス7選+α!
share0
Web開発系の情報収集が爆速になる絶対覚えておきたいWebサービス7選+α!
Webサービス
ad 今の年収で満足ですか?
typeで転職した71%が年収アップ!
2015/04/15 22:05

今すぐWeb技術のスゴさを体験できる「神サイト7選」があまりにも楽し過ぎ!

web-technology-site_01_2 どうも、まさとらん(@0310lan)です!

みなさんは、インターネットを利用して「Web」を楽しんでいるでしょうか?

最近は、便利なWebサービスやアプリが多く公開されているものの、純粋にWeb本来の楽しさを追求した「サイト」や「サービス」が少なくなってきたような気もします。

そこで、過去にネット上で話題になったWebサイトの中から、インタラクティブ性が高くて「Webの楽しさ」を体験できるモノを厳選してみたのでご紹介しようと思います!


Web上で体験できる「海の怖さ」!
【 Sortie en mer 】
web-technology-site_02 サイトにアクセスすると、海を優雅にクルージングする男性の映像が全画面表示で再生されます。


ただの映像かと思いきや、男性が海に投げ出されて溺れるシーンになると、マウスを使って「スクロール」し続けなければいけません!
web-technology-site_03 この時、必死でマウスをスクロールする行為と、溺れながら泳ぎ続ける男性が見事にシンクロしているのが面白いところ。


徐々にヨットが見えなくなり、360度海面になると少しずつ「海の怖さ」を実感できるようになっています。
web-technology-site_04

「キーワード検索」のジェットコースターを体験!
【 Trend Coaster 】
web-technology-site_05 Yahooが提供する、新感覚の検索サービスがコチラ!

通常の検索と同じように、キーワードを検索ボックスに入力することで、話題性をグラフ化してくれるようになっています。
web-technology-site_06

ただし、グラフの形状がそのまま「ジェットコースター」のレールに変化し、その上を3Dで再現されたコースとして試乗できるようになっているのです!
web-technology-site_07

乗っている間は、検索したキーワードに関連する投稿が次々と表示されるようになっているのも楽しい演出です。
web-technology-site_08

Web上で、エベレスト登頂を体験!
【 Mt Everest Journey 】
web-technology-site_09 エベレスト登山が、いかに大変な行為なのかを改めて疑似体験できるのがコチラ!

3Dアニメーションによって、上空から少しずつ登っていく様子を体験できるようになっているのが特徴です。
web-technology-site_10

途中の休憩スポットなど、細かい情報も表示されるようになっており、世界最高峰の山頂からの眺めも満喫できるようになっています。
web-technology-site_11 山頂では、マウス操作によって「全方位」グリグリ動かすことが可能。

ちなみに、世界各国の雪山登山を体験できるサイトもあるので、ご興味ある方はトライしてみてください!


視聴者も体験できる「ミュージック・ビデオ」!
【 Interlude Videos 】
web-technology-site_13 海外で有名なロックバンド「We The Kings」のミュージック・ビデオなのですが、見ているユーザー側も一緒に体験できる多彩な仕掛けが用意されています。

例えば、映像の途中で車を追いかけるシーンがあるのですが、自分でマウスを使いターゲットを狙って攻撃したり…
web-technology-site_14

大男との対決で、よーく狙いを定めて卵を投げつけたりできます。
web-technology-site_16 Webならではの楽しい仕掛けですが、これは「Interlude」というWebサービスを組み合わせて作られているのが特徴です。

※詳細はコチラから


未来の自分とビデオチャット体験!
【 futureself 】
web-technology-site_17 未来の自分と、対話式にビデオチャットをリアルに体験できる面白いサービスがコレ!

PCのWebカメラとマイクを利用したサービスになっており、自分の顔か写真を利用することで自動的に表情を認識してくれます。
web-technology-site_18

解析作業が終わると、少し老けた自分の姿が画面に表示され、リアルにアニメーションしながら話しかけてくれます!
web-technology-site_19

チャットも出来ますが、パソコンのマイクを使ってこちらから話しかけることも可能!
web-technology-site_20
擬似的ではあるものの、かなり貴重な体験ができるはず!


1000個のWebアプリを体験する!
【 1000 】
web-technology-site_21 Webアプリなどを投稿するサイトにおいて、1000個のアプリを記念した特別サイト。

「1000」と書かれた文字の上をマウスオーバーすると、いずれかのWebアプリを試すことが出来るようになっています。
web-technology-site_22

小さなプロダクトから、実用性の高い便利ツールまで、非常に幅広いジャンルから厳選されたサービスが楽しめます!
web-technology-site_23 同じサービスを探すのが困難という弱点はありますが、幅広く多彩なWebアプリに触れることができるので意外に面白いです。


ゾンビから逃れる恐怖を体験!
【 Five Minutes 】
ゲーム設定が、某有名ゲームに似ていますが、Web上でこれほど楽しいインタラクティブゲームを体験できるのは貴重です!
web-technology-site_24

ゲームが始まると、いきなり危険な状況からスタートするのですが、ほぼ前編に渡り映画並みの映像が再生されます。
web-technology-site_25

時々、映像の中で指示された「線」を、制限時間内にマウスで描いていく必要があります。
web-technology-site_26

映像では、どんどん危険な状況になっていくなかで、線を描いたり、マウスをホールドしたり、選択肢を迫られたりしながらストーリーが展開していきます。
web-technology-site_27
「iPad」と「ヘッドホン」で体験するのが推奨されていますが、一応PCでも十分楽しめますので、ぜひ一度トライしてみてください!


おまけ
最後に、今回ご紹介した以外のWeb上で体験できる「至高のWebアプリ」をご紹介します!

【Web上に実装された「3DCGプログラミング」事例10選が、もはや神の領域!】
web-technology-site_28 WebGLの技術を活用した「3D」のサービスを厳選しており、モデリングやシミュレータ、ストリートビューや動画などを組み合わせた驚きの作品もあります。

Webの可能性をもっと知りたい方は、ぜひ一読くださいませ!


まとめ
今回ご紹介したサイトやサービスは、既存のWeb技術を組み合わせているものばかりで、アイデア次第ではもっと楽しいモノが作れるでしょう。

Webのテクノロジーは日々進化しているので、今後どのようなコンテンツが誕生するのか非常に楽しみです!

ぜひ、みなさんもWebの楽しさを体験してみてください!


wirtten by まさとらん



まさとらん

国内外問わず「良いモノ」だけひたすら集めて情報共有してます。
厳選ネタはアプギガ内で分かりやすく情報発信中!
その他の旬なネタは、twitterにて発信してますので、お気軽にどうぞ!

twitter:0310lan

この記事を読んでいる人は、他にこんな記事も読んでいます。
Related Posts Plugin for WordPress, Blogger...

ページトップへ戻る