[B! ç”»åƒ] ben-keiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ben-kei id:ben-kei

ç”»åƒã«é–¢ã™ã‚‹ben-keiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ€ãƒŸãƒ¼ç”»åƒã‹ã‚‰ã€å®Ÿç”¨çš„ãªã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºãŒè±Šå¯Œã«ç”¨æ„ã•ã‚ŒãŸãƒ€ãƒŸãƒ¼ç”»åƒç”Ÿæˆã‚µãƒ¼ãƒ“ã‚¹ -Cambelt
ãƒ€ãƒŸãƒ¼ç”»åƒç”Ÿæˆã‚µãƒ¼ãƒ“ã‚¹ã®çœŸæ‰“ã¡ãŒç™»å ´ã—ãŸãžã€ã¨ã„ã†æ„Ÿã˜ã§ã™ã€‚ ç”»åƒã®ã‚µã‚¤ã‚ºã‚’è¡¨è¨˜ã—ãŸã‚·ãƒ³ãƒ—ãƒ«ãªãƒ€ãƒŸãƒ¼ç”»åƒã‹ã‚‰ã€å®Ÿç”¨çš„ãªã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºãŒè±Šå¯Œã«ç”¨æ„ã•ã‚ŒãŸãƒ€ãƒŸãƒ¼ç”»åƒç”Ÿæˆã‚µãƒ¼ãƒ“ã‚¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Cambelt Cambelt -GitHub Cambeltã®ä½¿ã„æ–¹ Cambeltã®ãƒ‡ãƒ¢ Cambeltã®ä½¿ã„æ–¹ Cambeltã¯Rubyã§ä½œæˆã•ã‚ŒãŸã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“ã‚¹ã§ã€imgè¦ç´ ã®srcå±žæ€§ã«ã‚³ãƒ¼ãƒ‰ã‚’è¨˜è¿°ã™ã‚‹ã ã‘ã§ç°¡å˜ã«ãƒ€ãƒŸãƒ¼ç”»åƒã‚’é…ç½®ã§ãã¾ã™ã€‚ HTML ã‚µã‚¤ã‚ºï¼š300x200ã®ãƒ€ãƒŸãƒ¼ç”»åƒã‚’ç”Ÿæˆã€‚ <img src="http://cambelt.co/300x200" /> ä¸‹è¨˜ã¯ã€Cambeltã§é…ç½®ã—ãŸãƒ€ãƒŸãƒ¼ç”»åƒã§ã™ã€‚ Cambeltã®ãƒ‡ãƒ¢ ãƒ‡ãƒ¢ã§ã¯ã‚·ãƒ³ãƒ—ãƒ«ãªã®ã‚‚ã®ã‹ã‚‰ã€å®Ÿç”¨çš„ãªã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚’æ–½ã›ã‚‹ã‚‚ã®ã¾ã§ã€ãŸãã•ã‚“ã‚ã‚Šã¾ã™ã€‚ ã¾ãšã¯ã€ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ‡ãƒ¢ã‹ã‚‰ã€‚ ãƒ€ãƒŸãƒ¼ç”»åƒã®ãƒ‡ãƒ¢ï¼šã‚·ãƒ³ãƒ—ãƒ«ç‰ˆ ã‚µã‚¤
ben-kei 2012/10/17
ãƒ€ãƒŸãƒ¼

ç”»åƒ

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
é¡”ã«ãƒ¢ã‚¶ã‚¤ã‚¯ã‚’ã‹ã‘ãŸã‚Šã§ãã‚‹ç”»åƒãƒ—ãƒã‚ã‚·:phpspoté–‹ç™ºæ—¥èªŒ
Cloudinary - Blog - Automatic face-blurring in images made easy é¡”ã«ãƒ¢ã‚¶ã‚¤ã‚¯ã‚’ã‹ã‘ãŸã‚Šã§ãã‚‹ç”»åƒãƒ—ãƒã‚ã‚· OpenCVã‚’ä½¿ã†ã‚ã‘ã§ã¯ãªãã¦ã€æŒ‡å®šã‚µãƒ¼ãƒã®URLã®å¾Œã«ç”»åƒã®URLã‚’åŸ‹ã‚è¾¼ã‚€ã ã‘ã¨ã„ã†ç°¡å˜ä»•æ§˜ã€‚ http://res.cloudinary.com/demo/image/fetch/e_pixelate_faces/http://ã€œç”»åƒã®URL ãªã©ã¨æŒ‡å®šã™ã‚‹ã ã‘ã§ç”»åƒã®é¡”ã®éƒ¨åˆ†ãŒãƒ¢ã‚¶ã‚¤ã‚¯åŒ–ã•ã‚Œã¾ã™ Cloudinary - Blog - Cloud-based API for applying effects on images ä»–ã«ã‚‚è‰²ã€…ãªAPIãŒã‚ã‚‹ã£ã½ã„ ã©ã‚“ãªè¨€èªžã§ã‚‚ç°¡å˜ã«æ‰±ãˆã‚‹ã€ã“ã®ã‚·ãƒ³ãƒ—ãƒ«ã•ã¯ã„ã„ã§ã™ãã€‚
ben-kei 2012/09/18
API

