ホームページの写真拡大演出について

javascritpでの画像アクション

現在、画像になんらかのアクションを加える技術の主流はjavascriptですが、一部CSS3を利用して画像にアクションを加える事例もあります。

javascriptの実装差異

現在、WEB開発の主流になっている技術の一つがJAVASCRIPTです。

javascriptはECMAScriptというスクリプト言語からの派生言語ですが、派生の段階で、2000年代はブラウザ間での差異が大きく、複雑なものは実装を敬遠されていました。その為当時は、adobe社のFlashというアプリケーションでの開発が主流でした。理由は当時圧倒的シェアを持っていた、Microsoft社のブラウザー「Internet Explorer」がJscriptというjavascriptと少し似ている別のスクリプト言語を採用していたからです。

この為、ブラウザ毎に挙動が異なり、それを回避するための実装方法が非常に開発効率の悪いものとされていました。

javascriptの今

2017年4月現在では、ブラウザ毎の実装差異が無くなりjavascriptは効率のいい開発言語となり、WEBサイトだけではなくWEBアプリの開発現場でも活用されています。

また、libraryと呼ばれる出来合いのjavascriptと組み合わせることで、内容によってはかんたんにjavascriptを動作させることが出来るようになりました。画像をちょっとアクションさせたいなどはまさにこの事例です。

CSSでの画像アクション

CSSを使った画像アクションもまだ少ないですが、事例としては増えてきています。例えばこのホームページのトップページの画像入れ替えの演出がCSSを使っての動きです。

CSSでのアクションはjavascriptと比べてまだまだ実装出来ることが少ないので、これからどうなって行くのか注目しておきたい所です。

※本情報はページ公開時のものです。情報は常に更新され掲載内容と異なる場合がございます。