[B! web][ç”»åƒ] syuntaeharaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

syuntaehara id:syuntaehara

webã¨ç”»åƒã«é–¢ã™ã‚‹syuntaeharaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

${{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}}

ç¬¬12å›žã€€ãƒ•ã‚¡ã‚¤ãƒ«ã®ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ | gihyo.jp
Webãƒ–ãƒ©ã‚¦ã‚¶ã‹ã‚‰ç”»åƒãªã©ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã§ãã‚‹ã“ã¨ã¯èªè€…ã‚‚ã”å˜çŸ¥ã§ã—ã‚‡ã†ã€‚ãƒ–ãƒã‚°ã®ã‚ˆã†ã«ã€æ–‡ç« ã¨ç”»åƒã®ä¸¡æ–¹ã‚’åŒæ™‚ã«æŠ•ç¨¿ã™ã‚‹ã®ãŒã‚ãŸã‚Šå‰ã«ãªã£ã¦ã„ã‚‹Webã‚µã‚¤ãƒˆã‚‚æ•°å¤šãå˜åœ¨ã—ã¾ã™ã€‚ã§ã¯ã€ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã•ã‚ŒãŸãƒ‡ãƒ¼ã‚¿ã‚’Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§ã¯ã©ã®ã‚ˆã†ã«å—ã‘å–ã£ã¦ã„ã‚‹ã®ã§ã—ã‚‡ã†ã‹ã€‚ä»Šå›žã¯ãã‚Œã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ ãªãŠã€PHPãƒ—ãƒã‚°ãƒ©ãƒ ã§ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã•ã‚ŒãŸãƒ‡ãƒ¼ã‚¿ã‚’å‡¦ç†ã™ã‚‹ãŸã‚ã«ã¯ã€å®Ÿè¡Œç’°å¢ƒã«ãŠã„ã¦ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã‚’å—ã‘ä»˜ã‘ã‚‰ã‚Œã‚‹ã‚ˆã†ã«è¨å®šã•ã‚Œã¦ã„ãªãã¦ã¯ãªã‚Šã¾ã›ã‚“ã€‚ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒžãƒ‹ãƒ¥ã‚¢ãƒ«ãªã©ã§äº‹å‰ã«ãã®è¨å®šã‚’ç¢ºèªã—ã¦ãŠã„ã¦ãã ã•ã„ã€‚ ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã®ãŸã‚ã®ãƒ•ã‚©ãƒ¼ãƒ ã¾ãšã€ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã™ã‚‹ãŸã‚ã®ãƒ•ã‚©ãƒ¼ãƒ ã«ã¤ã„ã¦ç¢ºèªã—ã¦ãŠãã¾ã—ã‚‡ã†ã€‚ãƒªã‚¹ãƒˆ1ã«ç”»åƒã¨ãã®ã‚¿ã‚¤ãƒˆãƒ«ã‚’æŠ•ç¨¿ã™ã‚‹ãƒ•ã‚©ãƒ¼ãƒ ã®ä¾‹ã‚’ç¤ºã—ã¾ã™ã€‚ãã‚Œã‚’Webãƒ–ãƒ©ã‚¦ã‚¶ã«è¡¨ç¤ºã•ã›ãŸã‚‚ã®ãŒå›³1ã§ã™ã€‚ã“ã®ãƒ•ã‚©ãƒ¼ãƒ ã«ã¯ãƒã‚¤ãƒ³ãƒˆãŒ3ã¤éš ã‚Œã¦ã„ã¾ã™ã€‚ ãƒªã‚¹
syuntaehara 2011/05/17
ã‚‚ã†ã ã‚ã

php

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

Web

ç”»åƒ

PHP

