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

TAU id:TAU

webåˆ¶ä½œã«é–¢ã™ã‚‹TAUã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (214)

${{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åˆ¶ä½œãƒ„ãƒ¼ãƒ«ãƒ»ç´ æ90é¸ã€2023å¹´ãƒ™ã‚¹ãƒˆã€‘
2023å¹´ã‚‚çµ‚ã‚ã‚Šã«è¿‘ã¥ãã€ã“ã®1å¹´é–“ã«åŽé›†ã—ãŸãƒ„ãƒ¼ãƒ«ã‚’æŒ¯ã‚Šè¿”ã‚ŠãªãŒã‚‰ã€Webåˆ¶ä½œã«å½¹ç«‹ã¤ãŠæ°—ã«å…¥ã‚Šã‚’è¦‹ã¤ã‘ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ ç´ æ™´ã‚‰ã—ã„æ–°ãƒ„ãƒ¼ãƒ«ã‚„ç´ æãŒãŸãã•ã‚“ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã€é¸å®šã«ã¯ãŸã£ã·ã‚Šæ™‚é–“ãŒã‹ã‹ã‚Šã¾ã—ãŸãŒã€ã‚«ãƒ†ã‚´ãƒªåˆ¥ã«å¹…åºƒãã‚»ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ã§ãã¾ã—ãŸã€‚ æœ¬å½“ã«å½¹ç«‹ã¤ã‹ã©ã†ã‹ã ã‘ã‚’è€ƒãˆã€ã€Œã“ã‚Œã€ç¥žãƒ„ãƒ¼ãƒ«ã€‚ã€ã¨æ€ãˆã‚‹ã‚‚ã®ã‚’ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã€‚ è©±é¡Œã®çš„ã ã£ãŸAIã‚’ã†ã¾ãæ´»ç”¨ã™ã‚Œã°ã€ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã‚’æ ¼æ®µã«ã‚¹ãƒ”ãƒ¼ãƒ‰ã‚¢ãƒƒãƒ—ã•ã›ã€é¢å€’ãªä½œæ¥ã‚‚ã‚¹ãƒˆãƒ¬ã‚¹ãªãã“ãªã™ã“ã¨ãŒã§ãã¾ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€ãã‚“ãªã‚ãªãŸã®å½¹ã«ç«‹ã¤2023å¹´å…¬é–‹ã®Webãƒ‡ã‚¶ã‚¤ãƒ³åˆ¶ä½œãƒ„ãƒ¼ãƒ«ã‚„ç´ æã‚’ã¾ã¨ã‚ã¦ã”ç´¹ä»‹ã—ã¾ã™ã€‚ æ•´ç†ã—ãŸã‚«ãƒ†ã‚´ãƒªã¯ä»¥ä¸‹ã®é€šã‚Šã€‚
TAU 2023/12/20
css

ãƒ„ãƒ¼ãƒ«

webåˆ¶ä½œ

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ç„¡æ–™ã§ä½¿ãˆã‚‹SFé¢¨ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸã‚¦ã‚§ãƒ–ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒArwesã€
ã€ŒArwesã€ã¯SFé¢¨ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ã‚µã‚¦ãƒ³ãƒ‰ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ä½¿ã£ã¦ã‚¦ã‚§ãƒ–ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ç„¡æ–™ã§ä½œæˆã§ãã‚‹ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ã‚³ãƒ³ã‚»ãƒ—ãƒˆã¯ã€Œå…ˆé€²çš„ãªå®‡å®™æŠ€è¡“ã¨ã‚¨ã‚¤ãƒªã‚¢ãƒ³ã€ã¨ã„ã†Arwesã¯ã€è©¦ç”¨ç‰ˆã‚„ã‚µãƒ³ãƒ—ãƒ«ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚‚å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ GitHub - arwes/arwes: Futuristic Sci-Fi and Cyberpunk Graphical User Interface Framework for Web Apps https://github.com/arwes/arwes Arwesã®è©¦ç”¨ç‰ˆã¯ä»¥ä¸‹ã®URLã‹ã‚‰å®Ÿéš›ã«ä½¿ã£ã¦ã¿ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ Arwes - Sci-Fi UI Framework https://arwes.dev/ è©¦ç”¨ç‰ˆã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆè‡ªä½“ã‚‚Arwesã‚’ä½¿ã£ã¦ä½œã‚‰ã‚Œã¦ãŠã‚Šã€SFã£ã½ã„é›°å›²æ°—ã€‚ã€ŒPlayã€ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚Œã°è©¦ç”¨ç‰ˆã®ã‚¨ãƒ‡ã‚£ã‚¿
TAU 2020/08/28
webåˆ¶ä½œ

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

SF

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
ã€ä¿å˜ç‰ˆã€‘ã€Œã‚‚ã†ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ç”¨ã®æœ€å¼·ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆä½œã£ã¡ã‚ƒãŠã†ã‚ˆã€ã¨ç¾å½¹ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼4äººã§è¶…ä¾¿åˆ©ã‚µã‚¤ãƒˆæƒ…å ±ã‚’é›†ç´„ã—ã¦ã¿ãŸ20211017æ›´æ–°ï½œryota_funakoshi
ã€ä¿å˜ç‰ˆã€‘ã€Œã‚‚ã†ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ç”¨ã®æœ€å¼·ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆä½œã£ã¡ã‚ƒãŠã†ã‚ˆã€ã¨ç¾å½¹ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼4äººã§è¶…ä¾¿åˆ©ã‚µã‚¤ãƒˆæƒ…å ±ã‚’é›†ç´„ã—ã¦ã¿ãŸ20211017æ›´æ–° ã“ã‚“ã«ã¡ã¯ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ç¤¾é•·ã®èˆ¹è¶Šã§ã™ï¼ä¹…ã€…ã®noteæŠ•ç¨¿ã§ã™ãŒã€ãƒ„ã‚¤ãƒƒã‚¿ãƒ¼ã‚’è¦‹ã¦ã„ã¦ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼åˆå¦è€…ã®äººã‹ã‚‰ ã€Œã©ã“ã‹ã‚‰ç”»åƒã‚’å¼•ã£å¼µã£ã¦ãã‚Œã°ã„ã„ã‹ã‚ã‹ã‚‰ãªã„ðŸ˜ã€ ã€Œæ—¥ã€…ã®æƒ…å ±åŽé›†ã©ã†ã™ã‚Œã°ã„ã„ã®ï¼ŸðŸ¤”ã€ ã¨ã„ã†æ‚©ã¿ã‚’ã‚ˆãè¦‹ã‹ã‘ã¾ã™ã€‚ãã“ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã‚ªã‚¿ã‚¯ã®åƒ•ãŒã€æ™®æ®µè¦‹ã¦ã„ã‚‹ã‚µã‚¤ãƒˆã‚„å‚è€ƒã«ãªã‚‹é¸ã‚Šã™ãã‚Šã®æƒ…å ±ã‚’å…¨éƒ¨ã¾ã¨ã‚ã¾ã—ãŸï¼ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ã‚¯ã‚ªãƒªãƒ†ã‚£ã¨é€Ÿåº¦ã¯å¼•ãå‡ºã—ã§æ±ºã¾ã‚‹ã¨åƒ•ã¯è€ƒãˆã¦ã„ã¾ã™ã€‚ã“ã®ã¾ã¨ã‚ã‚’è¦‹ã¦çš†ã•ã‚“ã®å¦ç¿’ã¨ä»•äº‹ãŒå°‘ã—ã§ã‚‚æ—ã‚‹ã‚ˆã†ã«ãªã‚Œã°å¬‰ã—ã„ã§ã™ï¼ãŸãã•ã‚“ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“ã®å½¹ã«ç«‹ã¤è¨˜äº‹ã«ã—ãŸã„ãŸã‚ã€ã€Œã“ã®ãƒ„ãƒ¼ãƒ«ã‚‚ä¾¿åˆ©ã ã‚ˆï¼ã€ã¨ã„ã†ã®ãŒã‚ã‚Œã°ãœã²ã‚³ãƒ¡ãƒ³ãƒˆã§æ•™ãˆã¦ãã ã•ã„ï¼ æ—¥ã€…ã“ã¡ã‚‰ã¯æ›´æ–°ã—ã¦è¡Œãäºˆå®šãªã®ã§å›°ã£ãŸæ™‚ã¯æ˜¯éžå‚è€ƒã«ã—ã¦ã‚‚ã‚‰ãˆã‚‹ã¨å¬‰ã—
TAU 2020/08/21
ã¾ã¨ã‚

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

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
5åˆ†ã§ã‚ã‹ã‚‹æ£ã—ã„ Web ã‚µã‚¤ãƒˆå¸¸æ™‚ SSL åŒ–ã®ãŸã‚ã®åŸºç¤ŽçŸ¥è˜
Web ã‚µã‚¤ãƒˆã‚’å¸¸æ™‚ SSL åŒ–ã™ã‚‹å ´åˆã«ã€æœ€ä½Žé™çŸ¥ã£ã¦ãŠã‹ãªã‘ã‚Œã°ãªã‚‰ãªã„çŸ¥è˜ã‚„ã€æ³¨æ„ç‚¹ã€å®Ÿéš›ã®è¨å®šæ–¹æ³•ã¾ã§ã€ã²ã¨é€šã‚Šã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ãƒ¡ãƒªãƒƒãƒˆã‚„ãƒ‡ãƒ¡ãƒªãƒƒãƒˆã€è¨¼æ˜Žæ›¸ã®ç¨®åˆ¥ã‹ã‚‰ãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆè¨å®šãªã©ã«ã¤ã„ã¦ã‚‚è§£èª¬ã—ã¦ã„ã¾ã™ã€‚ HTTPS ã‚’ãƒ©ãƒ³ã‚ãƒ³ã‚°ã‚·ã‚°ãƒŠãƒ«ã«ä½¿ç”¨ã—ã¾ã™ã¨ Google ãŒå…¬å¼ã«ç™ºè¡¨ã—ãŸã‚ãŸã‚Šã‹ã‚‰ã€Web ã‚µã‚¤ãƒˆã® SSL å¯¾å¿œã€ç‰¹ã« Google ãŒæŽ¨å¥¨ã—ã¦ã„ã‚‹ Web ã‚µã‚¤ãƒˆã‚’ã™ã¹ã¦ HTTPS ã§é…ä¿¡ã™ã‚‹ã€æ‰€è¬‚ ã€Œå¸¸æ™‚ SSL åŒ–ã€ ã«ã¤ã„ã¦ã®è©±ã‚’èžã„ãŸã‚Šã€å®Ÿéš›ã«ãŠå®¢æ§˜ã‹ã‚‰ç›¸è«‡ã•ã‚ŒãŸã‚Šã™ã‚‹ã‚±ãƒ¼ã‚¹ãŒå¢—ãˆã¦ãã¾ã—ãŸã€‚ ãã“ã§ã€ã„ã„æ©Ÿä¼šã ã—ãã®è¾ºã«é–¢ã™ã‚‹æƒ…å ±ã‚’ã¾ã¨ã‚ã¦ãŠã“ã†ã‹ãªï½ž ã¨æ€ã£ã¦æ›¸ã„ã¦ã¿ãŸã€æ’ä¾‹ã® ï¼ˆï¼Ÿï¼‰ 5åˆ†ã§ã‚ã‹ã‚‹ã‚·ãƒªãƒ¼ã‚ºã€‚æ›¸ãçµ‚ã‚ã£ã¦è¦‹ãŸã¨ã“ã‚çµ¶å¯¾ã« 5åˆ†ã˜ã‚ƒç„¡ç†ã£ã¦ã„ã†æ–‡ç« é‡ã«ãªã£ã¦ã¦ã©ã†ã—ã‚ˆã†ã‹ãªãã¨ã‚‚æ€ã£ãŸã‚“ã§ã™ãŒã€æ°—ã«ã›ãšå…¬é–‹ã—ã¦ã¿ã¾ã™ã€‚ å¸¸æ™‚ SSL
TAU 2019/12/25
ssl

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
UCDAãƒ•ã‚©ãƒ³ãƒˆã€€ã¿ã‚“ãªã®æ–‡å— | UDãƒ•ã‚©ãƒ³ãƒˆã«ç§‘å¦çš„åŸºæº–
ç§ãŸã¡ã®å‘¨ã‚Šã«ã¯ãŸãã•ã‚“ã®é‡è¦ãªæƒ…å ±ãŒã‚ãµã‚Œã¦ã„ã¾ã™ã€‚ã—ã‹ã—ã€æƒ…å ±ã‚’ä¼ãˆã‚‹æ–‡å—ãŒä¸æ˜Žçžã ã¨å—ã‘å–ã‚‹ã“ã¨ãŒã§ãã¾ã›ã‚“ã€‚ä¾‹ãˆã°å°ã•ãå°åˆ·ã•ã‚ŒãŸæ³¨æ„æ›¸ãã€é ãã‹ã‚‰è¦‹ã‚‹æ¡ˆå†…ã‚µã‚¤ãƒ³â€¦ã€‚æƒ…å ±ã®è¦‹ã‚„ã™ã•ã€ã‚ã‹ã‚Šã‚„ã™ã•ãŒå•ã‚ã‚Œã‚‹æ™‚ä»£ã§ã™ã€‚ ã€Œã¿ã‚“ãªã®æ–‡å—ã€ã¯ã€ã€ŒåŠ£åŒ–ã—ãŸçŠ¶æ³ã§ã‚‚è¦‹ã‚„ã™ãã€ã‚’ãƒ†ãƒ¼ãƒžã«ã€äººé–“ä¸å¿ƒè¨è¨ˆã®ãƒ—ãƒã‚»ã‚¹ã¨ç§‘å¦çš„åŸºæº–ã«ã‚ˆã‚Šé–‹ç™ºã•ã‚ŒãŸã€ç¬¬ä¸‰è€…èªè¨¼ã§ã‚ã‚‹UCDAèªè¨¼ã‚’å–å¾—ã—ã¦ã„ã‚‹å”¯ä¸€ã®UDãƒ•ã‚©ãƒ³ãƒˆã§ã™ã€‚
TAU 2019/12/13
ãƒ•ã‚©ãƒ³ãƒˆ

æ›¸ä½“

æ–‡å—

UD

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
CMAN ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã‚µãƒ¼ãƒ“ã‚¹
CMANã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã‚µãƒ¼ãƒ“ã‚¹ã¯ã€IT æŠ€è¡“è€…å‘ã‘ã«æƒ…å ±å…¬é–‹ã‚„ã‚µãƒ¼ãƒ“ã‚¹æä¾›ã—ã¦ãŠã‚Šã¾ã™ã€‚ ã»ã¼ã™ã¹ã¦ã®ã‚µãƒ¼ãƒ“ã‚¹ãŒç„¡æ–™ã¨ãªã£ã¦ãŠã‚Šã€IT æŠ€è¡“è€…ã‚„WEBã‚µã‚¤ãƒˆè£½ä½œè€…ã®æ–¹ã‚’ä¸å¿ƒã«1æ—¥æ•°ä¸‡äººã®æ–¹ã«ã”åˆ©ç”¨ã„ãŸã ã„ã¦ãŠã‚Šã¾ã™ã€‚ ã¾ãŸã€ä¼æ¥å‘ã‘ã«OEMã«ã‚ˆã‚‹ASPã‚µãƒ¼ãƒ“ã‚¹ã‚’å±•é–‹ã—ã¦ãŠã‚Šã¾ã™ã€‚è²´ç¤¾ãƒ–ãƒ©ãƒ³ãƒ‰ã§å„ç¨®ã‚µãƒ¼ãƒ“ã‚¹ã‚’å±•é–‹ï¼ˆå†è²©ï¼‰ã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã§ã™ã€‚
TAU 2018/12/21
webã‚µãƒ¼ãƒ“ã‚¹

ç„¡æ–™

webåˆ¶ä½œ

html

css
ãƒªãƒ³ã‚¯
æ–‡å—è©°ã‚ã§ãã‚‹CSSã®font-feature-settingsãŒå‡„ã„ï¼ æ—¥æœ¬èªžãƒ•ã‚©ãƒ³ãƒˆã“ãæŒ‡å®šã—ãŸã„è‡ªå‹•ã‚«ãƒ¼ãƒ‹ãƒ³ã‚° - ICS MEDIA
æ¸¸ã‚´ã‚·ãƒƒã‚¯ã§ã¯ãƒ—ãƒãƒãƒ¼ã‚·ãƒ§ãƒŠãƒ«ãƒ¡ãƒˆãƒªã‚¯ã‚¹ã¯åŠ¹æžœçš„ Windowsã‚„macOSã«æè¼‰ã•ã‚Œã¦ã„ã‚‹æ¸¸ã‚´ã‚·ãƒƒã‚¯ä½“ã¯ã€ä»®åãŒæ¼¢å—ã«å¯¾ã—ã¦ã‹ãªã‚Šå°ã•ã‚ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚Œã¦ã„ã¾ã™ã€‚æ¸¸ã‚´ã‚·ãƒƒã‚¯ä½“ã§ã¯ãƒ’ãƒ©ã‚®ãƒŽæ›¸ä½“ã‚ˆã‚Šå—é–“ãŒé–‹ã„ã¦è¦‹ãˆã¦ã—ã¾ã†ãŸã‚ã€ãƒ—ãƒãƒãƒ¼ã‚·ãƒ§ãƒŠãƒ«ãƒ¡ãƒˆãƒªã‚¯ã‚¹ã‚’æ´»ç”¨ã™ã‚‹åŠ¹æžœã¯å¤§ãã„ã§ã™ã€‚ Webãƒ•ã‚©ãƒ³ãƒˆã«ã‚‚ãƒ—ãƒãƒãƒ¼ã‚·ãƒ§ãƒŠãƒ«ãƒ¡ãƒˆãƒªã‚¯ã‚¹ã¯åŠ¹æžœçš„ ãƒ‡ãƒã‚¤ã‚¹ãƒ•ã‚©ãƒ³ãƒˆã ã‘ã§ãªãã€Webãƒ•ã‚©ãƒ³ãƒˆã§ã‚‚ãƒ—ãƒãƒãƒ¼ã‚·ãƒ§ãƒŠãƒ«ãƒ¡ãƒˆãƒªã‚¯ã‚¹ã«å¯¾å¿œã—ãŸOpenTypeãƒ•ã‚©ãƒ³ãƒˆãŒãŸãã•ã‚“ã‚ã‚Šã¾ã™ã€‚Webãƒ•ã‚©ãƒ³ãƒˆã«é–¢ã—ã¦ã¯è¨˜äº‹ã€ŒWebãƒ•ã‚©ãƒ³ãƒˆã‚µãƒ¼ãƒ“ã‚¹ã®å¾¹åº•æ¯”è¼ƒï¼ å’Œæ–‡ãƒ•ã‚©ãƒ³ãƒˆãŒä½¿ãˆã‚‹5ã¤ã®ã‚µãƒ¼ãƒ“ã‚¹ã®åˆ©ç‚¹ã¾ã¨ã‚ã€ã‚’å‚è€ƒãã ã•ã„ã€‚ â–²å·¦å´ã¯æœªæŒ‡å®šï¼ˆå’Œæ–‡ç‰å¹…ï¼‰ã®çŠ¶æ…‹ã§ã‚«ã‚¿ã‚«ãƒŠã®é–‹ããŒå¤§ãã„ã€‚å³å´ã¯ãƒ—ãƒãƒãƒ¼ã‚·ãƒ§ãƒŠãƒ«å—å½¢ã‚’é©ç”¨ã—ãŸçŠ¶æ…‹ã§ã€ã‚«ã‚¿ã‚«ãƒŠãŒè©°ã¾ã£ã¦ã„ã‚‹ã€‚ å¯¾å¿œç’°å¢ƒï¼šã»ã¼ã™ã¹ã¦ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§åˆ©ç”¨å¯èƒ½ ã“ã‚Œã ã‘ä¾¿åˆ©ãªCSSã§ã™ãŒã€ã©ã‚Œã ã‘ã®
TAU 2016/12/01
webåˆ¶ä½œ

css

tips

ãƒ•ã‚©ãƒ³ãƒˆ
ãƒªãƒ³ã‚¯
Webåˆ¶ä½œã®ã‚¯ã‚ªãƒªãƒ†ã‚£ã‚’é£›èºçš„ã«é«˜ã‚ã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒª10é¸ã‚’ä¸€æŒ™å…¬é–‹ï¼ - paiza times
ã©ã†ã‚‚ã€ã¾ã•ã¨ã‚‰ã‚“ï¼ˆ@0310lanï¼‰ã§ã™ã€‚ ã¿ãªã•ã‚“ã¯ã€ã€ŒJavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ã‚’æ´»ç”¨ã—ã¦ã„ã‚‹ã§ã—ã‚‡ã†ã‹ï¼Ÿ Webã‚µã‚¤ãƒˆåˆ¶ä½œã¯ã‚‚ã¡ã‚ã‚“ã®ã“ã¨ã€ã•ã¾ã–ã¾ãªWebã‚¢ãƒ—ãƒªã‚„ã‚µãƒ¼ãƒ“ã‚¹ãªã©ã‚’é–‹ç™ºã™ã‚‹æ™‚ã«ã€å¤§å¹…ãªæ™‚é–“çŸç¸®ã‚„ã‚¯ã‚ªãƒªãƒ†ã‚£ã‚’é£›èºçš„ã«ã‚¢ãƒƒãƒ—ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ ãã“ã§ä»Šå›žã¯ã€å›½å†…å¤–ã§äººæ°—ãŒé«˜ãã¦èª°ã§ã‚‚ç°¡å˜ã«æ‰±ãˆã‚‹ã€ŒJavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ã‚’åŽ³é¸ã—ã¦ã”ç´¹ä»‹ã—ã‚ˆã†ã¨æ€ã„ã¾ã™ï¼ â– å¤šæ©Ÿèƒ½ãªã€Œå†™çœŸã‚®ãƒ£ãƒ©ãƒªãƒ¼ã€ã‚’çµ„ã¿è¾¼ã‚ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªï¼ â—†1.Viewer.js è¤‡æ•°ã®ç”»åƒã‚’è¡¨ç¤ºã™ã‚‹éš›ã«ã€ã‚ªã‚·ãƒ£ãƒ¬ãªã€Œã‚®ãƒ£ãƒ©ãƒªãƒ¼é¢¨ã€ã«å¤‰æ›ã—ã¦ãã‚Œã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ é¡žä¼¼ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯ã„ãã¤ã‹å˜åœ¨ã—ã¾ã™ãŒã€ã€ŒViewer.jsã€ã¯ä½¿ã„æ–¹ãŒéžå¸¸ã«ã‚·ãƒ³ãƒ—ãƒ«ã§æ‰±ã„ã‚„ã™ã„ã®ã«ã€å¤šæ©Ÿèƒ½æ€§ã‚‚å‚™ãˆã¦ã„ã‚‹ã‚¹ã‚°ãƒ¬ãƒ¢ãƒŽã¨ãªã£ã¦ã„ã¾ã™ã€‚ åŸºæœ¬çš„ãªä½¿ã„æ–¹ã¨ã—ã¦ã¯ã€HTMLãƒ•ã‚¡ã‚¤ãƒ«ã«è¡¨ç¤ºã•ã›ãŸã„ç”»åƒã‚’ã€Œãƒªã‚¹ãƒˆè¦ç´ ã€ã§æŒ‡
TAU 2016/02/09
JavaScript

webåˆ¶ä½œ

ã¾ã¨ã‚

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
GoogleãŒã‚¦ã‚§ãƒ–ãƒžã‚¹ã‚¿ãƒ¼å‘ã‘ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’å¤§å¹…æ”¹å®š â€•â€• ã„ã£ãŸã„ä½•ãŒå¤‰ã‚ã£ãŸã®ã‹ï¼Ÿ
[ãƒ¬ãƒ™ãƒ«: åˆãƒ»ä¸ãƒ»ä¸Šç´š] Googleã¯ã€ã‚¦ã‚§ãƒ–ãƒžã‚¹ã‚¿ãƒ¼å‘ã‘ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’å¤§å¹…ã«æ”¹å®šã—ã¾ã—ãŸã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€ä¸»ã ã£ãŸå¤‰æ›´ç‚¹ã‚’æŠ½å‡ºã—ã¦è§£èª¬ã—ã¾ã™ã€‚ èªè˜ã—ã¦ãŠããŸã„å¤‰æ›´ç‚¹ãŒæ•°å¤šãã‚ã‚Šã¾ã™ã€‚ æ–°ã—ã„ã‚¦ã‚§ãƒ–ãƒžã‚¹ã‚¿ãƒ¼å‘ã‘ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã®ä¸»ã ã£ãŸå¤‰æ›´ç‚¹ ã‚»ã‚¯ã‚·ãƒ§ãƒ³åˆ†ã‘ ä»¥å‰ã¯ã€æ¬¡ã®3ã¤ã®ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã«å¤§ããåˆ†ã‹ã‚Œã¦ã„ã¾ã—ãŸã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«é–¢ã™ã‚‹ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ æŠ€è¡“ã«é–¢ã™ã‚‹ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ å“è³ªã«é–¢ã™ã‚‹ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ ç¾åœ¨ã¯ã€2ã¤ã«åˆ†ã‹ã‚Œã¦ã„ã¾ã™ã€‚ ä¸€èˆ¬çš„ãªã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ å“è³ªã«é–¢ã™ã‚‹ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ å†…å®¹ãŒæ¸›ã£ãŸã‚ã‘ã§ã¯ãªãã€ã€Œãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«é–¢ã™ã‚‹ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã€ã¨ã€ŒæŠ€è¡“ã«é–¢ã™ã‚‹ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã€ã®2ã¤ãŒã€ã€Œä¸€èˆ¬çš„ãªã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã€ã«ã¾ã¨ã‚ã‚‰ã‚ŒãŸæ„Ÿã˜ã«ãªã£ã¦ã„ã¾ã™ã€‚ ã€Œä¸€èˆ¬çš„ãªã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã€ã¯ã•ã‚‰ã«æ¬¡ã®3ã¤ã®ã‚µãƒ–ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã«åˆ†ã‹ã‚Œã¦ã„ã¾ã™ã€‚ Google ãŒãƒšãƒ¼ã‚¸ã‚’æ¤œå‡ºã§ãã‚‹ã‚ˆã†æ‰‹åŠ©ã‘ã™ã‚‹ Google
TAU 2016/02/01
SEO

web

Google

ã‚ã¨ã§èªã‚€

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ãƒ—ãƒã‚°ãƒ©ãƒ çµ„ã‚“ã ã‚‰è² ã‘ï¼å®Ÿã¯HTML/CSSã ã‘ã§ã§ãã‚‹ã“ã¨2015å¤
2. 2015 Yusuke Hirao, CC BY-ND. è‡ªå·±ç´¹ä»‹ å¹³å°¾å„ªå…¸ï¼ˆã²ã‚‰ãŠ ã‚†ã†ã¦ã‚“ï¼‰ === æ ªå¼ä¼šç¤¾ãƒ‡ã‚£ãƒ¼ã‚¼ãƒ Webã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ ## ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£æ´»å‹• - ç¦å²¡ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å‹ã®ä¼š Fukuoka Frontend Frogs - ç¦å²¡ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—å‹‰å¼·ä¼š - baserCMSãƒ¦ãƒ¼ã‚¶ãƒ¼ä¼š Yusuke Hirao @cloud10designs 3. 2015 Yusuke Hirao, CC BY-ND. è‡ªå·±ç´¹ä»‹ ## ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ç´¹ä»‹ ### ç¦å²¡ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å‹ã®ä¼š Fukuoka Frontend Frogs ### ç¦å²¡ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—å‹‰å¼·ä¼š ### baserCMSãƒ¦ãƒ¼ã‚¶ãƒ¼ä¼š ã€Œäº•ã®ä¸ã®è›™ã€ã«ã¯ãªã‚‰ãªã„ã‚ˆã†ã«ã¨é›†ã¾ã£ãŸ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ãŸã‚ã®ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã€‚ Webã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒ»ã‚¢ãƒ—ãƒªé–‹ç™ºã®æ‚©ã‚ã‚‹è›™ãŸã¡ãŒ ãã®å ´ã§è©±é¡Œã‚’æ±ºã‚ã¦ã€ã‚¢ãƒ³ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹å½¢å¼ã§
TAU 2015/07/28
html

webåˆ¶ä½œ

CSS

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

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

Javascript

UI
ãƒªãƒ³ã‚¯
WEBå±‹ã«ã‚ã‚ŠãŒã¡ãªç™ºç‹‚å¯¸å‰ã®ã‚¤ãƒ©ã¤ãã‚’è»½æ¸›ã™ã‚‹ãƒ„ãƒ¼ãƒ«ã¨å‚è€ƒã«ã—ãŸã‚µã‚¤ãƒˆè‰²ã€… | ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼ã®ã†ã‡ã¶å±‹
ãƒ–ãƒã‚°ã‚’æ›¸ãæ™‚ã€ãƒ¡ãƒ¼ãƒ«ã‚’æ›¸ãæ™‚ã€æƒ…å ±åŽé›†ã™ã‚‹æ™‚ã€ã¡ã‚‡ã£ã¨ã—ãŸã“ã¨ãŒæ‰‹é–“ã«ãªã£ã¦ã‚¤ãƒ©ã‚¤ãƒ©ã™ã‚‹ã“ã¨ã£ã¦å¤šããªã„ã§ã™ã‹ï¼Ÿ åƒ•ã¯ã¨ã«ã‹ãæ—¥ã€…ã®ãƒ«ãƒ¼ãƒ†ã‚£ãƒ³ãƒ¯ãƒ¼ã‚¯ã¯åŠ¹çŽ‡ã‚ˆãæ¸ˆã¾ã›ãŸã„ã¨æ€ã£ã¦ã„ã‚‹ã®ã§ã€ãã†ã„ã†ã‚¤ãƒ©ã¤ãã‚’æ„Ÿã˜ãŸã‚‰ã§ãã‚‹ã ã‘æ—©ãè§£æ¶ˆã™ã‚‹ã‚ˆã†ã«å¿ƒãŒã‘ã¦ã„ã¾ã™ã€‚ ãã“ã§ã€ä»Šæ—¥ã¯åƒ•ãŒã€Œã‚ãã€ã‚ã£ã¡ã‚ƒã‚¤ãƒ©ã‚¤ãƒ©ã™ã‚‹ï¼ã€ã£ã¦æ„Ÿã˜ãŸæ™‚ã€ã©ã†ã„ã†ãƒ„ãƒ¼ãƒ«ã‚„ã‚µãƒ¼ãƒ“ã‚¹ã‚’ä½¿ã£ã¦è»½æ¸›ã—ã¦ã„ã‚‹ã®ã‹ã‚’ã”ç´¹ä»‹ã•ã›ã¦é ‚ã“ã†ã‹ãªã¨æ€ã„ã¾ã™ã€‚åƒ•ã®å ´åˆã¯Macbook proã¾ãŸã¯ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã®Windows7ã€ãƒ–ãƒ©ã‚¦ã‚¶ã¯Chromeã€ãƒ¡ãƒ¼ãƒ©ãƒ¼ã¯Thunderbirdã¨ã„ã†ç’°å¢ƒãªã®ã§ã€ãã®ç’°å¢ƒã«åã£ãŸç´¹ä»‹ã«ãªã£ã¦ã—ã¾ã†ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ã”äº†æ‰¿ãã ã•ã„ï¼ ã‚‚ã†ã€æ—¢çŸ¥ã®ç‰©ã ã‹ã‚‰ã¨ã‹ã€çŸ¥ã‚‰ãªã„ã ã‚ã†ã¨ã‹ä½•ã‚‚è€ƒãˆã¦ã„ã¾ã›ã‚“ã€‚ã‚¤ãƒ©ã‚¤ãƒ©è§£æ¶ˆã§ããŸï¼ã¨æ€ã£ãŸç‰©ã¯å…¨éƒ¨æŽ²è¼‰ã•ã›ã¦é ‚ãã¾ã™ã€‚ ãã‚Œã§ã¯ã€ã“ã®è¨˜äº‹ã‹ã‚‰å¤šå°‘ãªã‚Šã¨ã‚‚æ—¥ã€…ã®æ¥å‹™ã®æ‰‹åŠ©ã‘ã«ãª
TAU 2011/11/22
webåˆ¶ä½œ

ã¾ã¨ã‚

tips

ãƒ–ãƒ©ã‚¦ã‚¶
ãƒªãƒ³ã‚¯
ã‚ãªãŸã®ä½œæ¥ã‚’éŸ³é€Ÿã«ã™ã‚‹ã‹ã‚‚ã—ã‚Œãªã„WEBå±‹ã®ä½œæ¥ã‚¹ãƒ”ãƒ¼ãƒ‰ã‚’ä¸Šã’ã‚‹ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆå¤§é‡ç´¹ä»‹ | ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼ã®ã†ã‡ã¶å±‹
ã“ã®ãƒ–ãƒã‚°ãŒãƒ•ãƒãƒ³ãƒˆã«é–¢ã™ã‚‹è¨˜äº‹ãŒå¤šã„ã‚‚ã‚“ã ã‹ã‚‰ã€ãŸã¾ã«ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨å‘¼ã°ã‚Œã‚‹ã“ã¨ãŒã‚ã‚‹ã‚“ã§ã™ãŒã€åƒ•ã¯æ¥å‹™ã¨ã—ã¦ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã‚ˆã‹åˆ¶ä½œãƒ‡ã‚£ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ã®æ–¹ãŒã©ã¡ã‚‰ã‹ã¨è¨€ãˆã°ãƒ¡ã‚¤ãƒ³ãªã‚“ã§ã™ã‚ˆãã€‚ ãã‚“ãªãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ã¨ã—ã¦ã®å½¹å‰²ã®ä¸€ã¤ã«ã€å‘¨ã‚Šã«ã„ã‚‹å„ªã‚ŒãŸãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚„ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã€ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã®æ¥å‹™åŠ¹çŽ‡ã‚’è€ƒãˆã‚‹ã“ã¨ãŒæŒ™ã’ã‚‰ã‚Œã¾ã™ã€‚ ä½•ã‚’å–ã‚‹ã‚ã‘ã§ã‚‚ãªãä¸é€”åŠç«¯ãªåƒ•ã§ã™ãŒã€ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ã¨ã—ã¦å‘¨ã‚Šã®å„ãƒ—ãƒãƒ•ã‚§ãƒƒã‚·ãƒ§ãƒŠãƒ«ã®å½¹ã«å°‘ã—ã§ã‚‚ç«‹ã¦ã‚Œã°ã¨ã€ãã—ã¦åˆ¶ä½œã™ã‚‹ä¸Šã§ã®åŠ¹çŽ‡ã‚’å‘ä¸Šã•ã›ã‚‹ã¹ãè‰²ã€…æƒ…å ±åŽé›†ã‚’ã™ã‚‹ä¸ã§ã€ã‚ˆããƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã®å˜åœ¨ã‚’ç›®ã«ã—ã¾ã™ã€‚ï¼ˆãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã£ã¦ã©ã‚Œã ã‘æ™®åŠã—ã¦ã‚‹ã®ã‹ã‚ã‹ã‚Šã¾ã›ã‚“ãŒã€ã¤ã¾ã‚Šã‚«ãƒ³ãƒ‹ãƒ³ã‚°ãƒšãƒ¼ãƒ‘ãƒ¼ã®ã“ã¨ã‚‰ã—ã„ã§ã™ã€‚ï¼‰ WEBå±‹ã«ã¨ã£ã¦ã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã£ã¦ã€ã©ã‚Œã ã‘å„ªã‚ŒãŸæŠ€è¡“åŠ›ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³åŠ›ã‚’æŒã£ã¦ã„ã¦ã‚‚ã€ä½•ã‹ã—ã‚‰æ–°ã—ã„ç™ºè¦‹ãŒã‚ã‚‹ç‰©ã§ã™ã‚ˆãã€‚ä»¥å‰æ›¸ã‹ã›ã¦ã‚‚ã‚‰ã£ãŸæ™‚é–“ã®ä¾¡å€¤ã¯äººã«ã‚ˆã£ã¦é•ã†ï¼
TAU 2011/11/22
html

webåˆ¶ä½œ

ã¾ã¨ã‚

CSS
ãƒªãƒ³ã‚¯
ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã›ãšã«ã€å¥½ããªWeb Fontsã‚’ä½¿ãŠã†
WebFontsã¨ã¯ WebFontsã‚’åˆ©ç”¨ã™ã‚‹ã¨ã€Webä¸Šã«ã‚ã‚‹ãƒ•ã‚©ãƒ³ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã‚“ã§ãƒ•ã‚©ãƒ³ãƒˆã‚’è¡¨ç¤ºã§ãã¾ã™ã€‚ã“ã‚Œã¾ã§ã¯ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆPCã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã¦ã„ã‚‹ãƒ•ã‚©ãƒ³ãƒˆã®ã¿ãŒåˆ©ç”¨ã§ãã¾ã—ãŸãŒã€WebFontsã§ã¯ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã¦ã„ãªã„ãƒ•ã‚©ãƒ³ãƒˆã‚’è¡¨ç¤ºã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ ä»¥ä¸‹ã®ã‚µãƒ³ãƒ—ãƒ«ã¯Google Web Fontsã§æä¾›ã•ã‚Œã‚‹WebFontsã‚’åˆ©ç”¨ã—ã¦ã„ã¾ã™ã€‚ã‚µãƒ³ãƒ—ãƒ«ã¯ IE 9ï¼Firefox 6ï¼Chrome 12ï¼Opera 11.5ï¼Safari 5.1 ã§å‹•ä½œç¢ºèªæ¸ˆã¿ã§ã™ã€‚ ã“ã®ã‚ˆã†ã«WebFontsã‚’åˆ©ç”¨ã™ã‚‹ã“ã¨ã§ã€ã•ã¾ã–ã¾ãªãƒ•ã‚©ãƒ³ãƒˆã«ã‚ˆã‚‹è¡¨ç¤ºã‚„è¡¨ç¾ãŒã§ãã¾ã™ã€‚ ãã‚Œãžã‚Œã®ãƒ•ã‚©ãƒ³ãƒˆã«ã¯ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ãŒã‚ã‚Šã¾ã™ã€‚ã‚µãƒ¼ãƒã«ãƒ•ã‚©ãƒ³ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã‚’æ ¼ç´ã™ã‚‹å ´åˆã¯ã€å†é ’å¸ƒã«è©²å½“ã™ã‚‹ãŸã‚ã€æ³¨æ„ãŒå¿…è¦ã§ã™ã€‚ãƒ•ã‚©ãƒ³ãƒˆæä¾›ã‚µãƒ¼ãƒ“ã‚¹ã‚’ä½¿ã†å ´åˆã‚‚ã€ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’ã—ã£ã‹ã‚Šç¢ºèªã—ãŸã ã—
TAU 2011/09/28
ãƒ•ã‚©ãƒ³ãƒˆ

webåˆ¶ä½œ

æ—¥æœ¬èªž

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

ç”»åƒ

WEBã‚µãƒ¼ãƒ“ã‚¹
ãƒªãƒ³ã‚¯
ç´ äººã£ã½ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰è„±å´ã™ã‚‹ãŸã‚ã®12ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒãƒƒãƒ—ã‚¹ | webox blog
ã‚¯ã‚ªãƒªãƒ†ã‚£ã‚’ä¸Šã’ã‚‹ãŸã‚ã«ã¯ã¡ã‚‡ã£ã¨ã—ãŸã€Œã“ã ã‚ã‚Šã€ãŒã¨ã¦ã‚‚å¤§äº‹ã§ã™ã€‚ å®šæœŸçš„ã«è©±é¡Œã«ãªã‚‹ãƒã‚¿ã§æç¸®ã§ã™ãŒã€ç´ äººã£ã½ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã«ãªã‚‰ãªã„ã‚ˆã†ã«å€‹äººçš„ã«ã‚ˆãä½¿ã£ã¦ã‚‹å°æŠ€ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ ä¸Šã®ã‚‚ã®ã»ã©ã€ç°¡å˜ã§å¤šãã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«ä½¿ãˆã‚‹å°æŠ€ã«ãªã‚Šã¾ã™ã€‚ 1pxã®ãƒœãƒ¼ãƒ€ãƒ¼ã‚’ä½¿ã† 1pxã®åŠ¹æžœã‚’ä½¿ã†ã®ã¨ä½¿ã‚ãªã„ã®ã§ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®è³ªã«å¤§ããªé•ã„ãŒç”Ÿã¾ã‚Œã¾ã™ã€‚ ã‚ã‚‹æ„å‘³Webãƒ‡ã‚¶ã‚¤ãƒ³ã§ã¯ä¸€ç•ªé‡è¦ãªè¦ç´ ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ å®šç•ªã§ã™ã€‚ãŸã£ãŸ1pxã®ãƒœãƒ¼ãƒ€ãƒ¼ã‚’ã¤ã‘ã‚‹ã ã‘ã§ã‚·ãƒ£ãƒ¼ãƒ—ãªå°è±¡ã«ãªã‚Šã¾ã™ã€‚ ãŸã å¡—ã‚Šã¤ã¶ã—ãŸã ã‘ã€ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å…¥ã‚ŒãŸã ã‘ã®ãƒœã‚¿ãƒ³ã§ã¯ã€ã®ã£ãºã‚Šã¨ã—ãŸæ„Ÿã˜ã«ãªã‚Šã‚„ã™ã„ã§ã™ãŒã€1pxã®ãƒœãƒ¼ãƒ€ãƒ¼ã‚’ä¸Šéƒ¨ã«å…¥ã‚Œã‚‹ã ã‘ã§ã‚·ãƒ£ãƒ¼ãƒ—ãªç«‹ä½“ã‚’è¡¨ç¾ã§ãã¾ã™ã€‚ æ£ç¢ºã«ã¯1pxã§ãªã2pxã§ã™ãŒã€ã“ã†ã—ã¦é»’ç³»ã®ãƒœãƒ¼ãƒ€ãƒ¼ã¨ç™½ç³»ã®ãƒœãƒ¼ãƒ€ãƒ¼ã‚’ä¸¦ã¹ã‚‹ã“ã¨ã§ã€æ˜Žç¢ºã«ã‹ã¤ã‚·ãƒ£ãƒ¼ãƒ—ã«ä»•åˆ‡ã‚Šã‚’è¡¨ç¾ã§ãã¾ã™ã€‚ 1pxã®ãƒ‰ãƒãƒƒãƒ—ã‚·ãƒ£
TAU 2011/08/31
tips

webåˆ¶ä½œ

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

css
ãƒªãƒ³ã‚¯
WordPressã‚’ä½¿ã£ã¦Webåˆ¶ä½œã‚’ã™ã‚‹ç‚ºã®æ‰‹é †ãƒªã‚¹ãƒˆãƒ»ã€æ”¹æ£ç‰ˆã€‘+Î± - ã‹ã¡ã³ã¨.net
ä»¥å‰æ›¸ã„ãŸWordPressã§Webåˆ¶ä½œã™ã‚‹éš› ã®æ‰‹é †ãƒªã‚¹ãƒˆãŒå°‘ã—å¤ã„æƒ…å ±è¾¼ã¿ã ã£ãŸã‚Š ã™ã‚‹ã®ã§æ”¹æ£ç‰ˆã‚’æ›¸ãã¾ã™ã€‚å…ˆæ—¥ã€WPã‚‚ 3.2ã®ãƒªãƒªãƒ¼ã‚¹ã‚’è¿Žãˆã¾ã—ãŸã®ã§ã€æ‰‹é †ãƒªã‚¹ãƒˆ ã‚‚ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã™ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚å¤šå°‘è€ƒãˆ ãŒå¤‰ã‚ã£ã¦ã„ã‚‹ã®ã§å†…å®¹ã‚‚å°‘ã—å¤‰æ›´æœ‰ã‚Šã¾ã™ã€‚ ä»¥å‰ã®ãƒªã‚¹ãƒˆã®æ”¹æ£ç‰ˆã§ã™ã€‚åŠ ãˆã¦ä»–ã®æƒ…å ±ã‚‚ä¸€ç·’ã«è¼‰ã›ã¦ãŠãäº‹ã«ã—ã¾ã—ãŸã€‚ ã€2011ãƒ»07ãƒ»11ã€‘ WordPressã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« ã‚µãƒ¼ãƒãƒ¼ã‚’ç”¨æ„ï¼ˆPHP5.2.4 ä»¥ä¸Š / MySQL5.0 ä»¥ä¸Šï¼‰ DBã‚’ä½œæˆ WordPressã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã€è§£å‡ wp-config-sampleã‚’wp-configã«ãƒªãƒãƒ¼ãƒ ã—ã€å†…å®¹ã‚’DBã«åˆã‚ã›ã¦å¤‰æ›´ ãƒ—ãƒªãƒ•ã‚£ã‚¯ã‚¹ï¼ˆæŽ¥é èªžï¼‰ã‚’å¤‰æ›´ã™ã‚‹ï¼ˆwp_â†’foodb log_ï¼‰ FTPã‚½ãƒ•ãƒˆç‰ã§ã‚µãƒ¼ãƒãƒ¼ã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ ã‚µã‚¤ãƒˆåã‚„ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰ã€IDã‚’æ±ºã‚ã‚‹ï¼ˆadminã¯é¿ã‘ã‚‹ï¼‰ ä½œæˆã—ãŸãƒ¦ãƒ¼ã‚¶ãƒ¼åã§ãƒã‚°ã‚¤ãƒ³
TAU 2011/07/12
wordpress

ã¾ã¨ã‚

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
HTMLã¨ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆï¼ˆCSSï¼‰ã®æ¥å‹™ã‚¹ã‚ãƒ«ãƒ¬ãƒ™ãƒ«ã€€åˆ¤åˆ¥è¡¨ã€€ï¼ˆï¼•æ®µéšŽï¼‰ - ä¸»ã«è¨€èªžã¨ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºã«é–¢ã—ã¦
ã‚¹ã‚ãƒ«ãƒã‚§ãƒƒã‚¯ã®ç›®æ¬¡ã¸ HTMLãŠã‚ˆã³ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆï¼ˆCSSï¼‰ã‚’åˆ©ç”¨ã—ãŸWebãƒšãƒ¼ã‚¸åˆ¶ä½œã®ï¼Œç°¡æ˜“ã‚¹ã‚ãƒ«ãƒã‚§ãƒƒã‚¯ã®ãŸã‚ã®èª¿æŸ»è¡¨ã€‚å°åˆ·ç”¨ã€‚ ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ãƒ»ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦ã®ãƒ¬ãƒ™ãƒ«ã‚’æ¸¬å®šã™ã‚‹ã€‚ ã“ã‚Œã¯ï¼Œã€ŒWebãƒšãƒ¼ã‚¸ã‚’ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¦ä½œã‚‹äººã€å…¨èˆ¬ã«å½“ã¦ã¯ã¾ã‚‹ã€‚ ãƒ¬ãƒ™ãƒ«ã¯ï¼Œï¼ã‹ã‚‰ï¼”ã¾ã§ã®ï¼•æ®µéšŽã€‚ ï¼ˆï¼ï¼‰ éžã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ ï¼ˆï¼‘ï¼‰ åˆå¦è€…ï¼ˆå…¥é–€æ›¸ã‚’å¦ç¿’ã—ã¦ã‚†ãæ®µéšŽï¼‰ ï¼ˆï¼’ï¼‰ ãƒŽãƒ¼ãƒžãƒ«ï¼ˆåŸºç¤Žçš„ãªçŸ¥è˜ãŒã‚ã‚Šï¼Œã‚ã‚‹ç¨‹åº¦ã®ç”»é¢ã‚’ä½œã‚Œã‚‹ã‚ˆã†ã«ãªã£ãŸæ®µéšŽï¼‰ ï¼ˆï¼“ï¼‰ ä¸ç´šè€…ï¼ˆWebã‚¢ãƒ—ãƒªã®é–‹ç™ºãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ï¼‘äººæœˆã¨ã—ã¦ã‚«ã‚¦ãƒ³ãƒˆã§ãã‚‹æ°´æº–ï¼‰ ï¼ˆï¼”ï¼‰ ä¸Šç´šè€…ï¼ˆãƒ¡ã‚¤ãƒ³PG/ãƒ‡ã‚¶ã‚¤ãƒŠã¨ã—ã¦ï¼ŒWeb UIã®ä¸»æ‹…å½“ã‚’ä»»ã›ã‚‰ã‚Œã‚‹æ°´æº–ï¼‰ Webã‚¢ãƒ—ãƒªã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆé–‹å§‹æ™‚ã«ä½œæ¥æŒ¯ã‚Šåˆ†ã‘ã‚’ã™ã‚‹ã«ã‚ãŸã£ã¦ï¼Œæ–°è¦ãƒ¡ãƒ³ãƒå…¨å“¡ã«ã“ã‚Œã‚’æ¸¡ã—ã¦å›žç”ã—ã¦ã‚‚ã‚‰ã†ã¨ã„ã†ç”¨é€”ã‚’æƒ³å®šã€‚ ãªãŠï¼Œã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºä¸Šã®ã‚¹ã‚ãƒ«ã‚’ãƒã‚§ãƒƒã‚¯ã™ã‚‹äº‹ãŒä¸»çœ¼ãªã®ã§ï¼Œã‚¢ãƒ¼ãƒ†ã‚£ã‚¹ãƒˆï¼ˆ
TAU 2011/07/03
webåˆ¶ä½œ

css

html
ãƒªãƒ³ã‚¯
ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰èªè¨¼
ãƒ©ã‚¸ãƒƒã‚¯ æ°—è»½ã«æ¥½ã—ã‚ã‚‹ãƒ–ãƒã‚°ãƒ¡ãƒ‡ã‚£ã‚¢ã€Œãƒ©ã‚¸ãƒƒã‚¯ã€ã¯ï¼’ã¡ã‚ƒã‚“ãã‚‹ã‚’ä¸å¿ƒã«ã‚¨ãƒ³ã‚¿ãƒ¡æƒ…å ±ã‚’ãŠå±Šã‘ï¼
TAU 2011/06/19
webåˆ¶ä½œ

ã¾ã¨ã‚

2ch
ãƒªãƒ³ã‚¯
CSSã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã™ã‚‹ãªã‚‰çµ¶å¯¾è¦šãˆã¦ãŠããŸã„ãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã®ã‚¯ã‚»ã¨ã‹ã„ã‚ã„ã‚
Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã™ã‚‹ã¨ãã«ã€å¿…ãšä½¿ã†ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã€‚æ€ã†ã‚ˆã†ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ä½œã‚‹ãŸã‚ã«ã€ãƒã‚§ãƒƒã‚¯ã—ã¦ãŠããŸã„ãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã‚„ã€ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³è¦ç´ ã®ã‚¯ã‚»ã¿ãŸã„ãªã®ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚å¾ŒåŠã¯ã‚¹ã‚¿ã‚¤ãƒ«ãŒåæ˜ ã•ã‚Œãªã„åŽŸå› ã®ã²ã¨ã¤ã€ã‚¹ã‚¿ã‚¤ãƒ«ã®å„ªå…ˆé †ä½ã«ã¤ã„ã¦ã§ã™ã€‚ Attention è¨˜äº‹å…¬é–‹æ™‚ã‹ã‚‰ã„ã‚ã„ã‚ã¨å‹‰å¼·ã—ã¦ã€ã“ã®è¨˜äº‹å†…ã§ç´¹ä»‹ã—ã¦ã„ã‚‹äº‹æŸ„ã§ã€é–“é•ã£ãŸè§£é‡ˆã‚’ã—ã¦ã„ãŸãªãƒ¼ã¨æ°—ãŒã¤ãã¾ã—ãŸã€‚ ã“ã®è¨˜äº‹ã®ä¸ã§ã„ãã¤ã‹è¿½è¨˜ã—ã¦ã‚ã‚Šã¾ã™ãŒã€è©³ã—ãã¯ã€æ–°ã—ãæ›¸ã„ãŸ 11æœˆ7æ—¥ã®è¨˜äº‹ï¼šCSSã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã™ã‚‹ãªã‚‰çµ¶å¯¾è¦šãˆã¦ãŠããŸã„é…ç½®ã®ãƒ«ãƒ¼ãƒ«ï¼šãƒ•ãƒãƒ¼ãƒˆã‚„çµ¶å¯¾é…ç½®ã€z-index ã¨ã‹ã„ã‚ã„ã‚ ã‚’èªã‚“ã§ã¿ã¦ãã ã•ã„ãï¼ New Post Webã‚µã‚¤ãƒˆã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã™ã‚‹ã®ã«æ¬ ã‹ã›ãªã„ã®ãŒ CSSï¼ˆCascading Style Sheetsã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆï¼‰ã§ã™ãï¼ä»Šã§ã¯ CSS3 ãŒè©±é¡Œã‚’é›†ã‚ã¦ã„ã¦ã€CS
TAU 2011/06/18
webåˆ¶ä½œ

tips

css

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 8 9 10 æ¬¡ã®ãƒšãƒ¼ã‚¸