Web関連

javascriptの流行りの紹介

今回は、javascriptの流行りのなかで、
まだまだ今後も流行っていくのではないかというものをご紹介しようと思います。

javascript自体は、かなり昔からあるブラウザ上でサイトに動きを出す技術の一つですが、
ブラウザの性能や通信環境の向上に合わせて日々、様々な動きが増えてきています。
その中の一つを今回は、ピックアップしてご紹介しようと思います。

動画をページの背景に組み込むjavascript

javascriptを使うことでWebサイトの背景に画像を使う代わりに動画を再生することができます。
こちらは、2012年の後半から少しずつ、目にする機会が増えてきた技術のひとつになります。
動画を使うことによって画像では表現することが難しい見せ方が容易に可能となりました。

この動画背景が、どのような使われ方をしているのかを例をご紹介します。

例えば、コーポレートサイトにおいて企業理念や経営理念などに合わせたイメージ動画を再生表現したり、
メーカーの商品ページでは、商品の使用シーンやブランドイメージを動画で流すという使い方がされています。
そのほかにも、エンターテイメントとして活用しているサイトも数多く存在します。
そういったサイトは、面白いものが多くてずっと見ていても飽きが来ません。
そのため私は、ついつい時間を忘れてページに滞在して結構な時間がたっていたということがありました。

おすすめサイトの紹介

最後に背景に動画が使われているサイトの一例として、
個人的に面白いなと思ったサイトを紹介させてもらおうと思います。

今回、紹介するのは日清食品のサイトになります。
もし、カップラーメンを食べる機会があった時は、ぜひ下記のサイトを使ってみてください。動画が

kato_151005.jpg

https://www.nissin.com/jp/

いかがでしたでしょうか?
このサイトでカップラーメンを作ればいつもよりおいしく食べられるような気がしませんか?
このページは、カップ麺にお湯を入れて出来上がるまでの待っている
あの時間を楽しく過ごさせてくれるサイトになっています。
また、色々な国の言葉で残り時間のカウントをすすめてくれるので
3分でいろんな外国語の勉強した気分になれるかもしれません!?

まとめ

今回紹介したように、動画を使うことで画像では決して表現できない動きを表現することが出来ます。

もし、やってみたいけどサーバーに動画ファイルを置くのは負荷が心配という方がいましたらご安心ください
今は、youtubeなどの動画サイトに投稿した動画を背景に流すことが出来るjavascriptがあります。
そのプラグインを使えば、比較的簡単にサイトの背景に動画を流すことが出来るので
是非、興味がある方は試してみてください。

ホームページ制作でお困りの方はホームページ制作会社ティファナにご相談ください!

お問い合わせはこちらから

関連するサービス

Webマーケティング支援   (URL:https://www.tifana.com/service/web_marketing.html

コラムのチェック方法 ~一次チェック編~前のページ

Webサイト売上げアップに使える”行動心理学” その4次のページ

ピックアップ記事

  1. 大手企業も注目するMaaS(Mobility as a Service)とは何か…
  2. AIに求められているものは、実は意外な物だった
  3. 新型コロナウイルスで日本の働き方改革が起こる
  4. 新しい販売形態であるDtoCについて考えてみる

関連記事

  1. Web関連

    CMS構築としての静的サイトジェネレータの活用について

    Webサイト制作や運用を行っているとセキュリティやサーバー負荷を考えな…

  2. Web関連

    デジタルマーケティングのインターネット広告について

    最近いろんなところで聞こえるようになってきたデジタルマーケティングはた…

  3. SNS関連

    SNSから自社サイトへの流入を増やしたい!- Twitter活用編-

    BtoB、BtoCに関わらず、Webサイト内にSNSボタンを設置してい…

  4. Web関連

    ホームページ制作の大きな失敗原因と解決方法はこれだ!

    ホームページ制作の失敗の原因と解決方法はこれだ!失敗する原因は3つ、解…

  5. Web関連

    レスポンシブWebデザインの是非!

    花粉症の季節が終わり、ホッとしている須澤です!体重は現状維持で…

  6. Web関連

    Webシステムを安く、早く、便利に使えるASPサービス

    こんにちは!IAの中條です!インターネットの普及により、世の中便利な技…

おすすめ記事

最近の記事

  1. DX(デジタルトランスフォーメーション)・デジタルシフトへの…
  2. テレワークだけでは足りない?デジタルシフトなど、アフターコロ…
  3. デジタル化が旅行・観光業を救う!?ウィズコロナ・アフターコロ…
  4. 非接触がこれからの常識。ウィズコロナ・アフターコロナはIoT…
  5. キャッシュレス決済はウィズコロナでのウイルス対策に繋がってい…

アーカイブ

  1. Web関連

    旅のすすめと使えるフリー画像素材サイト
  2. Web関連

    Webサイトに関する昨今のトレンドあれこれを集めてみた!
  3. AI関連

    【人工知能(AI)×教育】”24時間365日”人工知能が…
  4. Web関連

    RFIDってなに?知らないと損します!
  5. Web関連

    「Sass」で神速コーディング!? 概要編
PAGE TOP