ç”»åƒ
ãƒªãƒ³ã‚¯
è¶…ã‚«ãƒƒã‚³ã„ã„ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’å®Ÿè£…ã§ãã‚‹ã€ŒiView v2.0ã€:phpspoté–‹ç™ºæ—¥èªŒ
iView v2.0 è¶…ã‚«ãƒƒã‚³ã„ã„ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’å®Ÿè£…ã§ãã‚‹ã€ŒiView v2.0ã€ã€‚ ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã®ãƒ‡ã‚¶ã‚¤ãƒ³ç‰ãŒè‰¯ã„æ„Ÿã˜ã§ç”»åƒã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹éš›ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚‚è‰²ã€…é¸ã¹ã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã§ã™ã€‚ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«ã‚‚å¯¾å¿œã—ã¦ã„ã¾ã™ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª è¶…ã‚·ãƒ³ãƒ—ãƒ«ãªFlickrç”»åƒã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒFlickrshowã€ ã“ã‚Œã¯æ–°ã—ã„!ãƒ‘ãƒãƒ«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒç¾Žã—ã„ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼å®Ÿè£…ãƒ‡ãƒ¢ CSS3ã®ã¿ã§ã‚¯ãƒã‚¹ãƒ•ã‚§ãƒ¼ãƒ‰ã™ã‚‹ãƒ¯ã‚¤ãƒ«ãƒ‰ãªã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼
ben-kei 2012/08/03
ã‚¹ãƒ©ã‚¤ãƒ‰

