kitsã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ / 2011å¹´11æœˆ10æ—¥ - ã¯ã¦ãªãƒ

J's GOAL | ãƒ•ã‚©ãƒˆãƒ‹ãƒ¥ãƒ¼ã‚¹ | [ å·å´Žï¼¦ï¼š FOOTÃ—BRAINã€ã«ä¸æ‘æ†²å‰›é¸æ‰‹ãŒå‡ºæ¼”ï¼]

[ å·å´Žï¼¦ï¼š FOOTÃ—BRAINã€ã«ä¸æ‘æ†²å‰›é¸æ‰‹ãŒå‡ºæ¼”ï¼] 11æœˆ12æ—¥(åœŸ)ã«ãƒ†ãƒ¬ãƒ“æ±äº¬ã§æ”¾é€ã•ã‚Œã‚‹ã€ŒFOOTÃ—BRAINã€ã«ãƒ•ãƒãƒ³ã‚¿ãƒ¼ãƒ¬ã®ä¸æ‘æ†²å‰›é¸æ‰‹ã€ä¸è¥¿å“²ç”Ÿã•ã‚“ã€ãã—ã¦åƒ•ãƒãƒŠã§æœ‰åãªã‚ã®éƒ¨é•·ã¾ã§â€¦ã€‚ãƒ•ãƒãƒ³ã‚¿ãƒ¼ãƒ¬ã®ãƒãƒ¼ãƒ æˆ¦ç•¥ã€ãƒãƒ¼ãƒ é‹å–¶ã®æ‰‹æ³•ã‚’ãƒ•ãƒãƒ³ãƒˆã‚¹ã‚¿ãƒƒãƒ•ã¨ä¸æ‘é¸æ‰‹ã®è¨¼è¨€ã§è§£ãæ˜Žã‹ã—ã¾ã™ã€‚ãœã²ã”è¦§ãã ã•ã„ï¼ è©³ã—ã„ç•ªçµ„æƒ…å ±ã¯ã“ã¡ã‚‰ 2011å¹´11æœˆ10æ—¥ï¼ˆæœ¨ï¼‰ï¼šæä¾›ï¼šå·å´Žãƒ•ãƒãƒ³ã‚¿ãƒ¼ãƒ¬ ï½œãƒªãƒ³ã‚¯ç”¨URLï½œãƒ•ã‚©ãƒˆæ¤œç´¢

kits 2011/11/10

ãƒªãƒ³ã‚¯

https://www.fenrir.co.jp/blog/2011/11/books-for-web-engineer.html

kits 2011/11/10

Effective Perl ã¯ã‚„ã‚„å¤ã„ã‹ã‚‚ã€‚ã§ã‚‚å¥½ããªæœ¬ã§ã™ã€‚

perl
book

ãƒªãƒ³ã‚¯

ã‚«ãƒãƒ¥ãƒ¼ã‚·ãƒ£ - Wikipedia

ã‚«ãƒãƒ¥ãƒ¼ã‚·ãƒ£ï¼ˆéœ²: ÐšÐ°Ñ‚ÑŽÑˆÐ°, ãƒã‚·ã‚¢èªžç™ºéŸ³:Â [kÉËˆtÊ²uÊ‚É™] ã‚«ãƒ†ãƒ¥ãƒ¼ã‚·ãƒ£ï¼‰ã¯ã€ãƒã‚·ã‚¢èªžãªã©ã«ã‚ˆãè¦‹ã‚‰ã‚Œã‚‹å¥³æ€§ã®äººåã€ã‚¨ã‚«ãƒ†ãƒªãƒ¼ãƒŠï¼ˆã‚¨ã‚«ãƒã‚§ãƒªãƒ¼ãƒŠã€Ð•ÐºÐ°Ñ‚ÐµÑ€Ð¸Ð½Ð°ï¼‰ã®æ„›ç§°å½¢ã§ã‚ã‚‹ã€‚ãƒ‹ãƒ¥ã‚¢ãƒ³ã‚¹ã¨ã—ã¦ã¯ã€Œã‚¨ã‚«ãƒ†ãƒªãƒ¼ãƒŠã•ã‚“ã€ã¨ã„ã†ç¨‹åº¦ã®æ„å‘³ã‹ã‚‰ã‚ˆã‚Šè¦ªã—ã’ãªå‘¼ã³ã‹ã‘ã¾ã§å¹…ãŒã‚ã‚‹ã€‚ã‚¨ã‚«ãƒ†ãƒªãƒ¼ãƒŠã®çŸç¸®å½¢ã«ã¯ä»–ã«ã‚«ãƒ¼ãƒãƒ£ï¼ˆÐšÐ°Ñ‚Ñï¼‰ãªã©ãŒã‚ã‚‹ãŒã€ã‚«ãƒãƒ¥ãƒ¼ã‚·ãƒ£ã¯ã‚«ãƒ¼ãƒãƒ£ã‚ˆã‚Šè¦ªå¯†åº¦ã®é«˜ã„å‘¼ã³æ–¹ã§ã‚ã‚‹ã€‚[è¦å‡ºå…¸]

