THE HAM MEDIA BLOG

¡‰ñ‚Ì‚¨•×‹­‚Íconsole.log()‚ɂ‚¢‚āB

JavaScript‚ð\’z‚µ‚Ä‚¢‚é‚Æ‚«‚ɁA
‚ǂ̂悤‚ÈŒ‹‰Ê‚ª•Ô‚Á‚Ä‚­‚é‚Ì‚©‚Æ‚¢‚¤‚Ì‚ðŠm”F‚·‚鎞‚́A
HTMLã‚ɏ‘‚«o‚³‚¹‚½‚èAalert‚ÅŠm”F‚·‚é•û–@‚ðŽg‚Á‚½‚è‚·‚邯‚ǁA
‚±‚̍¡‰ñ‚Ìconsole.log()‚́AFirefox‚̃vƒ‰ƒOƒCƒ“‚Ì
Firebug‚̃Rƒ“ƒ\[ƒ‹—“‚ÉŒ‹‰Ê‚ð•\Ž¦‚³‚¹‚é‚à‚̂炵‚¢B

’m‚ç‚È‚©‚Á‚½‚̂сƒ‚ƒGƒ“ƒgƒŠ[

Art and web design by Matthew James Taylor‚Æ‚¢‚¤ƒTƒCƒg‚ŁA
uEqual Height Columns with Cross-Browser CSS & No Hacksv
‚Æ‚¢‚¤ƒGƒ“ƒgƒŠ[‚ª‚ ‚ª‚Á‚Ä‚¢‚½‚Ì‚Å“Ç‚ñ‚Å‚Ý‚½B

‚‚³‚𑵂¦‚é•û–@‚Á‚Ä‚¢‚ë‚¢‚ë‚ ‚é‚Ì‚Å‚·‚ªA
‚±‚Ì•û–@‚àƒNƒƒXƒuƒ‰ƒEƒU‚ɑΉž‚µ‚Ä‚¢‚é‚̂ŁA‚È‚©‚È‚©•Ö—˜‚©‚à‚µ‚ê‚È‚¢‚Å‚·B

Œ»Ýì‚肽‚¢‚±‚Æ‚ð•×‹­‚µ‚悤‚Æ‚µ‚Ä‚¢‚é‚Ì‚Å‚·‚ªA‚È‚©‚È‚©i‚Ü‚È‚¢B

ì‚肽‚¢‚à‚Ì‚ÌŽQl‚Æ‚µ‚Ä‚¢‚éƒXƒNƒŠƒvƒg‚ð
‚Ç‚ñ‚ȍ\‘¢‚É‚È‚Á‚Ä‚¢‚é‚Ì‚©‚ðl‚¦‚È‚ª‚猩‚Ä‚¢‚é‚Ì‚Å‚·‚ªA
•Ï”‚Æ‚©‚Ç‚±‚ª‚Ç‚¤‚È‚Á‚Ä‚¢‚é‚Ì‚©‚Æ‚©A“ª‚ª¬—‚µ‚Ä‚­‚éB

‚È‚©‚È‚©•×‹­‚à‚¤‚Ü‚­i‚Ü‚È‚¢‚à‚Ì‚Å‚·‚ˁB

ŽÀ‚Í‚Ü‚¾‚Ü‚¾’m‚ç‚È‚¢Ž–‚ª‘½‚¢JavaScript‚ÌŠî–{A
‚¿‚á‚ñ‚ƕ׋­‚µ‚È‚¢‚Ƃȁ[‚È‚ñ‚ÄŽv‚¤‚Ì‚Å‚·‚ªA
‚¿‚å‚­‚¿‚å‚­‹C‚¢‚½Žž‚É‚µ‚©‚Å‚«‚È‚©‚Á‚½‚肵‚Ü‚·B

‚»‚ñ‚ȍ¡‰ñu‚ ‚êH‚È‚ñ‚¾‚Á‚¯‚ȁA‚±‚êHv
‚È‚ñ‚ÄŽv‚Á‚½‚Ì‚ªu?v‚ÌŽg‚¢‚Ç‚±‚ëB
’²‚ׂĂ݂½‚çAðŒ‰‰ŽZŽq‚Æ‚¢‚¤‚±‚ƁB
‚Ç‚¤‚¢‚¤Žg‚¢•û‚ª‚Å‚«‚é‚Ì‚©A­‚µŽŽ‚µ‚Ä‚Ý‚½B

ƒWƒ‡ƒCƒ}ƒ“•—‚ä‚é‚q‚`‚oƒWƒFƒlƒŒ[ƒ^

Å‹ß‚Í‚Ü‚Á‚Ä‚¢‚邨Î‚¢Œ|l‚̂ЂƂAƒWƒ‡ƒCƒ}ƒ“B
‚»‚ñ‚ȃWƒ‡ƒCƒ}ƒ“•—‚Ì‚ä‚éRAP‚𐶐¬‚µ‚Ä‚­‚ê‚éƒWƒFƒlƒŒ[ƒ^‚ª‚±‚êB

‚¿‚å‚Á‚Æ‚¾‚¯ŽŽ‚µ‚Ä‚Ý‚½B

æ“újQuery‚ÌŽÀŒ±‚ð‚µ‚ÄA
head•”•ª‚É‚àƒAƒNƒZƒX‚Å‚«‚邱‚Æ‚ª‚í‚©‚Á‚½‚̂ŁA
CSS‚ðØ‚è‘Ö‚¦‚ç‚ê‚é‚悤‚È‚à‚Ì‚ðì‚Á‚Ä‚Ý‚½B

•”•ª“I‚ÈCSS‚̕ύX‚Å‚ ‚ê‚΁A
jQuery‚ÌCSS‚ŕύX‚·‚é‚Ù‚¤‚ªŠÈ’P‚¾‚¯‚ǁA
‚½‚­‚³‚ñ‚Ì—Ê‚ÌCSS‚ð•ÏX‚·‚é‚悤‚ȏꍇ‚Í
‚ ‚ç‚©‚¶‚ßCSS‚ð‘‚¢‚Ä‚¨‚¢‚āA
‚»‚ê‚ɐ؂è‘Ö‚¦‚é‚悤‚·‚é‚Ù‚¤‚ªŠyB

‚Ȃ̂ŁAŠÈˆÕ“I‚ɐ؂è‘Ö‚¦‚ç‚ê‚é‚à‚Ì‚ðì‚Á‚Ä‚Ý‚½B

‘O‰ñ‚̃Gƒ“ƒgƒŠ[‚ʼnæ–ʂɃŒƒCƒ„[‚È‚Ç‚ª•\Ž¦‚³‚ê‚é‚悤‚È
jQuery‚̃vƒ‰ƒOƒCƒ“‚ðŽŽ‚µ‚ďЉ‚½‚ªA
¡‰ñ‚Í‚»‚ê‚Á‚Û‚¢‚à‚Ì‚ðŽ©•ª‚ōì‚Á‚Ă݂邱‚Æ‚É‚µ‚½B

Lightbox‚É‚µ‚냀[ƒ_ƒ‹ƒ{ƒbƒNƒX‚É‚µ‚ëA
”¼“§–¾‚̃ŒƒCƒ„[‚ʼnæ–Ê‚ª•¢‚í‚ê‚éƒXƒNƒŠƒvƒg‚ª‘½X‚ ‚Á‚āA
‚Ç‚¤‚â‚Á‚čì‚é‚ñ‚¾H‚È‚ñ‚ÄŽv‚Á‚Ä‚¢‚½‚¯‚ǁA
‰æ–Ê‘S‘̂𕢂¤ƒŒƒCƒ„[‚ª‚ ‚ê‚΂¢‚¢‚Ì‚©I
‚È‚ñ‚ÄŽv‚Á‚Ä‚Ý‚½‚̂ŁAŽÀŒ±‚µ‚Ă݂邱‚Æ‚É‚µ‚½B

jQuery‚̃vƒ‰ƒOƒCƒ“‚Æ‚©‚ðŒ©‚Ä‚¢‚½Žž‚ɁA
‚È‚É‚â‚ç–Ê”’‚»‚¤‚ȃvƒ‰ƒOƒCƒ“‚ð”­Œ©B

ujQuery BlockUI Pluginv

‰æ–Ê‘S‘Ì‚â‚à‚µ‚­‚Í—v‘f‚ɑ΂µ‚āA
”¼“§–¾‚̃ŒƒCƒ„[‚ð•\Ž¦‚³‚¹‚ăuƒƒbƒN‚·‚éƒvƒ‰ƒOƒCƒ“‚¾B

Žg‚¤‹@‰ï‚Í‚Å‚Ä‚­‚é‚©‚í‚©‚ç‚È‚¢‚¯‚ǁA
‚Æ‚è‚ ‚¦‚¸Žg‚Á‚ÄŽŽ‚µ‚½‚­‚È‚Á‚½‚̂ŁA
•×‹­‚Ì‚½‚߂Ƀƒ‚ƒGƒ“ƒgƒŠ[‚µ‚Ä‚¨‚­B

æ“ú(17“ú)‚Ì‹à—j“ú‚É‘æ10‰ñ–kŠC“¹WEBƒRƒ“ƒ\[ƒVƒAƒ€‚̃Zƒ~ƒi[‚ª‚ ‚è‚Ü‚µ‚½B

‹C‚¯‚Î‚à‚¤10‰ñ‚àW‚Ü‚Á‚Ä‚¢‚é‚Ì‚Å‚·‚ˁB

‚»‚ñ‚È10‰ñ–ڂ̃Zƒ~ƒi[‚́u‰f‘œƒRƒ“ƒeƒ“ƒc‚ɂ‚¢‚āv‚Å‚µ‚½B
‰f‘œƒRƒ“ƒeƒ“ƒc‚ðì‚éÛ‚É‹C‚ð‚‚¯‚鎖‚âA
‰f‘œƒRƒ“ƒeƒ“ƒc‚̍¡Œã‚Ȃǂɂ‚¢‚Ä‚Ì‚¨˜b‚Å‚µ‚½B

¡‰ñ‚àŠÈ’P‚É‚Å‚·‚ª‚܂Ƃ߂Ă݂悤‚ÆŽv‚¢‚Ü‚·B

jQuery‚ðŽg‚¤‚ƁAHTML“à‚Ì‚¢‚ë‚¢‚ë‚ȃ^ƒO‚ɃAƒNƒZƒX‚Å‚«‚āA
ŠÈ’P‚É‚»‚ê‚ç‚𑀍삷‚邱‚Æ‚ª‚Å‚«‚éB
‚¯‚ǁAhead“à‚Á‚Ä‘€ì‚·‚邱‚Æ‚Å‚«‚é‚Ì‚©‚ȁH
ˆê‰žhtml‚¾‚µ‚Å‚«‚é‚æ‚ˁH‚È‚ñ‚Ä‹^–â‚ÉŽv‚Á‚½‚̂ŁA
‚Æ‚è‚ ‚¦‚¸ŽŽ‚µ‚Ä‚Ý‚½B

‚¢‚Â‚àƒ[ƒ‹ƒI[ƒo[‚ðÝ’è‚·‚é‚Æ‚«‚́A
ƒpƒb‚Æ‚·‚®‚ɐ؂è‘Ö‚í‚é‚à‚Ì‚ðŽg‚Á‚Ä‚¢‚½‚Ì‚Å‚·‚ªA
ˆÈ‘OÐ‰î‚µ‚½Au“§–¾“x‚ð—˜—p‚µ‚½ƒ[ƒ‹ƒI[ƒo[v
‚±‚ê‚ðŽg‚¦‚΃tƒƒb‚Æ‚µ‚½ƒ[ƒ‹ƒI[ƒo[‚ª‚Å‚«‚ȁ`
‚È‚ñ‚ÄŽv‚Á‚½‚Ì‚Å‚³‚Á‚»‚­ì‚Á‚Ä‚Ý‚½B

10ŒŽ‚à‚à‚¤”¼‚΂ð‰ß‚¬‚邱‚ë‚É‚È‚Á‚Ä‚µ‚Ü‚¢‚Ü‚µ‚½‚ªA
‚XŒŽ‚̐l‹CƒGƒ“ƒgƒŠ[‚ðÚ‚¹‚Ä‚È‚©‚Á‚½‚Æ‚¢‚¤‚±‚Æ‚ð
‚¢‚Ü‚³‚çŽv‚¢o‚µ‚½‚̂ŁAÚ‚¹‚Ä‚¨‚±‚¤‚ÆŽv‚¢‚Ü‚·B

¡ŒŽ‚à–kŠC“¹WEBƒRƒ“ƒ\[ƒVƒAƒ€‚Ì’è—á‰ï‚ªs‚í‚ê‚Ü‚·B

¡ŒŽ‚ÍWeb‚É‚¨‚¯‚é‰f‘œƒRƒ“ƒeƒ“ƒc‚ɂ‚¢‚ẴZƒ~ƒi[‚É‚È‚è‚Ü‚·B

‰f‘œƒRƒ“ƒeƒ“ƒc‚̐§ìŽ–—á‚â\¬A§ìŽ–—á‚ɂ‚¢‚Ä‚Ì‚¨˜b‚É‚È‚é‚悤‚Å‚·B

‚Í‚ÁIH“à—e‚ƃŠ[ƒh•¶‚ª‚ ‚Á‚Ä‚È‚¢IH
‚Á‚Ä‚±‚Æ‚Å‚¢‚‚̂܂ɂâ‚çC³‚µ‚Ä‚¨‚­B

”wŒiF‚Æ‚©•¶ŽšF‚Æ‚©AFŠÖŒW‚ðƒAƒjƒ[ƒVƒ‡ƒ“‚³‚¹‚悤‚ÆŽv‚Á‚Ä‚àA
‚Ç‚¤‚â‚çjQuery’P‘̂ł̓Aƒjƒ[ƒVƒ‡ƒ“‚Å‚«‚È‚¢B

‚È‚ºIH

‚Æ‚Ü‚ŸA”wŒi‚Æ‚©FŠÖŒW‚ðƒAƒjƒ[ƒVƒ‡ƒ“‚ÅŽg‚¢‚½‚¢‚È‚ÆŽv‚Á‚½‚̂ŁA
FŠÖŒW‚ðˆµ‚¦‚é‚悤‚É‚·‚éƒvƒ‰ƒOƒCƒ“‚ðŒ©‚Â‚¯‚½‚̂ŁAƒƒ‚ƒGƒ“ƒgƒŠ[‚µ‚Ä‚¨‚­B

jQuery‚ðŽg‚¤‚ƃ[ƒ‹ƒI[ƒo[‚Æ‚©‚àŠy‚ɐݒè‚Å‚«‚邵A
æ“ú‚̂悤‚ɁAƒNƒŠƒbƒN‚Å”wŒi‚ð•ÏX‚·‚邱‚Æ‚à‰Â”\‚¾B

¡“ú‚̓[ƒ‹ƒI[ƒo[•”•ª‚ŃNƒŠƒbƒN‚µ‚½‚Æ‚«A
ƒNƒŠƒbƒN‚µ‚½•”•ª‚̉摜‚́Aƒ[ƒ‹ƒI[ƒo[Žž‚Ì‚Ü‚Ü‚É‚µ‚Ä‚¨‚«‚½‚¢A
‚»‚̂܂܂̏ó‘Ô‚É‚µ‚Ä‚¨‚­‚悤‚É‚·‚éƒXƒNƒŠƒvƒg‚É‚µ‚Ä‚Ý‚½B

Å‹ßjQuery‚̃vƒ‰ƒOƒCƒ“‚̏Љî‚΂©‚è‚Å‚·‚ªA
¡“ú‚àjQuery‚̃vƒ‰ƒOƒCƒ“‚̏ЉîB

¡“ú‚ÍjQuery‚̃vƒ‰ƒOƒCƒ“‚ŁA
ŠÈ’P‚ÉŠpŠÛ‚É‚µ‚Ä‚µ‚Ü‚¤‚à‚Ì‚ðÐ‰î‚µ‚Ü‚·B

wJQuery Curvy Cornersx

—L–¼‚È‚Ì‚¾‚ƁujQuery Cornerv‚È‚Ì‚Å‚·‚ªA
JQuery Curvy Corners‚Ì•û‚ª‰æ‘œ‚Æ‚©‚É‚àŽg‚¦‚é‚̂ŁA
‚±‚Á‚¿‚Ì‚Ù‚¤‚ª—˜—p‚·‚éƒP[ƒX‚ª‘½‚¢‚©‚È‚ÆŽv‚¢Žg‚Á‚Ä‚Ý‚Ü‚µ‚½B

Å‹ßPNG‚Å‚Ì•\Œ»‚ª—¬s‚èH

‚¿‚å‚Á‚Æ‚»‚̕ӂ͏î•ñ•s‘«‚Ȃ̂ŏȗª‚µ‚Ü‚·‚ªA
¡“ú‚ÍjQuery‚̃vƒ‰ƒOƒCƒ“‚ðŽg‚Á‚Ä“§‰ßPNG‚ðIE6‚ɑΉž‚³‚¹‚Ä‚Ý‚Ü‚·B

“§‰ßPNG‚ðŽg‚¦‚é‚Ù‚¤‚É‚·‚é•û–@‚́A
‚·‚Å‚É‚¢‚ë‚¢‚ë‚È•û–@‚ªÐ‰î‚³‚ê‚Ä‚¢‚āAÅ‹ß‚Å‚àA
uIE6‚ÉPNG‰æ‘œ‚̃Aƒ‹ƒtƒ@ƒ`ƒƒƒ“ƒlƒ‹‚ðŒø‚©‚¹‚é•û–@‚̂܂Ƃ߁v
‚È‚ñ‚Ä‚Ì‚ªÐ‰î‚³‚ꂽ‚肵‚Ä‚¢‚Ü‚·B

¡‰ñÐ‰î‚·‚éjQuery‚̂́A‚à‚¤‚©‚È‚è‘O‚©‚ç‚ ‚é‚Ì‚Å‚·‚ªA
ŒÂl“I‚É’m‚ç‚È‚©‚Á‚½‚̂ŁAƒƒ‚‚Æ‚µ‚ăGƒ“ƒgƒŠ[‚µ‚Ä‚¨‚«‚Ü‚·B

jQuery‚ðŽg‚Á‚āAƒ}ƒEƒXƒI[ƒo[‚âƒNƒŠƒbƒN‚ð‚µ‚½‚Æ‚«‚ɁA
”wŒi‰æ‘œ‚ð•ÏX‚·‚é‚Æ‚¢‚¤ˆÄŒ‚ª“ü‚è‚»‚¤‚¾‚Á‚½‚̂ŁA
ŽÀŒ±“I‚ɍì‚Á‚Ä‚Ý‚Ü‚µ‚½B

ƒ}ƒEƒXƒI[ƒo[‚µ‚½‚Æ‚«‚âAƒNƒŠƒbƒN‚µ‚½Žž‚ɁA
”wŒi‚̉摜‚ª•Ï‚í‚è‚Ü‚·B

jQuery‚ðŽg‚¦‚Ίî–{“I‚ÈŽ–‚¾‚¯‚Å‚Å‚«‚邱‚Æ‚Å‚·B

ˆÈ‘Opandola.jp‚Å‹LŽ–‚ðÚ‚¹‚Ä‚­‚ꂽ‚ׂɂÀ‚傳‚ñA
‚»‚ׂ̂ɂÀ‚傳‚ñ‚ª“­‚­‰ïŽÐ‚ŁA‚È‚É‚â‚çVƒT[ƒrƒX‚ªƒŠƒŠ[ƒX‚³‚ꂽ‚炵‚¢B

uapoloniƒAƒ|ƒƒ“jv

‚±‚Ìapolon‚́A‚¨ŽdŽ–‚ƍ˔\‚ð‚‚Ȃ°‚éƒT[ƒrƒX‚炵‚¢B
‚È‚É‚Í‚Æ‚à‚ ‚êAŽg‚Á‚Ă݂悤I‚Á‚Ä‚±‚Æ‚Å“o˜^‚µ‚Ä‚Ý‚½B