• 閲覧数: 3669
  • 22
  • C.120x80.33d3b311aa87183357ec18344c128927
  • C.120x80.05b79551485008f476e86c5c4c48eec5

作品説明

http://kksg.net


自分のサイトやアカウントを纏めるサイトを作りました。
前からあったんですけど、リニューアルしました。
せっかくなのでかっこよくしたい。ということで背景を大好きなgif画像回しまくってます。楽しい。

レシピ

材料

  • さくらVPS 2G ( Ubuntu Server 10.04 )
  • Rails 3.2.8 + Ruby 1.9.3 + Nginx + Unicorn
  • 大量のgif画像

レールズ

静的なファイルでもよかったんですけど、Assets Pipelineを使いたかったのと、PC以外のアクセスは別のことしたいとかあとから便利機能追加したいかもしれないみたいな理由があったのでレールズにしました。前のバージョンもgif背景のサイトだったけど、その時は普通のhtmlファイルでした。

Gif

現状Gifフォルダから厳選した337枚、合計971秒あります。背景のgifはアニメーション時間分表示してからすり替えるようにしてますので全部表示するには16分くらいかかります。
いいGifが見つかった時に手軽に追加できるように専用の隠しアップローダも作りました。337枚D&Dしたらいい感じに全部データベースに入れてくれて幸せな感じがします。そういえばGif画像はMySQLにバイナリを保存してます。アップロードした時にアニメーションの秒数を解析してそれも保存してます。

HTML5

pushState + Ajax 使ってます。Contentsとかクリックすると背景などは変わらないのにURLが変わります。すごい。
あと右上のやつ押すと全画面表示するとか。これはHTML5関係ないきがする。



自分のドメインでかっこいいサイトつくるの楽しい(人の個人サイト見るのが楽しい)のでみなさんもサイト作りましょう!!!!!!!!!!!!!!!

コメント (0件)

コメントはまだありません