[B! webåˆ¶ä½œ] yosfã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

yosf id:yosf

webåˆ¶ä½œã«é–¢ã™ã‚‹yosfã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

Webåˆ¶ä½œã‚’ã“ã‚Œã‹ã‚‰å§‹ã‚ã‚‹äººã®ç‚ºã®ã‚¹ã‚ãƒ«ãƒ»HTMLãƒ»CSSãƒ»ãƒ–ãƒ©ã‚¦ã‚¶ãƒ»å†™çœŸç´ æå…¥æ‰‹ã®åŸºç¤Žæƒ…å ±
Yamadaã§ã™ã€‚ ã‹ã‚Œã“ã‚ŒWebå±‹æš¦ãŒ14å¹´ãã‚‰ã„ã«ãªã‚‹ã‚“ã§ã™ãŒã€ã“ã†ã—ã¦Webã«æºã‚ã£ã¦ã„ã‚‹ã¨ã€3ãƒ¶æœˆå‘¨æœŸã§æƒ…å ±ã®å…¥ã‚Œæ›¿ãˆã‚’ã—ã¦ã„ã‹ãªã„ã¨ã€æ£ç›´è¿½ã„ã¤ã‹ãªã„ã¨æ„Ÿã˜ã¾ã™ã€‚ãã‚“ãªæ¿€æµã®ã‚ˆã†ãªWebæ¥ç•Œã«ã“ã‚Œã‹ã‚‰é£›ã³è¾¼ã‚‚ã†ã¨è¨€ã†æ–°å’ã®æ–¹ã‚„ã€ä¸é€”ã®æ–¹ã«é€ã‚‹ãƒã‚¤ãƒ–ãƒ«ã¨ãªã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ ã¨ã„ã†ã‚ã‘ã§æ”¹ã‚ã¦æ˜¥ã§ã™ã—ã€ã“ã‚Œã‹ã‚‰ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ï¼ˆWebã‚µã‚¤ãƒˆï¼‰ã‚’ä½œæˆã—ã¦Webå±‹ã•ã‚“ã«ãªã‚‹æ–¹ã¸é€ã‚‹ãŠå‹§ã‚ã‚µã‚¤ãƒˆé›†ã§ã™ã€‚ å¾Œç·¨ã¯ã“ã¡ã‚‰ Webåˆ¶ä½œã‚’å§‹ã‚ã‚‹äººã®ç‚ºã®ã‚¹ã‚ãƒ«ãƒ»ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ»SEOãƒ»ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ãƒ»Webã‚µãƒ¼ãƒ“ã‚¹ã®åŸºç¤Žæƒ…å ± å¿˜ã‚Œãªã„ã§æ¬²ã—ã„äº‹ Webåˆ¶ä½œã«ã¯ã€æ§˜ã€…ãªã‚¹ã‚ãƒ«ãŒæ±‚ã‚ã‚‰ã‚Œã¾ã™ã€‚ ã—ã‹ã—ãã®æŠ€è¡“ãŒã€ã„ã¤ã®é–“ã«ã‹æ¶ˆãˆã¦ã„ã£ãŸã‚Šã€ä½¿ãˆãªããªã£ãŸã‚Šã—ã¾ã—ãŸã€‚æ–°ã—ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã€æ–°ã—ã„ã‚³ãƒ¼ãƒ‰ã€æ–°ã—ã„è¨€èªžã€æ–°ã—ã„ç’°å¢ƒã€æ§˜ã€…ãªã‚‚ã®ãŒã‚ã‚Šã¾ã™ã€‚ã—ã‹ã—ã€ãã‚Œã‚‰ã‚’è¿½ã„ç¶šã‘ã¦ã„ãã†ã¡ã«ã€ä¸€ã¤ã€ã¨ã¦ã‚‚å¤§äº‹ãªäº‹ã‚’å¿˜ã‚Œã¦
yosf 2015/02/04
webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã¯ã˜ã‚ã‚‹ã‚ãªãŸã¸ - ã‚¦ã‚§ãƒ–é›‘è¨˜
ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¤ã„ã¦ã¾ã£ãŸãã‚ã‹ã‚‰ãªã„é ƒã«ã‚ˆãè¦‹ã¦å‹‰å¼·ã—ã¦ãŸè³‡æ–™ç¾¤ã§ã™ã€‚ï¼‹ã„ãã¤ã‹ã®è‡ªåˆ†ã§ä½œã£ãŸè³‡æ–™ SlideShare è‰²å½©ã‚»ãƒ³ã‚¹ã®ã„ã‚‰ãªã„é…è‰²è¬›åº§ è‰²ç›¸ã€æ˜Žåº¦ã€å½©åº¦ã§è‰²ã‚’èª¬æ˜Žã§ãã‚‹ã‚ˆã†ã«ãªã‚‹ã€‚ ãƒ™ãƒ¼ã‚¹ã‚«ãƒ©ãƒ¼ã€ãƒ¡ã‚¤ãƒ³ã‚«ãƒ©ãƒ¼ã€ã‚¢ã‚¯ã‚»ãƒ³ãƒˆã‚«ãƒ©ãƒ¼ã§é…è‰²ã‚’èª¬æ˜Žã§ãã‚‹ã‚ˆã†ã«ãªã‚‹ã€‚ ãã®ä¸Šã§ã€ã‚ã¾ã‚Šé–“é•ã„ã®ãªã„è‰²ã®é¸ã³æ–¹ãŒã‚ã‹ã‚‹ã‚ˆã†ã«ãªã‚‹ã€‚ ãƒŽãƒ³ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãŸã‚ã®é…è‰²ç†è«– æœ€å¾Œã«ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹ã“ã®ãƒ„ãƒ¼ãƒ«ãŒãƒ™ãƒ¼ã‚¹ã‚«ãƒ©ãƒ¼ã€ãƒ¡ã‚¤ãƒ³ã‚«ãƒ©ãƒ¼ã€ã‚¢ã‚¯ã‚»ãƒ³ãƒˆã‚«ãƒ©ãƒ¼ã‚’æ±ºã‚ã‚‹ä¸Šã§ä¾¿åˆ©ã€‚ ã‚¦ã‚§ãƒ–ã‚µãƒ¼ãƒ“ã‚¹ã®ä¼ç”»ã¨ãƒ‡ã‚¶ã‚¤ãƒ³ åƒè¶ŠãªãŒã‚‰æ˜Žæ²»å¦é™¢å¤§å¦ã§è¬›ç¾©ã—ãŸæ™‚ã«ä½œã£ãŸè³‡æ–™ã€‚ ãªã‚“ã¨ãªãã‚¦ã‚§ãƒ–ã‚µãƒ¼ãƒ“ã‚¹ã‚’ä½œã‚‹ã¨ãã®æµã‚Œã¨ã‹æ„Ÿã˜ã¦ã‚‚ã‚‰ãˆãŸã‚‰å¹¸ã„ã§ã™ã€‚ ã‹ã‚“ãŸã‚“ã‚ãƒ¬ã‚¤ãªã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ åƒè¶ŠãªãŒã‚‰å‹‰å¼·ä¼š (UT Startup Gym) ç”¨ã«ä½œã£ãŸè³‡æ–™ã€‚ ãªã‚“ã¨ãªã CSS ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã€ã‚¦
yosf 2014/07/06
webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
Flatis
yosf 2014/02/18
webåˆ¶ä½œ