kits 2011/11/10

ã‚¨ã‚«ãƒ†ãƒªãƒ¼ãƒŠã®æ„›ç§°ã€‚/ é ã«ã¤ã‘ã‚‹æ–¹ã®å‘¼ç§°ã¯æ—¥æœ¬ç‹¬è‡ªã®ã‚‚ã®ã€‚

name

ãƒªãƒ³ã‚¯

lessã§ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã«è‰²ã‚’ã¤ã‘ã‚‹

ã‚·ã‚§ãƒ«ã®æ“ä½œä¸ã€Œãƒ†ã‚ã‚¹ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã¡ã‚‡ã“ã£ã¨è¦—ããŸã„ãªã€ã¨æ€ã£ãŸã¨ãã«æŠœç¾¤ã«ä¾¿åˆ©ãªlessã‚³ãƒžãƒ³ãƒ‰ã§ã‚ã‚‹ãŒã€æ™®æ®µç¶ºéº—ã«è‰²ä»˜ã‘ã•ã‚ŒãŸã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’è¦‹æ…£ã‚Œã¦ã„ã‚‹ã¨ã€ãƒ¢ãƒŽã‚¯ãƒã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã®è¦‹ã¥ã‚‰ã•ã«æ„•ç„¶ã¨ã—ã¦ã—ã¾ã†ã€‚çµå±€lessã‚’çµ‚äº†ã—ã¦ä»–ã®ã‚¨ãƒ‡ã‚£ã‚¿ã§é–‹ããªãŠã™ã“ã¨ã«ãªã‚‹ã®ã ãŒã€lessã§ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã«è‰²ä»˜ã‘ï¼ˆã‚·ãƒ³ã‚¿ãƒƒã‚¯ã‚¹ãƒã‚¤ãƒ©ã‚¤ãƒˆï¼‰ã§ãã‚Œã°ä¾¿åˆ©ãªã®ã«ãªãƒ¼ã£ï¼ã¨æ€ã£ãŸã“ã¨ã¯ãªã„ã ã‚ã†ã‹ã€‚ãã†ã€ã‚ã‚‹ã‚“ã§ã™ï¼lessã§ã‚·ãƒ³ã‚¿ãƒƒã‚¯ã‚¹ãƒã‚¤ãƒ©ã‚¤ãƒˆã™ã‚‹æ–¹æ³•ã¯ã‚ã‚‹ã‚“ã§ã™ï¼ã¨ã„ã†ã‚ã‘ã§ã€ä»Šæ—¥ã¯ãã®æ–¹æ³•ã‚’ç´¹ä»‹ã—ã‚ˆã†ã€‚ GNU Source-highlightçµè«–ã‹ã‚‰è¨€ã†ã¨ã€ä»Šæ—¥ç´¹ä»‹ã™ã‚‹æ–¹æ³•ã¯GNU Source-highlightã‚’ä½¿ã†ã€‚GNU Source-highlightã‚’ä½¿ãˆã°ã‚¤ãƒƒãƒ‘ãƒ„ã ã€‚ãªã®ã§ã¾ãšGNU Source-highlightã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã‚ˆã†ã€‚Ubuntuã‚„Fedoraãªã‚‰ãƒªãƒã‚¸ãƒˆãƒªã«ã‚

kits 2011/11/10

cygwinã«ã‚‚ source-highlight ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã‚ã‚Šã€‚lvã§è¦‹ã‚‹ã¨ãã¯ lv -c ã§ã€‚

ãƒªãƒ³ã‚¯

æ–‡æ›¸æ§‹é€ ã‚’è¦‹ãªãŠã—ãŸ(ã¦ã„ã‚‹)