star
ãƒªãƒ³ã‚¯
WEBåˆ¶ä½œã€ãƒ—ãƒã®ç„¡æ–™ã‚µãƒ¼ãƒ“ã‚¹æ´»ç”¨è¡“ã€€ç¬¬1å›ž - MdN Design Interactive
ä½œæ¥åŠ¹çŽ‡ãŒã‚¢ãƒƒãƒ—ã™ã‚‹éš ã‚ŒãŸä½¿ã„æ–¹æ•™ãˆã¾ã™ï¼ WEBåˆ¶ä½œã€ãƒ—ãƒã®ç„¡æ–™ã‚µãƒ¼ãƒ“ã‚¹æ´»ç”¨è¡“ â”€â”€ãƒ‡ã‚¶ã‚¤ãƒ³ã«ä½¿ãˆã‚‹ãƒ„ãƒ¼ãƒ«ï¼ˆ1ï¼‰ ã‚¯ãƒ©ã‚¦ãƒ‰éš†ç››ã®æ˜¨ä»Šã€ã‚½ãƒ•ãƒˆã‚¦ã‚¨ã‚¢ã¨åŒç‰ã‹ã€ãã‚Œä»¥ä¸Šã«ä¾¿åˆ©ãªæ©Ÿèƒ½ã‚’æŒã£ãŸã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“ã‚¹ï¼ãƒ„ãƒ¼ãƒ«ãŒè±Šå¯Œã«å–ã‚Šãã‚ã£ã¦ããŸã€‚æœ¬è¨˜äº‹ã§ã¯ã€ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“ã‚¹ã®ä¸ã§ã‚‚ç„¡æ–™åˆ©ç”¨ãŒå¯èƒ½ãªã‚‚ã®ã‚’é¸ã‚Šã™ãã‚Šã€Webåˆ¶ä½œã‚’6ã¤ã®ã‚·ãƒ¼ãƒ³ã«åˆ†é¡žã—ã¦ã‚ˆã‚Šå¿«é©ã«ä½œæ¥ã™ã‚‹ãŸã‚ã® 82ã®æ´»ç”¨è¡“ã®ä¸ã‹ã‚‰ã€Webåˆ¶ä½œã«ä½¿ãˆã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã«ç‰¹åŒ–ã—ãŸç„¡æ–™ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ã®æ´»ç”¨æ³•ã‚’13ç‚¹ç´¹ä»‹ã™ã‚‹ã€‚ãƒ‡ã‚¶ã‚¤ãƒ³ã®å¹…ã‚’åºƒã’ã€Webã‚µã‚¤ãƒˆã®è³ªã‚’é«˜ã‚ã‚‹å®Ÿè·µæ–¹æ³•ã‚’è©¦ã—ã¦ã»ã—ã„ã€‚ Tweet [technique 01] ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã§æœ¬æ ¼çš„ãªç”»åƒç·¨é›†ã‚’ã™ã‚‹ ã€Œpixlrã€ [technique 02] ç¹°ã‚Šè¿”ã—ç”¨ã®èƒŒæ™¯ç”»åƒã‚’ä½œæˆã™ã‚‹ ã€ŒTiled backgrounds designerã€ [technique 03] ã‚«ãƒ©ãƒ¼ãƒ‘ã‚¿ãƒ¼
syuntaehara 2011/05/09
Web

ãƒ„ãƒ¼ãƒ«

ãƒ‡ã‚¶ã‚¤ãƒ³

color

webåˆ¶ä½œ

ç„¡æ–™

ç”»åƒ

design

ã¾ã¨ã‚

webã‚µãƒ¼ãƒ“ã‚¹
ãƒªãƒ³ã‚¯
HTML5ã§ã€ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ã§ã‚‚ä½¿ãˆã‚‹iPod/iPhoneè¶…ç°¡å˜ã‚¢ãƒ—ãƒªã£ã½ã„ã‚‚ã®ã‚’ä½œã£ã¦ã¿ãŸ ï¼ Publickey
HTML5ã«ã¯ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³æ©Ÿèƒ½ãŒã‚ã‚Šã€ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ã«å¯¾å¿œã—ãŸWebã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚Webãƒ–ãƒ©ã‚¦ã‚¶ã§ã„ã¡ã©è¡¨ç¤ºã•ã›ã‚Œã°ã€ã‚ã¨ã¯ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã¨ã®æŽ¥ç¶šãŒåˆ‡ã‚Œã¦ã‚‚ãã®ã¾ã¾ã‚¨ãƒ©ãƒ¼ã‚’èµ·ã“ã•ãšã«åˆ©ç”¨ã—ç¶šã‘ã‚‰ã‚Œã‚‹Webã‚µã‚¤ãƒˆã§ã™ã€‚ iPod Touchã‚„iPhoneã«æè¼‰ã•ã‚Œã¦ã„ã‚‹Webãƒ–ãƒ©ã‚¦ã‚¶ã®ã€ŒSafariã€ã¯HTML5ã®ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³æ©Ÿèƒ½ã«å¯¾å¿œã—ã¦ã„ã‚‹ãã†ãªã®ã§ã€HTML5ã‚’ä½¿ã£ã¦ã„ã¤ã§ã‚‚å‚ç…§ã§ãã‚‹è¶…ç°¡å˜ãªã‚¢ãƒ—ãƒªã‚’ä½œã‚Œã‚‹ã®ã§ã¯ãªã„ã‹ã€ãã†æ€ã£ã¦ãŠæ£æœˆä¼‘ã¿ã«è©¦ã—ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ å˜ã«è·¯ç·šå›³ã‚’è¡¨ç¤ºã™ã‚‹ã ã‘ã®ã‚¢ãƒ—ãƒª iPod Touchã‚’åƒ•ã¯åˆ©ç”¨ã—ã¦ã„ã‚‹ã®ã§ã™ãŒã€ã„ã¤ã§ã‚‚å‚ç…§ã§ãã‚‹åœ°ä¸‹é‰„ã®è·¯ç·šå›³ãŒã‚ã‚‹ã¨ã„ã„ãªã¨æ€ã£ã¦ã„ã¾ã—ãŸã€‚iPod Touchã¯Wifiæ©Ÿèƒ½ã—ã‹ãªã„ãŸã‚ã€å¤–å‡ºä¸ã¯ãšã£ã¨ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ã§ã®åˆ©ç”¨ãªã®ã§ã™ã€‚ ãã“ã§ã€èµ·å‹•ã™ã‚‹ã¨è·¯ç·šå›³ã®ç”»åƒã‚’è¡¨ç¤ºã™ã‚‹ã ã‘ã®è¶…
syuntaehara 2011/04/15
html