ãƒ„ãƒ¼ãƒ«
ãƒªãƒ³ã‚¯
CSS(ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ)ã®åŸºæœ¬ã€å°æŠ€ã€ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ç·ã¾ã¨ã‚
CSSã®åŸºæœ¬ã‚„ä½¿ãˆã‚‹å°æŠ€ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãªã©ã‚’å¹…åºƒãã¾ã¨ã‚ã¾ã—ãŸã€‚ä»¥å‰æ›¸ã„ã¦ä»Šã‚‚ãã“ãã“ã‚¢ã‚¯ã‚»ã‚¹ãŒã‚ã‚‹ã€ŒCSSã®çŸ¥è˜ã‚’ã‚‚ã£ã¨æ·±ã‚ã‚‹30+2ã®å°æŠ€ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›†ï½œWebparkã€ã¨ã„ã†è¨˜äº‹ãŒã‚ã‚‹ã®ã§ã™ãŒã€2å¹´è¿‘ãå‰ã®è¨˜äº‹ã§ã™ã—ãƒ‘ãƒ¯ãƒ¼ã‚¢ãƒƒãƒ—ã•ã›ã¦ä½œã‚Šç›´ã—ã¾ã—ãŸã€‚ æã‚‰ãéŽåŽ»æœ€é•·ã®è¨˜äº‹ã§ã™ã®ã§ç›®æ¬¡ã‚’ä½œã‚Šã¾ã—ãŸã€‚ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã™ã‚‹ã‚Šã¨ç§»å‹•ã—ã¾ã™ã€‚åŸºæœ¬çš„ãªå†…å®¹ãŒå¤šã„ã§ã™ãŒã€ãŠå½¹ã«ç«‹ã¤é …ç›®ãŒã‚ã‚Œã°ã†ã‚Œã—ã„ã§ã™ã€‚ ã¨ã„ã†ã“ã¨ã§é †ç•ªã«èª¬æ˜Žã—ã¦ã„ãã¾ã™ã€‚ 1. å…¨èˆ¬çš„ãªã“ã¨ 1-1. CSSãƒªã‚»ãƒƒãƒˆ ãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã§ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®ã‚¹ã‚¿ã‚¤ãƒ«ã¯ç•°ãªã£ã¦ã„ã¾ã™ã€‚ãã®é•ã„ã‚’ãã®ã¾ã¾ã«ã—ã¦ãŠãã¨ã€å¾Œã§ãƒ–ãƒ©ã‚¦ã‚¶é–“ã®è¡¨ç¤ºã®é•ã„ã«æ‚©ã‚€ã“ã¨ã«ãªã‚Šã€ã©ã“ãŒåŽŸå› ã‹åˆ†ã‹ã‚‰ãªã„ã¨ã‚¤ãƒ©ã‚¤ãƒ©ã—ã¦ã—ã¾ã„ã¾ã™ã€‚ ãã‚“ãªã“ã¨ã®ãªã„ã‚ˆã†ã«ã€ã„ã£ãŸã‚“ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’ãƒªã‚»ãƒƒãƒˆã—ã¦ã—ã¾ãŠã†ã¨ã„ã†ã®ãŒãƒªã‚»ãƒƒãƒˆCSSã§ã™ã€‚ æ–¹æ³•ã¯è‰²ã€…ã‚ã‚Šã¾ã™ãŒã€å€‹äººçš„ã«ã¯ä¸€ç•ª
yosf 2013/03/25
webåˆ¶ä½œ

