least.jsはJavaScript製のソフトウェア()です。

スマートフォンの時代になって写真コンテンツが増えています。そして求められるのは写真コンテンツをいかに格好よく見せるかです。今回はレスポンシブWebデザインのギャラリー、least.jsを紹介します。

[![](http://images.moongift.jp/2013/05/Screenshot 2013-05-22 11.58.09_thumb.1369197480.png)](http://images.moongift.jp/2013/05/Screenshot 2013-05-22 11.58.09.1369197480.png)
デスクトップサイズ。写真が5列で整然と並んでいます。

[![](http://images.moongift.jp/2013/05/Screenshot 2013-05-22 11.58.13_thumb.1369197494.png)](http://images.moongift.jp/2013/05/Screenshot 2013-05-22 11.58.13.1369197494.png)
マウスオーバーで半透明なフィルタがかかります。

[![](http://images.moongift.jp/2013/05/Screenshot 2013-05-22 11.58.20_thumb.1369197507.png)](http://images.moongift.jp/2013/05/Screenshot 2013-05-22 11.58.20.1369197507.png)
クリックで拡大。キャプションも下に表示されます。

[![](http://images.moongift.jp/2013/05/Screenshot 2013-05-22 11.58.42_thumb.1369197519.png)](http://images.moongift.jp/2013/05/Screenshot 2013-05-22 11.58.42.1369197519.png)
タブレットくらいのサイズ。写真の列が3列に変わりました。

[![](http://images.moongift.jp/2013/05/Screenshot 2013-05-22 11.58.52_thumb.1369197527.png)](http://images.moongift.jp/2013/05/Screenshot 2013-05-22 11.58.52.1369197527.png)
写真の拡大は変わらず。

[![](http://images.moongift.jp/2013/05/Screenshot 2013-05-22 11.59.07_thumb.1369197535.png)](http://images.moongift.jp/2013/05/Screenshot 2013-05-22 11.59.07.1369197535.png)
さらにスマートフォンサイズ。写真は縦1列になります。

[![](http://images.moongift.jp/2013/05/Screenshot 2013-05-22 11.59.13_thumb.1369197543.png)](http://images.moongift.jp/2013/05/Screenshot 2013-05-22 11.59.13.1369197543.png)
この場合は拡大してもさほど変わらないですね。

least.jsのアニメーションは格好が良く、一旦前の写真が引っ込んだ後に次の写真が読み込まれるようになっています。大きな写真を奇麗に見せたい時に使ってみたいライブラリです。

MOONGIFTはこう見る

Flickrがリデザインし(有料プラン含めて全刷新に近いですが)、写真を見せる方向に舵をきりました。これによって単なる写真ストレージという存在だった所からInstagramや500pxのような写真を公開し、共有するためのツールとして発展していくと推測されます(元々そういった機能はあったのですが)。

なぜFlickrが時代遅れになってきたと言えば、他のサービスは写真の見せ方にこだわってきたのに対して致命的に乗り遅れていたからでしょう。写真の見せ方はジャンルや題材によっても大きく変わります。様々なギャラリーソフトウェアが作られ、多彩なニーズを満たす必要があるでしょう。

least.js - Random & Responsive HTML 5, CSS3 Gallery with LazyLoad

kamilczujowski/least · GitHub