Web関連

javascriptの流行りの紹介

0

今回は、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

0

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

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

ピックアップ記事

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

関連記事

  1. Web関連

    運動不足のweb担当者に伝えたい!この効果はスゴイと実感する心とカラダの姿勢を整えるヨガ

    こんにちは。管理部の川又です。みなさん、毎日のデスクワークで目もカラダ…

  2. Web関連

    ABテストでより良いサイトに!

    皆さんはABテストをご存知でしょうか?名前を聞いて、大体の予想がつ…

  3. Web関連

    HTMLコーディングを始める前に知っておいた方がいい話

    突然ですが、わたくし入社してから今日に至るまでの11年間で、体重を20…

  4. Web関連

    古くなったWebデザインを刷新したい

    サイトのデザインの印象で企業イメージが決まるイメージ戦略に合ったW…

  5. Web関連

    良質な情報配信で顧客獲得。オウンドメディアの役割とは

    昨年から、様々な業界で「オウンドメディア」という言葉を聞くようになりま…

  6. Web関連

    ニュースを読んで快適なビジネスライフを

    こんにちは!元野球部デザイナーの栄です!みなさんは朝のニュース…

おすすめ記事

最近の記事

  1. 人間拡張×AIで非接触なデジタル化を推進する
  2. ヘルスケアはAI先生にみてもらう時代
  3. withコロナは非接触技術で生活しよう!
  4. デジタル接客+AIで非接触を推進する
  5. 遠隔診療や遠隔医療普及のポイントはAIと5G

アーカイブ

  1. Web関連

    ついつい読みたくなるwebサイトのコラムを書くコツ ~作文 3つの基本編 ~
  2. AI関連

    ジェンダーフリーな社会がもたらすAI普及への影響
  3. Web関連

    東京オリンピックとWebサイトとの関連性を考えてみた!
  4. Web関連

    病院サイトってどこか似ていませんか?
  5. Web関連

    どんな良い内容でも「キャッチコピー」がダメならダメコラム
PAGE TOP