よっしゃ。

雑感

四半期のノルマ終了。疲れたぜ。。

2010-09-30

Lightbox風モーダルウィンドウの作り方

jQuery

今回はjQueryで「モーダルウィンドウ」を作成する方法を解説します。モーダルウィンドウとは、表示中に他のウィンドウの操作を受け付けないウィンドウのことで、Webサイトにおいては一般的に、半透明のレイヤーを重ねてWebページを暗くした上に表示するウィ…

2010-09-29

多階層ドロップダウンメニュー

jQuery

これは使いそうだよなぁ〜！では早速コードを！ちなみにここに記載されているCSSコードをそのまま使用してもダメだったので注意。かなり悩んでしまった。。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> </meta></meta></meta></head></html>

2010-09-28

透過PNGのロールオーバーを作る（IE6対応）

jQuery

これはなんかヤダなぁ。。以前書いたエントリでも、「スターハック」とかゆーIE用のCSSの記述について少し触れたエントリ書いたけど、今回のなんて完全に「ブラウザ」を判別して分岐することでクロスブラウザ対応してるんだもの。if文使って。もし、実際の…

2010-09-28

ロールオーバー（プリロード対応版）

jQuery

ロールオーバーて意味がわからんかった。「画像にマウスカーソルを重ねたときに自動的に別の画像に表示を切り替える効果」だって。今回はメニューバーに見立てたタグ群にこのロールオーバーを実装してみるらしい。 <html> <head> <style> li{ display:inline; /* 横に一列に並</style></head></html>…

2010-09-26

オリジナルツールチップの作成

jQuery

今度はツールチップ（何かにマウスオーバーしたときにその説明をマウス付近にポップアップ表示するヤツ）を作成する。ツールチップ自体は、title属性やimg要素のalt属性にテキストを記述すれば表示されるが、表示のデザインや挙動がブラウザーによって違う上…

2010-09-26

タブパネルを作る

jQuery

お次はタブパネルを作るチュートリアル。さぁ、サクサクいこう。 <html> <head> <style> #container{ width:500px; margin:50px auto; } ul.tab{ padding:0; } ul.tab li{ list-style-type:none; width:100px; height:40px; float:left; } ul.tab li a{ outline:none; /* 下部に</head></html>…

2010-09-23

アコーディオンパネルUIの自作

jQuery

続いてアコーディオンパネルUIを自作してみる。まずは基本的な動作の部分から。 <html> <head> <style> dl{ width:800px; } dt{ line-height:35px; font-size:large; text-indent:3em; font-weight:bold; color:white; height:35px; background:url("http://editors.ascii.jp/m-</head></html>…

2010-09-22

画像ギャラリーの製作

jQuery

今度は実際に使える（？）アプリケーションを作ってみる。今までまとめてきたjQueryのトピックを使って画面遷移しない画像ギャラリーアプリケーションを製作していく。概要としては、左側にサムネイルのリストを表示し、そこで選択した画像を、右側のメイン…

2010-09-21

CSS3のセレクターで作るストライプテーブル

jQuery

隔行、隔列で異なる背景色を持たせるテーブル（ストライプテーブル）を作ってみる回。ストライプテーブルを作る場合、CSS2の機能だけでは苦労していたらしいが、CSS3の機能を使うとすんごい簡単にできるそうな。過去のエントリで試行錯誤してそれっぽいの…

2010-09-20

アニメーションエフェクト

jQuery

SICPの方、かなり切りが悪いけどここで久々にjQueryに復帰。（理由は秘密。）さて、第１１はアニメーションについて。いろいろ出てきますね〜。メソッド概要アニメーションの仕方 show([スピード[, コールバック関数]]) ○スピード："slow"|"norma"|"fast…

2010-09-18

scheme の hashtable について

Scheme Gauche

「データ主導化」のセクションに入ってからの傾向として「実験」をしていない。何故かというと、このテーマを扱う上で肝となる手続きである get 手続きと put 手続きの実装が具体的に定義されてなくて、実行のしようにも不可能だから。この傾向はまずい。。…

2010-09-10

FetchImi

会社でインターネッツをするときはFirefoxを使っている。英語の記事を読んだりする時、マウスオーバー辞書をよく使うんだが、いろいろ試した結果、FetchImiというプラグインが一番使いやすいと思った。んが、このFetchImi、Firefox 3.6 からインストールで…

2010-09-07

SICP 問題 2.74（実際に存在しそうなシステムでデータ主導プログラミング）

Scheme SICP

問題アキナイ有限責任会社（Insatiable Enterprises, Inc）は全世界に存在する多数の独立事業所を持つ超分散型の多国籍企業である。この会社の計算機システムは、全体のネットワークがどの利用者にも一つの計算機と見えるような、賢いネットワークインター…

2010-09-05

SICP 問題 2.73（記号微分のデータ主導化）

Scheme SICP

問題 2.3.2節で記号微分を行うプログラムを述べた。 (define (deriv exp var) (cond ((number? exp) 0) ((variable? exp ) (if (same-variable? exp var) 1 0)) ((sum? exp) (make-sum (deriv (addend exp) var) (deriv (augend exp) var))) ((product? exp)…