css
ãƒªãƒ³ã‚¯
ç°¡å˜ã§ä¾¿åˆ©ã™ãŽï¼WEBåˆ¶ä½œã‚’ã€Œæ¥½ã€ã«ã™ã‚‹ç„¡æ–™ãƒ„ãƒ¼ãƒ«ã¾ã¨ã‚
ä½œæˆï¼š2013/01/28 æ›´æ–°ï¼š2014/11/01 Tool > Webã‚µãƒ¼ãƒ“ã‚¹ ãƒ•ãƒªãƒ¼ã‚½ãƒ•ãƒˆã€ç„¡æ–™ãƒ„ãƒ¼ãƒ«ãªã®ã«ã“ã“ã¾ã§ä½¿ãˆã‚‹ å‰å›žã€ç„¡æ–™ç´ æã‚’ã”ç´¹ä»‹ã—ã¾ã—ãŸã€‚ ä»Šå›žã¯ç„¡æ–™ã§ä½¿ãˆã‚‹ã€Œãƒ„ãƒ¼ãƒ«ã€ã‚’ã¾ã¨ã‚ã¾ã™ã€‚ãƒ•ã‚©ãƒ³ãƒˆã€ç”»åƒã€é…è‰²ã€htmlã‹ã‚‰ã‚¨ãƒ‡ã‚£ã‚¿ãƒ¼ãƒ»ã‚¢ãƒ•ã‚£ãƒªã‚¨ã‚¤ãƒˆãƒªãƒ³ã‚¯ä½œæˆè£œåŠ©ã¾ã§ã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é€Ÿå ±ã¯ Twitter ã®@commteã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ ã‚‚ãã˜ ï¼‘ï¼Žãƒ•ã‚©ãƒ³ãƒˆ ï¼’ï¼Žç”»åƒç·¨é›† ï¼“ï¼Žãƒã‚´ä½œæˆ / ãƒã‚¿ ï¼”ï¼Žé…è‰² ï¼•ï¼ŽHTML5 ï¼–ï¼ŽCSS ï¼—ï¼Žãƒ–ãƒ©ã‚¦ã‚¶ãƒã‚§ãƒƒã‚¯ ï¼˜ï¼Žã‚¨ãƒ‡ã‚£ã‚¿ãƒ¼ ï¼™ï¼Žã‚¢ãƒ•ã‚£ãƒªã‚¨ã‚¤ãƒˆãƒªãƒ³ã‚¯ä½œæˆ ï¼‘ï¼ï¼Žãƒ•ã‚©ãƒ¼ãƒ ä½œæˆ ï¼‘ï¼Žãƒ•ã‚©ãƒ³ãƒˆ PCã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã¦ã„ã‚‹ãƒ•ã‚©ãƒ³ãƒˆä¸€è¦§ã‚’ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ Font picker ã‚¤ãƒ©ã‚¹ãƒˆç‰ã«ä½¿ã‚ã‚Œã¦ã„ã‚‹ãƒ•ã‚©ãƒ³ãƒˆã‚’èª¿ã¹ã‚‹ WhatTheFont Windowsä¸Šã®ãƒ†ã‚ã‚¹ãƒˆã‚’ãã£ãã‚Šã€è¦‹ã‚„ã™ãè¡¨ç¤ºã€‚ gdipp - ï½‹æœ¬çš„ã«ç„¡æ–™ã‚½ãƒ•ãƒˆãƒ»ãƒ•ãƒªãƒ¼
yosf 2013/01/28
webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ç¾å½¹Webåˆ¶ä½œã‚¹ã‚¿ãƒƒãƒ•ãŒé¸ã¶ãƒ‡ã‚¶ã‚¤ãƒ³ã®å‚è€ƒã«ãªã‚‹ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆã¾ã¨ã‚33é¸ | ãƒšãƒ¼ã‚¸ 3 / 4 | æ±äº¬ä¸Šé‡Žã®Webåˆ¶ä½œä¼šç¤¾LIG
ã“ã‚“ã«ã¡ã¯ã€Webåˆ¶ä½œä¼šç¤¾ã€Œæ ªå¼ä¼šç¤¾LIGã€ã®ä»£è¡¨å–ç· å½¹ä¼šé•·ã€ã‚´ã‚¦ã§ã™ã€‚ ä»Šå›žã€LIGã§åƒãWebãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ã«ã‚¢ãƒ³ã‚±ãƒ¼ãƒˆã‚’å–ã‚Šã€åˆ¶ä½œã™ã‚‹éš›ã«æ™®æ®µå‚è€ƒã«ã—ã¦ã„ã‚‹ã‹ã£ã“ã„ã„ã‚µã‚¤ãƒˆã‚„ã€ãŠã—ã‚ƒã‚Œãªã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆã‚’é›†ã‚ã¦ã¿ã¾ã—ãŸã€‚ æ¯Žæ—¥ä»•äº‹ã§ä½¿ã£ã¦ã„ã‚‹å½¼ã‚‰ã®ãƒãƒ§ã‚¤ã‚¹ãªã®ã§ã€ã‹ãªã‚Šå®Ÿè·µçš„ã§å‚è€ƒã«ãªã‚‹ã€ã‹ã£ã“ã„ã„ãƒ»ãŠã—ã‚ƒã‚Œãªã‚µã‚¤ãƒˆãŒé›†ã¾ã£ãŸã¨æ€ã„ã¾ã™ã€‚ å…¨éƒ¨ã§27å€‹ã‚‚é›†ã¾ã£ãŸã®ã§ã€ã‚¸ãƒ£ãƒ³ãƒ«åˆ¥ã«åˆ†é¡žã‚‚ã—ã¾ã—ãŸã€‚ãã‚Œã§ã¯ã„ã£ã¦ã¿ã¾ã—ã‚‡ã†ï¼ ãƒ‡ã‚¶ã‚¤ãƒ³ã®å¼•ãå‡ºã—ã‚’å¢—ã‚„ã™ã«ã¯ï¼Ÿ ãƒ‡ã‚¶ã‚¤ãƒ³ã®å¼•ãå‡ºã—ã‚’å¢—ã‚„ã™ã«ã¯ã€ã‚¤ãƒ³ãƒ—ãƒƒãƒˆã®ã»ã‹ã«ã€è‡ªåˆ†ã®ã‚¢ã‚¦ãƒˆãƒ—ãƒƒãƒˆã«å¯¾ã—ã¦èª°ã‹ã‹ã‚‰ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã‚’ã‚‚ã‚‰ã†ã¨ã„ã†æ–¹æ³•ã‚‚ã‚ã‚Šã¾ã™ã€‚å‘¨ã‚Šã«ç›¸è«‡ã§ãã‚‹äººãŒã„ãªã‘ã‚Œã°ã€Œã‚¹ã‚¯ãƒ¼ãƒ«ã§ã®å‹‰å¼·ã€ã‚‚ãŠã™ã™ã‚ã§ã™ã€‚ ðŸ’¡ç¾å½¹ã®ãƒ—ãƒã‹ã‚‰ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å¦ã¹ã‚‹ã€Œãƒ‡ã‚¸ã‚¿ãƒ«ãƒãƒªã‚¦ãƒƒãƒ‰STUDIO ï½‚ï½™ LIGã€ã®è©³ç´°ã¯ã“ã¡ã‚‰ã‹ã‚‰ â€»ã“ã®ãƒšãƒ¼ã‚¸ã¯ã€2021
yosf 2013/01/16
webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
yosf 2013/01/07
webåˆ¶ä½œ

css

(x)html
ãƒªãƒ³ã‚¯
1