ç”»åƒ

ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼
ãƒªãƒ³ã‚¯
è¦‹ãŸç›®ã¯ãã®ã¾ã¾ã§ã€JPEGç”»åƒã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã‚’1/5ã«è»½é‡åŒ–ã™ã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“ã‚¹ -JPEGmini | ã‚³ãƒªã‚¹
JEPGç”»åƒã®è¦‹ãŸç›®ã®å“è³ªã‚’ç¶æŒã—ã¤ã¤ã€ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã‚’1/5ã«è»½é‡åŒ–ã™ã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“ã‚¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ â€»1/5ã¯ç”»åƒã«ã‚ˆã£ã¦å·®ãŒã‚ã‚Šã¾ã™ã€‚ JPEGmini å·¦ï¼šã‚ªãƒªã‚¸ãƒŠãƒ«ï¼ˆ3662KBï¼‰ã€å³ï¼šJPEGminiï¼ˆ628KBï¼‰ [ad#ad-2] ã‚µã‚¤ãƒˆã§ã¯ãƒ‡ãƒ¢ã®JPEGç”»åƒãŒ4ç¨®é¡žã‚ã‚Šã€ä¸å¤®ã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’æ“ä½œã™ã‚‹ã“ã¨ã§å·¦ï¼šã‚ªãƒªã‚¸ãƒŠãƒ«ã€å³ï¼šJPEGminiã€è¦‹ãŸç›®ã®å“è³ªã‚’æ¯”è¼ƒã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚
ben-kei 2011/09/01
ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“ã‚¹

ç”»åƒ
ãƒªãƒ³ã‚¯
[JS]é™ã‚‰ã‚ŒãŸé ˜åŸŸå†…ã§å¤§ãã„ç”»åƒã‚’ãƒ‰ãƒ©ãƒƒã‚°ã§ã‚¹ãƒ©ã‚¤ãƒ‰ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -SpryMap
å¤§ãã„ç”»åƒã‚’é™ã‚‰ã‚ŒãŸé ˜åŸŸå†…ã«è¡¨ç¤ºã—ã€Googleãƒžãƒƒãƒ—ã®ã‚ˆã†ã«ãƒžã‚¦ã‚¹ã®ã‚¯ãƒªãƒƒã‚¯ã¨ãƒ‰ãƒ©ãƒƒã‚°ã§ãã®ç”»åƒã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚¹ãƒ©ã‚¤ãƒ‰ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ SpryMap ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ [ad#ad-2] ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¯jQueryãªã©ã®ä»–ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯å¿…è¦ã¨ã›ãšã€å˜ç‹¬ã§å‹•ä½œã—ã¾ã™ã€‚ SpryMapã®ç‰¹å¾´ ä»–ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«ä¾å˜ã›ãšã«å‹•ä½œã™ã‚‹è¶…è»½é‡ï¼ˆ3KBï¼‰ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã€‚ ç”»åƒã‚’è¡¨ç¤ºã™ã‚‹é ˜åŸŸã¯ãƒ”ã‚¯ã‚»ãƒ«å˜ä½ã§æŒ‡å®šãŒå¯èƒ½ã€‚ ç”»åƒã‚’æœ€åˆã«è¡¨ç¤ºã™ã‚‹åº§æ¨™ã‚’è¨å®šå¯èƒ½ã€‚ ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®æ™‚é–“ã‚’è¨å®šå¯èƒ½ã€‚ SpryMapã®å®Ÿè£… å®Ÿè£…ã¯ç°¡å˜ã§ã€ç”»åƒã«idã‚’æŒ‡å®šã—ã¦ä½¿ç”¨ã—ã¾ã™ã€‚ HTML ã‚¹ã‚¯ãƒªãƒ—ãƒˆã§ãƒ©ãƒƒãƒ‘ãƒ¼ã¨ãªã‚‹divè¦ç´ ã‚’è¿½åŠ ã—ã¾ã™ã€‚divã®classã¯ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã§è¨å®šã§ãã¾ã™ã€‚ <img id="worldMap" src="map.jpg" alt="A map of the world." /
ben-kei 2010/11/11
JavaScript

ç”»åƒ
ãƒªãƒ³ã‚¯
[CSS]ã‚µã‚¤ã‚ºãŒã°ã‚‰ã°ã‚‰ã§ç„¡æŒ‡å®šã®ç”»åƒã‚’ä¸€å®šã‚µã‚¤ã‚ºã§è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
ç”»åƒã‚’å¤§é‡ã«é…ç½®ã™ã‚‹ECã‚µã‚¤ãƒˆãªã©ã«ä¾¿åˆ©ãã†ãªã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’CSSplayã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ CSS play - F.a.S.T - Fit and Shrink Technique ãƒ‡ãƒ¢ ã‚µã‚¤ã‚ºã¯ã°ã‚‰ã°ã‚‰ã§ã€ã—ã‹ã‚‚ã‚µã‚¤ã‚ºã®æŒ‡å®šã‚’ãŠã“ãªã£ã¦ã„ãªã„ç”»åƒã‚’ä¸€å®šã®å¹…ã¨é«˜ã•ã®ãƒœãƒƒã‚¯ã‚¹ã«ã‚¢ã‚¹ãƒšã‚¯ãƒˆæ¯”ã‚’ç¶æŒã—ãŸã¾ã¾çœŸã‚“ä¸ã«è¡¨ç¤ºã—ã¾ã™ã€‚ ä¸Šè¨˜ã®ã‚ãƒ£ãƒ—ãƒãƒ£ã¯ã‚¹ã‚±ãƒ¼ãƒ«ã‚’å¤‰ãˆã¦ã„ã‚‹ã®ã§ã€ãœã²å…ƒã‚µã‚¤ãƒˆã®ãƒ‡ãƒ¢ã‚’ã”ç¢ºèªãã ã•ã„ã€‚ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¯IE7/8, Fx, Op, Safari(PC), Chromeãªã©ä¸»è¦ãªãƒ–ãƒ©ã‚¦ã‚¶ã®ã»ã¨ã‚“ã©ã§å‹•ä½œã—ã¾ã™ã€‚ IE6ã§ã¯ç”»åƒã®å…ƒã‚µã‚¤ã‚ºã§è¡¨ç¤ºã•ã‚Œã¦ã—ã¾ã„ã€ã—ã‹ã‚‚ãƒœãƒƒã‚¯ã‚¹ã®çœŸã‚“ä¸ã«ã¯è¡¨ç¤ºã•ã‚Œãªã„ã€ã¨ã®ã“ã¨ã§ã™ã€‚
ben-kei 2010/04/13
css

ç”»åƒ
ãƒªãƒ³ã‚¯
http://www.designwalker.com/2009/12/image-optimization.html
ben-kei 2009/12/13
æœ€é©åŒ–

ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“ã‚¹

ç”»åƒ
ãƒªãƒ³ã‚¯
1