Tag Archives: Java script

Gunma.web #12 で喋って来ました『NuukJam』 #gunmaweb

 2013/02/09 のGunma.web #12にて、『NuukJam』というLTを行ってきました。
 いつものかんじです。

Gunmaweb#12 nuuk jam from ivoryworks .

 「こういうのつくったよ」系。

 今回は小さくて邪悪なプログラムを書きました。

NuukJam
http://nuukjam.ivoryworks.com/

 ヌークジャム。
 Googleの短縮URL APIを用いて、URLにデータを埋め込むWebアプリです。

これね。
URL Shortener API

 テキストだけでなく、画像データもイケます。大きめのデータは、複数の短縮URLとして保存してます。

 今回のアイデアはオリジナルのつもりでしたが、このエントリ書いてる間に調べてみたら、もっと昔に同じ事してる人が沢山いました。

URL短縮サービスを利用したオンラインストレージ

 こちらは大きなデータを僕とは別の方法で保存しています。

 ”URL Shortener base64″とかで検索すると色々出てくるから
 海外でも書いてる人沢山いそうですぬ。
 わたしまけましたわ。

 さて、GitHubにソースおきました。

ivoryworks/nuukjam

今回のアプリ、Gunma.web用の書き下ろしなので、しばらく触る予定ありません。
現在動いてるのがそのまま載ってます。

APIキーもベタ書きしたままコミットしてあります。

ちなみに、というか、実は、このURL ShortenerのAPIは、1日の利用制限数が少なくなりますが、APIキーなくても使えます(後で知った)。

イメージギャラリー2選

 目新しいものではないけれど、スタイリッシュなイメージギャラリーを知ったのでここに記録する。

Cross Browser Multi-Page Photograph Gallery

lightbox.jpg

 なんとこのギャラリーはCSSのみで実現されている。
 タグによってページを切り替えられ、サムネイル画像にマウスカーソルをかざすと、やや大きめの画像がポップアップする。
 ポップアップした画像をクリックする事で、原寸の画像が表示されるというユーザインターフェース。

Galeria
galeria.jpg

 こちらは、Java scriptによるギャラリー。
 [ previous ]、[ next ]のアンカーによってページを切り替えられ、Cross Browser Multi-Page Photograph Galleryと同様に、サムネイル画像にマウスカーソルをかざすとポップアップ、クリックでさらに拡大表示されるというもの。
 ただ、このポップアップや拡大表示は、先に紹介したギャラリーよりも、よりスタイリッシュな動作です(滑らかに拡大する)。

 2つとも、とても素晴らしい出来なので、ぜひサンプルに触れてみてください。

 シンメトリー画像がある程度溜まったら、どちらかを用いてギャラリーを開設する予定。たぶんCSSの方。