ç”»åƒ

HTML5

Web

ã‚ã¨ã§èªã‚€

webåˆ¶ä½œ

ã‚¢ãƒ—ãƒª

iphone
ãƒªãƒ³ã‚¯
PNGã®ç”»è³ªã‚’åŠ£åŒ–ã›ãšæ¥µé™ã¾ã§ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã‚’è½ã¨ã™ã€ãŸã£ãŸ1ã¤ã®æ–¹æ³• | ãƒ•ãƒªãƒ¼ã‚½ãƒ•ãƒˆãƒ©ãƒœ.com
ã‚¦ã‚§ãƒ–ä¸Šã§ä½¿ç”¨ã•ã‚Œã‚‹ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã«ã¯ã€ä¸»ã«JPEGã€GIFã€PNGã¨ã„ã†3ç¨®é¡žã®åœ§ç¸®å½¢å¼ãŒã‚ã‚Šã€ã“ã®ä¸ã§å¯é€†åœ§ç¸®ã‹ã¤ãƒ•ãƒ«ã‚«ãƒ©ãƒ¼ã€ã¤ã¾ã‚Šå…ƒç”»åƒã®ç”»è³ªã‚’è¦‹ãŸç›®ä¸Šä¸€åˆ‡åŠ£åŒ–ã•ã›ã‚‹ã“ã¨ãªããƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã‚’ç¸®å°ã§ãã‚‹ã®ãŒPNGã§ã™ãŒã€æ¬ ç‚¹ã¯é«˜ç”»è³ªãªåˆ†ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºãŒå¤§ãããªã£ã¦ã—ã¾ã„ãŒã¡ãªã“ã¨ã€‚ ã“ã®ãŸã‚ã€ãƒ•ãƒ«ã‚«ãƒ©ãƒ¼ã®PNGã‚’ã‚¦ã‚§ãƒ–ä¸Šã§ä½¿ç”¨ã™ã‚‹å ´åˆã¯å°‚ç”¨ãƒ„ãƒ¼ãƒ«ï¼ˆæœ‰åãªã‚‚ã®ã§ã¯AzConvPNGãªã©ï¼‰ã‚’ä½¿ç”¨ã—ã¦ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã®æœ€é©åŒ–ã‚’è¡Œã„ã€ç”»è³ªã‚’åŠ£åŒ–ã›ãšã«ã§ãã‚‹é™ã‚Šã‚µã‚¤ã‚ºã‚’è½ã¨ã—ãŸä¸Šã§ã‚µãƒ¼ãƒãƒ¼ã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã•ã‚Œã‚‹ã“ã¨ãŒã‚ˆãã‚ã‚Šã¾ã™ãŒã€ãã‚Œã§ã‚‚å‰Šæ¸›ã§ãã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã¯è‰¯ãã¦1å‰²ã¨ã„ã£ãŸã¨ã“ã‚ã§ã—ã‚‡ã†ã€‚ å®Ÿã¯ã€ä¸€èˆ¬ã«ã¯ã»ã¨ã‚“ã©çŸ¥ã‚‰ã‚Œã¦ã„ã¾ã›ã‚“ãŒã€ã“ã®ä»–ã«ã‚‚ãƒ•ãƒ«ã‚«ãƒ©ãƒ¼PNGã‚’ç”»è³ªåŠ£åŒ–ãªã—ã«ã€ã•ã‚‰ã«å¤§å¹…ã«ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã‚’å‰Šæ¸›ã§ãã‚‹è£æŠ€çš„ãªæ–¹æ³•ãŒå˜åœ¨ã—ã¾ã™ã€‚ã‚„ã‚Šæ–¹ã¯å°‘ã—é¢å€’ã§ã™ãŒã€ã†ã¾ãä½¿ãˆã°éžå¸¸
syuntaehara 2011/03/06
webåˆ¶ä½œ

png

ç”»åƒ

tips

ãƒ‡ã‚¶ã‚¤ãƒ³

ã“ã‚Œã¯ã™ã”ã„

ãƒ•ãƒªãƒ¼ã‚½ãƒ•ãƒˆ

webãƒ‡ã‚¶ã‚¤ãƒ³

Web

ãƒ„ãƒ¼ãƒ«
ãƒªãƒ³ã‚¯
1