THE HAM MEDIA BLOG

2008”N‚ðU‚è•Ô‚é@¡”N1”N‚̐l‹CƒGƒ“ƒgƒŠ[20

Clip to Evernote ‚±‚̃Gƒ“ƒgƒŠ[‚ð‚͂ĂȃuƒbƒNƒ}[ƒN‚ɒljÁ
ƒJƒeƒSƒŠF
ŒŽ•Êl‹CƒGƒ“ƒgƒŠ[
ƒ^ƒOF
ƒuƒƒO
blog
l‹CƒGƒ“ƒgƒŠ[

2008”N‚ðU‚è•Ô‚é@¡”N1”N‚̐l‹CƒGƒ“ƒgƒŠ[20

2008”N‚à¡“ú‚ŏI‚í‚è‚Å‚·‚ˁB
’·‚©‚Á‚½‚悤‚ŁA‚ ‚Á‚ÆŒ¾‚¤ŠÔ‚ɏI‚í‚Á‚Ä‚µ‚Ü‚Á‚½‚P”N‚Å‚µ‚½B
‚±‚̃uƒƒO‚ðŽn‚ß‚Ä‚Ü‚¾‚P”N‚½‚Á‚Ä‚¢‚È‚¢‚Ì‚Å‚·‚ªA
¡”N‚ð‚Ó‚è‚©‚¦‚Á‚Ä‚Ý‚é‚Æ‚¢‚¤‚±‚Æ‚Å
ˆê”ÔŒ©‚ç‚ê‚Ä‚¢‚½ƒGƒ“ƒgƒŠ[‚ð‚Ü‚Æ‚ß‚Ä‚Ý‚Ü‚·B

‚»‚µ‚č¡”N‚P”N‚Ì”½È‚à‚µ‚Ă݂悤‚©‚È‚ÆŽv‚¢‚Ü‚·B

‚Q‚O‚O‚W”N‚ɐl‹C‚¾‚Á‚½ƒGƒ“ƒgƒŠ[

jQuery‚Åxml‚𑀍삵‚Ä‚Ý‚é
jQuery‚ðŽg‚Á‚Äxml‚ð“ǂݍž‚ñ‚Å‚Ý‚é•û–@‚ðÐ‰î
jQuery‚Åxml‚𑀍삵‚Ä‚Ý‚é

jQueryFƒ}ƒEƒXƒI[ƒo[‚âƒNƒŠƒbƒN‚Å”wŒi‰æ‘œ‚ð“ü‚ê‘Ö‚¦‚Ä‚Ý‚é
jQuery‚ðŽg‚Á‚āAbackground‚ɐݒ肵‚½‰æ‘œ‚ð•Ï‚¦‚éƒXƒNƒŠƒvƒg‚ðÐ‰î
jQueryFƒ}ƒEƒXƒI[ƒo[‚âƒNƒŠƒbƒN‚Å”wŒi‰æ‘œ‚ð“ü‚ê‘Ö‚¦‚Ä‚Ý‚é

ƒXƒ‰ƒCƒh‚ÅŒ©‚¦‰B‚ê‚·‚éƒGƒtƒFƒNƒg‚̂‚¢‚½“ñ‚‚ÌCSScƒƒjƒ…[
jQuery‚ÆMootools‚ðŽg‚Á‚ÄŒ©‚¦‰B‚ê‚·‚éƒGƒtƒFƒNƒg‚̂‚¢‚½ƒƒjƒ…[‚ðÐ‰î
verticalmenu01.jpg

img‚ð‰æ‘œ’uŠ·‚Å’¼Úƒ[ƒ‹ƒI[ƒo[‚³‚¹‚鎞‚Ì‚¿‚ç‚‚«‚ð‚È‚­‚·CSS‚̐ݒè•û–@
CSS‚э[ƒ‹ƒI[ƒo[‚³‚¹‚鎞‚Í‚¿‚ç‚‚©‚¹‚È‚¢‚悤‚Ȑݒ肵‚Ä‚Ë
img‚ð‰æ‘œ’uŠ·‚Å’¼Úƒ[ƒ‹ƒI[ƒo[‚³‚¹‚鎞‚Ì‚¿‚ç‚‚«‚ð‚È‚­‚·CSS‚̐ݒè•û–@

IE‚Å‹N‚±‚éfont-family‚Å‚Ì“ú–{ŒêƒtƒHƒ“ƒg—L–³‚É‚æ‚镶ŽšƒTƒCƒY‚̕ω»ƒoƒO
“ú–{ŒêƒtƒHƒ“ƒg‚ÌŽw’è‚ð•K‚¸‚µ‚Ä‚¨‚±‚¤
IE‚Å‹N‚±‚éfont-family‚Å‚Ì“ú–{ŒêƒtƒHƒ“ƒg—L–³‚É‚æ‚镶ŽšƒTƒCƒY•Ï‰»‚̃oƒO

jQuery‚ðŽg‚Á‚ăAƒR[ƒfƒBƒIƒ“‚Ì—l‚ÈŠJ•Â‚Å‚«‚éƒXƒNƒŠƒvƒg‚ðì‚Á‚Ä‚Ý‚½
‚à‚Ì‚·‚²‚­ŠÈ‘f‚ȃAƒR[ƒfƒBƒIƒ“B
jQuery‚ðŽg‚Á‚½ŠJ•ÂƒXƒNƒŠƒvƒg

ƒŠƒXƒg‚âƒe[ƒuƒ‹‚ðŠÈ’P‚©‚ÂãY—í‚ɃXƒgƒ‰ƒCƒvó‚ɐF•ª‚¯‚·‚é•û–@
ƒy[ƒW“à‚É•¡”ƒŠƒXƒg‚ªê‡‚Í:nth-child(odd)‚È‚Ç‚ª‚¢‚¢
ãY—í‚ɃXƒgƒ‰ƒCƒvó‚ɐF•ª‚¯‚·‚é•û–@

JavaScriptƒJƒeƒSƒŠ[
—BˆêƒJƒeƒSƒŠ[‚щƒ“ƒNƒCƒ“
JavaScriptƒJƒeƒSƒŠ[

jQuery‚Åxml‚𑀍삵‚Ä‚Ý‚éFƒTƒ“ƒvƒ‹
‚PˆÊ‚̃Gƒ“ƒgƒŠ[‚̃Tƒ“ƒvƒ‹
jQuery‚Åxml‚𑀍삵‚Ä‚Ý‚éFƒTƒ“ƒvƒ‹

CSS‚Ìtext-indent‚ðŽg‚Á‚ĂԂ牺‚°ƒCƒ“ƒfƒ“ƒg‚ð•\Œ»‚·‚é•û–@iˆês–Ú‚ð‘O‚ɏo‚·•û–@j
’m‚Á‚Ä‚¢‚é‚Æ‚©‚È‚è•Ö—˜I
CSS‚Ìtext-indent‚ðŽg‚Á‚ĂԂ牺‚°ƒCƒ“ƒfƒ“ƒg‚ð•\Œ»‚·‚é•û–@iˆês–Ú‚ð‘O‚ɏo‚·•û–@j

‰æ‘œ‚╶Žš‚Ì“§–¾“x‚ð—˜—p‚µ‚½ƒ[ƒ‹ƒI[ƒo[
jQuery‚Å‚â‚é‚Æ‚Æ‚Á‚Ä‚àŠÈ’P
‰æ‘œ‚╶Žš‚Ì“§–¾“x‚ð—˜—p‚µ‚½ƒ[ƒ‹ƒI[ƒo[

jQuery‚ðŽg‚Á‚Ä“ü—̓tƒH[ƒ€‚ɃTƒ“ƒvƒ‹•¶Žš‚ð“ü‚ê‚Ä‚¨‚«AƒtƒH[ƒJƒX‚ŏÁ‚·ƒXƒNƒŠƒvƒg
‚ ‚ç‚©‚¶‚ß“ü—̓tƒH[ƒ€‚É“ü—Í—á‚ð“ü‚ê‚Ä‚¨‚¯‚é
jQuery‚ðŽg‚Á‚Ä“ü—̓tƒH[ƒ€‚ɃTƒ“ƒvƒ‹•¶Žš‚ð“ü‚ê‚Ä‚¨‚­ƒXƒNƒŠƒvƒg

Google AJAX Feed API ‚ðŽg‚Á‚ÄJavaScript‚ŃTƒCƒg‚ÉRSSƒtƒB[ƒh‚ð•\Ž¦‚·‚é•û–@
ƒtƒ@ƒCƒ‹‚ð‚í‚´‚í‚´ƒAƒbƒvƒ[ƒh‚µ‚È‚­‚Ä‚¢‚¢‚Ì‚Å•Ö—˜
Google AJAX Feed API ‚ðŽg‚Á‚ÄJavaScript‚ŃTƒCƒg‚ÉRSSƒtƒB[ƒh‚ð•\Ž¦‚·‚é•û–@

ŒŸØFIE‚Å‚Í‚È‚­Firefox‚Ì‚Ý‚Å”­¶‚·‚éCSS styleƒgƒ‰ƒuƒ‹H
’Pƒ‚ȃ~ƒX‚¾‚Á‚½‚¾‚¯B‚»‚¤‚¢‚¦‚ÎFx3‚Å‚à‹N‚±‚é‚Ì‚¾‚낤‚©cH
ŒŸØFIE‚Å‚Í‚È‚­Firefox‚Ì‚Ý‚Å”­¶‚·‚éCSS styleƒgƒ‰ƒuƒ‹H

onclick ‘®«‚ðHTML‚ɏ‘‚­‚©‚Ç‚¤‚©
ˆêŽž‚¢‚ë‚ñ‚ȃuƒƒO‚Å‹c˜_‚É‚È‚è‚Ü‚µ‚½‚æ‚ˁB
onclick ‘®«‚ðHTML‚ɏ‘‚­‚©‚Ç‚¤‚©

ˆê”ʂ̐l‚̓EƒFƒuƒTƒCƒg‚ªWord‚̂悤‚È‚à‚Ì‚Å‚Å‚«‚Ä‚¢‚é‚ÆŽv‚Á‚Ä‚¢‚é‚炵‚¢
ˆÓŠO‚ƃ[ƒh‚Ý‚½‚¢‚Ȃ̂ōì‚Á‚Ä‚¢‚é‚Á‚ÄŽv‚Á‚Ä‚¢‚él‚à‚¢‚é‚悤‚¾B
ˆê”ʂ̐l‚̓EƒFƒuƒTƒCƒg‚ªWord‚̂悤‚È‚à‚Ì‚Å‚Å‚«‚Ä‚¢‚é‚ÆŽv‚Á‚Ä‚¢‚é‚炵‚¢

“ñ‚‚̉摜‚ÆCSS‚âjQuery‚Å•\Œ»‚·‚é‚RŽí—ނ̃[ƒ‹ƒI[ƒo[
•’Ê‚Éimg‚Æ‚µ‚Ä“ü‚ꂽ‰æ‘œ‚̃[ƒ‹ƒI[ƒo[•û–@
CSS Rollover

a:hover‚Å”wŒi‚ðÝ’肵‚½‚çIE‚ŃoƒO‚ª”­¶‚µ‚½‚̂сƒ‚
width‚ð‚‚¯‚é‚Æ‰ðŒˆ‚·‚éƒP[ƒX‚Í‘½‚¢
a:hover‚̃oƒO

jQuery‚ðŽg‚Á‚Ä“ü—̓tƒH[ƒ€‚ɃTƒ“ƒvƒ‹•¶Žš‚ð“ü‚ê‚Ä‚¨‚«AƒtƒH[ƒJƒX‚ŏÁ‚·ƒXƒNƒŠƒvƒg:‰ž—p@‹@”\’ljÁ•Ò
ƒtƒH[ƒ€‚É“ü—Í—á‚ɍH•v‚ð‚‚¯‚邱‚Ƃц[ƒUƒrƒŠƒeƒB[‚àl—¶
jQuery‚ðŽg‚Á‚Ä“ü—̓tƒH[ƒ€‚ɃTƒ“ƒvƒ‹•¶Žš‚ð“ü‚ê‚Ä‚¨‚«AƒtƒH[ƒJƒX‚ŏÁ‚·ƒXƒNƒŠƒvƒg:‰ž—p@‹@”\’ljÁ•Ò

jQueryŽ©ìFhjQuery SameHeight Pluginh‚ðŽg‚¢‚½‚¢ƒZƒŒƒNƒ^‚ðŽw’肵‚ÄŽg‚¦‚é‚悤‚É‚µ‚½
ƒVƒ“ƒvƒ‹‚ɍ‚‚³‚𑵂¦‚éƒvƒ‰ƒOƒCƒ“BƒAƒXƒL[‚³‚ñ‚ɏЉî‚à‚µ‚Ä‚à‚ç‚¢‚Ü‚µ‚½B
jQuery SameHeight Plugin

‚â‚͂菉Šú‚Ì‚±‚ë‚Ì‚ª‘½‚¢‚悤‚¾

ˆê”ÔŒ©‚ç‚ê‚Ä‚¢‚½ƒ‰ƒ“ƒLƒ“ƒO‚Ȃ̂ŁA“–‘R‚Ì‚±‚Æ‚Å‚·‚ªA
ƒGƒ“ƒgƒŠ[‘‚¢‚Ä‚©‚ç‚ ‚é’ö“x‚½‚Á‚½ƒGƒ“ƒgƒŠ[‚Ì•û‚ªãˆÊ‚É‚«‚Ü‚·‚æ‚ˁB
‚»‚ê‚É‚µ‚Ä‚àAXML‚ɂ‚¢‚Ä‚ªˆ³“|“I‚ÉŒ©‚ç‚ê‚Ä‚¢‚½B
¡”N‚àAjax‚ɂ‚¢‚Ä‚ª’m–¼“x‚ðL‚΂µ‚½Î‚¾‚Á‚½‚Ì‚Å‚µ‚傤‚©H
—ˆ”N‚à‚Ü‚·‚Ü‚·Ajax‚Ì‹Zp‚Í‘‚¦‚Ä‚¢‚«‚»‚¤‚Å‚·‚ˁB
Ž©•ª‚à‚à‚Á‚ÆXML‚Æ‚©‚ªˆµ‚¦‚é‚悤‚ɕ׋­‚µ‚悤‚©‚ÆŽv‚¢‚Ü‚·B

Ž©•ª‚É‚Æ‚Á‚č¡”N‚ÍjQuery•×‹­‚Ì”N‚Å‚µ‚½

‚±‚̃uƒƒO‚ðŒ©‚Ä‚¢‚½‚¾‚¯‚ê‚΂킩‚é‚悤‚ɁA
jQuery‚ɂ‚¢‚ẴGƒ“ƒgƒŠ[‚ª‘唼‚ð‚µ‚ß‚Ü‚µ‚½B
‚Æ‚¢‚¤‚Ì‚à¡”N‚ÍŽ©•ª‚É‚Æ‚Á‚Ä
jQuery‚̕׋­‚ª’†S‚¾‚Á‚½‚P”N‚¾‚Á‚½‚©‚ç‚Å‚·B

jQuery‚Ì–£—Í‚É‚Í‚Ü‚Á‚āA•×‹­‚µ‚¾‚µ‚Ä‚P”NB
Å‰‚Í‚³[‚Á‚Ï‚è‚í‚©‚ç‚È‚©‚Á‚½‚±‚Æ‚à
¡‚Å‚ÍŒ‹\‚½‚­‚³‚ñ‚Ì‚±‚Æ‚ðŠo‚¦‚½‚©‚È‚Á‚ÄŽv‚¢‚Ü‚·B

‚»‚ê‚Å‚à‚Ü‚¾‚Ü‚¾‚í‚©‚ç‚È‚¢‚±‚Æ‚à‘½‚¢‚̂ŁA
—ˆ”N‚à•×‹­ŽO–†‚Ì”N‚ɂȂ邱‚Æ‚Å‚µ‚傤B

2009”N‚Í

2009”N‚͌l“I‚É‚¢‚ë‚¢‚ë‚È‚±‚Æ‚É
ƒ`ƒƒƒ“ƒŒƒW‚ð‚µ‚æ‚¤‚©‚È‚ÆŽv‚Á‚Ä‚¢‚é”N‚Å‚ ‚è‚Ü‚·B
‰½‚©‚·‚²‚¢‚±‚Æ‚Å‚«‚½‚ç‚ȁ[EEE
‚È‚ñ‚ÄŽv‚Á‚Ä‚Í‚¢‚Ü‚·‚ªA‚Ü‚¸‚Í‚Å‚«‚邱‚Æ‚©‚班‚µ‚¸‚Â
‰½‚©Œ`‚É‚µ‚Ä‚¢‚¯‚½‚ç‚È‚ÆŽv‚¢‚Ü‚·B
‚»‚ꂪƒuƒƒO‚Å‚ ‚ê‚È‚ñ‚Å‚ ‚êA
‚¢‚ë‚¢‚ë‚ȁuƒ`ƒƒƒŒƒ“ƒWv‚É‚È‚ê‚΂Ǝv‚¢‚Ü‚·B

‚ł͂ł́A2009”N‚à‚æ‚낵‚­‚¨Šè‚¢‚¢‚½‚µ‚Ü‚·B

ƒgƒbƒv‰æ‚̃\[ƒX

L1370950.JPG
Photographer
hisashiv
License
Creative Commons (by-sa)
Tool for photo selecting
Gigazinize Tools - Image
‚±‚Ì‹LŽ–‚ւ̃Rƒƒ“ƒg
ƒRƒƒ“ƒg‚ð‘‚­
‚¨–¼‘O: [•K{“ü—Í]

ƒ[ƒ‹ƒAƒhƒŒƒX: [•K{“ü—Í]

ƒz[ƒ€ƒy[ƒWƒAƒhƒŒƒX:

ƒRƒƒ“ƒg: [•K{“ü—Í]

”FØƒR[ƒh: [•K{“ü—Í]


¦‰æ‘œ‚Ì’†‚Ì•¶Žš‚𔼊p‚Å“ü—Í‚µ‚Ä‚­‚¾‚³‚¢B

‚±‚Ì‹LŽ–‚ւ̃gƒ‰ƒbƒNƒoƒbƒN

ƒgƒbƒv‚É–ß‚é