[技術メモ] HTMLおよび画像のレイヤー表示

備忘録として。

ホームページを格好良く見せるテクニックです。

=============================================
画像をレイヤー表示させる
=============================================
■使用ライブラリ
　lightbox
■メモ
　これが業界標準ライブラリ。
他にも似ている改良版のがたくさん出ているが、これが一番使いやすい。
１）解凍したものを呼び出し側HTMLと同じ場所に置く
２）lightbox.jsとlightbox.cssを呼び出し側HTMLに読み込ませる
３）呼び出し側HTMLで＜ａ　ｒｅｌ＝”ｌｉｇｈｔｂｏｘ”＞とする
これだけ。

■サンプル

■lightboxダウンロード
　http://www.huddletogether.com/projects/lightbox/

=============================================
HTMLをレイヤー表示させる
=============================================
■使用ライブラリ
　ibox
■メモ
これが一番シンプル。これ以外のツールは複雑だし、他のライブラリが必要だし、まともに動かなかった。

１）ibox.jsとibox.cssを呼び出し側HTMLのフォルダにjs,cssフォルダを掘っていれる
２）js/ibox.jsとcss/ibox.cssを呼び出し側HTMLに読み込ませる
３）呼び出し側で＜ａ　ｒｅｌ＝”ｉｂｏｘ”＞とする
以上、簡単！

※呼ばれるＨＴＭＬはｕｔｆ８で作成する必要有り
※ＥＵＣ、ＳＪＩＳでは真っ白になり表示されない

■サンプル

■ibox解説（マイコミジャーナル）
　http://journal.mycom.co.jp/articles/2007/09/11/ibox/index.html
■iboxダウンロード
　http://www.ibegin.com/blog/p_ibox.html
※上記URLへ行き、downloadで検索すればダウンロードリンク有り

[おすすめ] 動画 「世にも奇妙な物語－倦怠期特効薬」

僕は「世にも奇妙な物語」好きなんですが、オープニングの音楽からして気持ち悪いと言うことで奥さんは見たがりません。
なのでビデオを借りたりはできないですが、youtubeでTV放映されたやつがアップされているので、それをお昼ご飯の時とかに見てます。良い時代になりましたねー＾＾；

今回はその中でもお薦めのエピソードを紹介します。
マジで良い話です。ちゃんと最後まで見てください(笑)

■倦怠期特効薬１／２



■倦怠期特効薬２／２

[おすすめ] 動画 ジョジョの奇妙な芸人

昨夜は友達と奥さんと家で飲みました。
その際、しょこたん→ジョジョ立ち→ジョジョの第何部が面白かったか
という話の流れになり、普段あまりしないディープな話題で大いに盛り上がりました。

ちなみに僕は１部２部まで（せいぜい３部まで）で、他の人は３部以降でした。

芸人にもかなり好きな人は多いらしく、異様な盛り上がりのＴＶ番組がyoutubeにアップされてましたので紹介します。

ジョジョの奇妙な芸人１／５

ジョジョの奇妙な芸人２／５

ジョジョの奇妙な芸人３／５

ジョジョの奇妙な芸人４／５

ジョジョの奇妙な芸人５／５

おまけ

[おすすめ] ウィルス対策ソフト「AVG日本語版」

フリーで使えるウィルス対策ソフトAVGが日本語化されました。
僕もずーっと英語版を使い続けていたのですが、日本語化されたのでお薦めしやすくなりました。

このソフトの特徴は以下の通り
・軽い
・悪さをしない
・ウィルス検知能力が高い

次のような方にお薦めです。
・シマンテック製品(ノートン系)は重いし落ちるので嫌い
・ウィルスバスターは、無問題ソフトも遮断するので嫌い
・ウィルス対策にお金をかけたくない

本家で落とすとメールアドレス入力が必要なので、ベクターで落とすのが良いと思います。

■Vector「AVG7.5 Free Edition 日本語版」
　http://www.vector.co.jp/soft/win95/util/se436796.html

[おすすめ] 写真集サイト 何かが間違っている建築集

「使いづらいor使えないor意味がない」建築をまとめたサイトです。

おもろいです。

■何かが間違っている建築集
http://www.darkroastedblend.com/2007/08/when-construction-goes-wrong.html

[おすすめ] フリーソフト 「Recent Files Cleaner」

「最近使ったファイル」「ブラウザの履歴」・・・
これらは我が家にとって夫婦喧嘩の元でしかないわけですが(笑)。

僕も、以前プログラマーだった時に、自力で真剣に対策ソフトを途中まで作っていました。その名もMen'sClear。何のために作っていたのかバレバレな名前ですな（´∀｀;）
最近使ったファイルをWindowsに元から入っている画像ファイルにすげ替えるところまではできていたのですが、他にも色々履歴や何やら扱う方法を調べるのが面倒で頓挫していました。

そんな僕の要望を満たす、画期的なフリーソフトが公開されました。
詳しくはリンク先をご覧下さい。

■「Recent Files Cleaner」紹介記事
　http://www.forest.impress.co.jp/article/2007/09/05/recentfilescleaner.html

08/06/06追記
WindowsVISTAには標準でこの機能が搭載されていますので、このソフトは不要です。

[衝動買い] ビリーズ・ブート・キャンプ

だいぶ流行から遅れましたが、ついに購入しました！

ビリーズブートキャンプ。日本語版を15000円で購入しました。
7日間の体重、体脂肪率、おなか周りをアンケート記入し返送で5000円キャッシュバックされます。

なんでも７日間で腹筋が割れる人が続出らしいということで、どれだけ効率的なエアロビクスなのか興味津々でしたが、１日目を終えて全ての謎がとけました。

こんだけ鍛えりゃ腹筋も割れるわ！！

ちまたでキツイキツイと言われていますが、本当にハンパじゃなくキツイです。
これはエアロビというより、部活ですね！
しかも全国大会に出場するレベルの部活ですよ。
（全国大会は言い過ぎだけど、腹筋50回を普通に出来ることを要求されるレベル）

僕は本当にそんじょそこらの下手に運動している人より筋力も体力もあると思っていましたが、ビリーバンド（負荷を上げるゴムバンド）をつけてやったら、最後までついて行くのが精一杯で、途中で酸欠気味になった程でした。

初心者はビリーバンドは使わないらしいですが、それでもこれ、女の人が完遂できる代物じゃないですよ。
まぁできないなりについて行くのでも十分に効果は出ると思いますが・・・。

これで初日かと思うと正直気が重いです(笑)。
明日からも頑張りますよー

多分。

[おすすめ] 動画 「華氏９１１」

マイケルムーア監督の華氏９１１がgyaoで公開されてます。

ブッシュ政権の不正を糾弾する社会派ドキュメンタリーとでもいう内容で、映画というには少し違いますが、今まで僕が知らなかったブッシュ一族の闇、イラクの現実などが語られています。

見たいと思いつつ見逃していましたが、無料で見られて良かったです。

■gyao「華氏９１１」
　http://www.gyao.jp/sityou/catedetail/contents_id/cnt0037679/