HTML5åŒ–ã—ãŸå¾Œã€ã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ³ãŒãŠã‹ã—ã‹ã£ãŸã¨ã“ã‚ã‚’ä¿®æ£ã—ãŸã‚Šã€WAI-ARIAã‚’å°Žå…¥ã—ãŸã‚Šã€å°‘ã—èª¿æ•´ã—ã¦ãŸã‚Šã—ã¾ã—ãŸã€‚ã¾ã ã¾ã è¡Œãå±Šã„ã¦ã„ãªã„æ‰€ãŒã‚ã‚‹ã—ã€æœ¬å½“ã«ã“ã‚Œã§ã„ã„ã®ã¨ã‹è‰²ã€…åº§ã‚ŠãŒæ‚ªã„æ„Ÿã˜ã§ã™ãã€‚ body | +--header role="banner" | | | +--h1 | | | +--nav | +--div id="main" role="main" | | | +--section or article or nav | +--footer role="contentinfo" | +--address | +--section ãŠãŠã‚ˆãã®ãƒšãƒ¼ã‚¸ã§å…±é€šã®éƒ¨åˆ†ã¯ä»¥ä¸Šã®ã‚ˆã†ãªå½¢ã«ãªã£ã¦ã„ã¾ã™ã€‚div#mainãŒã¡ã‚‡ã£ã¨ã‚¢ãƒ¬ãªæ°—ãŒã—ã¾ã™ãã€‚æœ¬å½“ã¯ãƒšãƒ¼ã‚¸ã«ã‚ˆã£ã¦articleè¦ç´ ã«role="main"æŒãŸã›ãŸã‚Šã¨ã‹è‰²ã€…ã¡ã‚ƒã‚“ã¨ã—ãŸã„ã¨ã“ã‚ãªã‚“ã§ã™ãŒã€Bl osxomã®

kits 2011/11/10

html
html5

ãƒªãƒ³ã‚¯

ç™½æŠœãæ–‡å—ã‚’text-shadowã§

CSSã§æ–‡å—ã®ã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ³ã‚’æãæ–¹æ³•ã‚’è€ƒãˆã¦ã„ã¦ã€text-shadowãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’ä½¿ã£ã¦å¼·å¼•ã«æã„ã¦ã¿ã¾ã—ãŸã€‚WebKitç³»ã§å¯èƒ½ãª-webkit-text-storkeã¨-webkit-text-fill-colorãƒ—ãƒãƒ‘ãƒ†ã‚£ã«ã‚ˆã‚‹ã‚‚ã®ã¨æ¯”ã¹ã¦äºŒé‡ã«ã§ãã‚‹ã¨ã‹å¤šè‰²å±•é–‹ã‚‚ç°¡å˜ã¨ã‹ãŒåˆ©ç‚¹ã§ã—ã‚‡ã†ã‹ã€‚CSS-Trickã§ä¸€å¹´ä»¥ä¸Šå‰ã«è©±é¡Œã«ãªã£ã¦ã¾ã—ãŸâ€¦â€¦ã€‚ Demo: Outline Text with text-shdow äºŒé‡ã‚’ä¾‹ã«ã¨ã‚‹ã¨ .double { text-shadow: -1px -1px black, 1px -1px black, 1px 1px black, -1px 1px black, -2px -2px white, 2px -2px white, 2px 2px white, -2px 2px white, -3px -3px black, 3px -3px

kits 2011/11/10

css

ãƒªãƒ³ã‚¯

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ã‚¿ã‚°

2011å¹´11æœˆ10æ—¥ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6ä»¶)

J's GOAL | ãƒ•ã‚©ãƒˆãƒ‹ãƒ¥ãƒ¼ã‚¹ | [ å·å´Žï¼¦ï¼š FOOTÃ—BRAINã€ã«ä¸æ‘æ†²å‰›é¸æ‰‹ãŒå‡ºæ¼”ï¼]

https://www.fenrir.co.jp/blog/2011/11/books-for-web-engineer.html

ã‚«ãƒãƒ¥ãƒ¼ã‚·ãƒ£ - Wikipedia

lessã§ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã«è‰²ã‚’ã¤ã‘ã‚‹

æ–‡æ›¸æ§‹é€ ã‚’è¦‹ãªãŠã—ãŸ(ã¦ã„ã‚‹)

ç™½æŠœãæ–‡å—ã‚’text-shadowã§

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬2é€±ï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬1é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

ã‚¿ã‚°

2011å¹´11æœˆ10æ—¥ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6ä»¶)

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬2é€±ï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬1é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆï¼‰

å…¬å¼Twitter

ã‚­ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

2011å¹´11æœˆ10æ—¥ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6ä»¶)

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬2é€±ï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬1é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