[B! web] s5otã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

s5ot id:s5ot

webã«é–¢ã™ã‚‹s5otã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (58)

${{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ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã¨ãƒ—ãƒãƒ€ã‚¯ãƒˆKPIã®ç›¸é–¢ã‚’å¯è¦–åŒ–ã™ã‚‹è©± | CyberAgent Developers Blog
æŠ€è¡“æœ¬éƒ¨ Web Initiative Center ã§ Web ãƒ—ãƒãƒ€ã‚¯ãƒˆã®å“è³ªæ”¹å–„ã‚„çµ„ç¹”ã®æŠ€è¡“æŽ¨é€²ã«å–ã‚Šçµ„ã‚“ã§ã„ã¾ã™ã€ @1000ch ã§ã™ã€‚ãã®æ´»å‹•ã®ã²ã¨ã¤ã«ã€ç›´å¸°çŽ‡ã‚„ PV/Session ã¨ã„ã£ãŸãƒ—ãƒãƒ€ã‚¯ãƒˆã® KPI ã‚’ä¸Šã’ã‚‹ã“ã¨ã‚’ç›®çš„ã¨ã—ãŸ Web ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®å‘ä¸ŠãŒã‚ã‚‹ã®ã§ã€ä»Šæ—¥ã¯ãã®å–ã‚Šçµ„ã¿ã«ã¤ã„ã¦æ›¸ãã¾ã™ã€‚ æ—§æ¥ã® Web ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®è©•ä¾¡æŒ‡æ¨™ ã“ã‚Œã¾ã§ã¯ DOMContentLoaded ã‚¤ãƒ™ãƒ³ãƒˆã‚„ load ã‚¤ãƒ™ãƒ³ãƒˆã®å€¤ãŒ Web ãƒšãƒ¼ã‚¸ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®è‰¯ã—æ‚ªã—ã¨ã—ã¦æ‰±ã‚ã‚Œã‚‹ã“ã¨ãŒå¤šã‹ã£ãŸã¨æ€ã„ã¾ã™ã€‚ã—ã‹ã—ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã®è¤‡é›‘åŒ–ã®ä¸€é€”ã‚’ãŸã©ã‚‹ Web ãƒšãƒ¼ã‚¸ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’æ¸¬ã‚‹ä¸Šã§ã¯ã€ã‚‚ã¯ã‚„é©åˆ‡ãªæŒ‡æ¨™ã¨ã¯è¨€ãˆã¾ã›ã‚“ã€‚ DOM æ§‹ç¯‰å®Œäº†ã‚’æŒ‡ã™ DOMContentLoaded ã‚¤ãƒ™ãƒ³ãƒˆ DOMContentLoaded ã¯ DOM ãƒ„ãƒªãƒ¼ã®æ§‹ç¯‰å®Œäº†ã‚’è¡¨ã—ã¾ã™
s5ot 2017/09/01
web
ãƒªãƒ³ã‚¯
Smashing Magazineã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹æ”¹å–„ã‚±ãƒ¼ã‚¹ãŒå‡„ã¾ã˜ã„ä»¶ - MOL
Frontrend Advent Calendar 2014 - Qiitaã®24æ—¥ç›®ã€‚ãŸã¶ã‚“ã€‚çŸ¥ã‚‰ã‚“ã‘ã©ã€‚ ã¡ã‚‡ã£ã¨å‰ã«ãªã‚‹ãŒ12/13ã«ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼ã§é–‹å‚¬ã•ã‚ŒãŸThe Style & Class Conference 2014ã«å‚åŠ ã—ã¦ããŸã€‚å‰æ—¥ã«Smashing ConferenceãŒã€ã‚¦ã‚£ã‚¹ãƒ©ãƒ¼ã¨ã„ã†ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼ã‹ã‚‰æ¯”è¼ƒçš„è¿‘ã„æ‰€ã§é–‹å‚¬ã•ã‚Œã¦ã„ã¦ã€æœ¬å½“ã¯ãã£ã¡ã«è¡ŒããŸã‹ã£ãŸã‚“ã ã‘ã©é«˜é¡ãªãŸã‚ã€åœ°å…ƒã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã®ã»ã†ã«ã ã‘å‚åŠ ã—ãŸã€‚ã‚¦ã‚£ã‚¹ãƒ©ãƒ¼ã®æ–¹ã®è¨˜äº‹ã¯@ygoto3ãŒæ›¸ã„ã¦ãŸã£ã½ã„ã€‚ Smashing Conferenceã§ç™»å£‡ã—ã¦ã„ãŸJohn Allsoppæ°ã‚„Val Headæ°ã‚‚ã“ã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã§ç™»å£‡ã™ã‚‹ã¨ã„ã†ã“ã¨ã§ã€ã€Žãªã‚“ã ã€ã‚¦ã‚£ã‚¹ãƒ©ãƒ¼ã®ã¤ã„ã§ã‹ã‚ˆãƒ¼ã€ã¨æ€ã„å…¨ç„¶æœŸå¾…ã—ã¦ãªã‹ã£ãŸã®ã ãŒã€è¡Œã£ã¦ã¿ãŸã‚‰ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹å…¨ä½“ã®æ§‹æˆãªã©ã™ã”ãè€ƒãˆã‚‰ã‚Œã¦ã„ã¦ã€ã¨ã¦ã‚‚ç´ æ™´ã‚‰ã—ã„ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
s5ot 2016/04/27
css

web

performance
ãƒªãƒ³ã‚¯
Indicating Problems in HTTP APIs
Hi, Iâ€™m Mark Nottingham. I write about the Web, protocol design, HTTP, Internet governance, and more. This is a personal blog, it does not represent anyone else. Find out more. Comments? Let's talk on Mastodon. @mnot@techpolicy.social other HTTP APIs posts Designing Headers for HTTP Compression Tuesday, 27 November 2018 How to Think About HTTP Status Codes Thursday, 11 May 2017 Five Reasons to Con
s5ot 2016/03/24
web
ãƒªãƒ³ã‚¯
20160305 ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã®ãƒ¡ãƒ¢ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ã™ã”ãè‰¯ã‹ã£ãŸï¼ï¼ ã¾ã¨ã‚ã‚‹ã¨ TypeScript, Angular2, BEM, Sass, gulp ä½¿ã£ã¦é–‹ç™ºã—ã‚ã£ã¦ã„ã†ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã§ã—ãŸã€‚ Are you a Designer or an Engineer? twitter.com/yamasy1549 http://yamasy.info NIT, Akashi College 2nd grade 17æ³ ã‚¹ãƒ©ã‚¤ãƒ‰ http://www.slideshare.net/yamasy1549s/are-you-a-designer-or-an-engineer ãƒãƒƒã‚«ã‚½ãƒ³ã«
s5ot 2016/03/24
TypeScript

web
ãƒªãƒ³ã‚¯
UIã‚»ãƒ³ã‚¹ãŒå£Šæ»…çš„ãªã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒãã‚Œã£ã½ã„webã‚¢ãƒ—ãƒªã‚’ä½œã‚‹ãŸã‚ã«ä½¿ã£ãŸç„¡æ–™UIãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ã¾ã¨ã‚ã¦ãŠã - Qiita
ä»•äº‹ã®å‚ã‚‰ã€æš‡ã¤ã¶ã—ã¨ã‹ã§webã‚¢ãƒ—ãƒªã‚’æ§‹ç¯‰ã—ãŸã‚Šã™ã‚‹ã‚ã‘ã§ã™ãŒã€ã©ã†ã«ã‚‚UIã‚»ãƒ³ã‚¹ãŒãªã•ã™ãŽã¦ã€ã‚«ãƒƒã‚³ã‚¤ã‚¤ã‚µã‚¤ãƒˆã¨ã‹ã‚’å‚è€ƒã«çœŸä¼¼ã—ãŸã‚Šã—ã¦ã‚‚ã€ãªãœã‹è‡ªåˆ†ã§ã‚¢ãƒ¬ãƒ³ã‚¸ã™ã‚‹ã¨ã¨ã¦ã¤ã‚‚ãªããƒ€ã‚µããªã‚‹ã€ã¨ã„ã†ã“ã¨ã‚’ç¹°ã‚Šè¿”ã—ã¦ãã¾ã—ãŸã€‚ ã§ã€ã‚‚ã†ã“ã†ãªã£ãŸã‚‰è‡ªåˆ†ã§è€ƒãˆãšã«ã€ã™ã¹ã¦ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«é ¼ã‚ã†ï¼ã¨æ€ã£ã¦webã‚µã‚¤ãƒˆã‚’æ§‹ç¯‰ã—ãŸæ™‚ã«ä½¿ã£ãŸcssã‚„jsã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãªã‚“ã‹ã‚’ã€ç°¡å˜ãªã‚³ãƒ¡ãƒ³ãƒˆæ·»ãˆã¦ã¾ã¨ã‚ã¦ãŠã“ã†ã¨æ€ã„ã¾ã™ã€‚ cssè‡ªåˆ†ã§ä¸€åˆ‡æ›¸ã‹ãªãã¦ã‚‚ã€ã“ã®ãã‚‰ã„ã®UIã¾ã§ã¯ã„ã‘ãã†ã§ã™ã€‚ ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ Bootstrap ãƒ™ãƒ¼ã‚¹ã¯twitter bootstrapã®æ©æµã«æŽˆã‹ã‚Šã¾ã™ã€‚ GoogleMaterialDesignLiteã‚‚è¦‹ãŸç›®ã¯ã‹ã£ã“ã„ã„ã‚“ã§ã™ãŒã€è‰²ã€…ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒãŸã‚Šãªã‹ã£ãŸã‚Šã—ã¦ã€çµå±€ã„ãã‚‰ã‹è‡ªåˆ†ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã—ãªã„ã¨ã©ã†ã«ã‚‚ãªã‚‰ãªããªã‚‹å°è±¡ã§ã™ã€‚ jQuery ä»Šæ›´æ›¸
s5ot 2016/03/16
web
ãƒªãƒ³ã‚¯
HTTPSã‚’ä½¿ã£ã¦ã‚‚Cookieã®æ”¹å¤‰ã¯é˜²ã’ãªã„ã“ã¨ã‚’å®Ÿé¨“ã§è©¦ã—ã¦ã¿ãŸ
å¯ºç”°ã•ã‚“ã®ãƒ–ãƒã‚°ã‚¨ãƒ³ãƒˆãƒªã€Œä»–äººã®Cookieã‚’æ“ä½œã™ã‚‹ã€ã«ã¯ã€é€šä¿¡è·¯ä¸Šã®æ”»æ’ƒè€…ãŒã„ã‚‹å ´åˆã¯ã€SSLã‚’ä½¿ã£ã¦ã‚‚ã€Cookieã®ç›—è´ã‚’é˜²ãã“ã¨ã¯ã§ãã‚‹ãŒã€Cookieã®æ”¹å¤‰ã‚’é˜²ãã“ã¨ã¯ã§ããªã„ã¨æŒ‡æ‘˜ã•ã‚Œã¦ã„ã¾ã™ã€‚ã„ã‹ã«ã‚‚å¯ºç”°ã•ã‚“ã‚‰ã—ã„ç°¡ã«ã—ã¦è¦ã‚’å¾—ãŸã‚¨ãƒ³ãƒˆãƒªã§ã€ã“ã‚Œã«ä»˜ã‘åŠ ãˆã‚‹ã“ã¨ã¯ã‚ã¾ã‚Šãªã„ã®ã§ã™ãŒã€æ®‹å¿µãªãŒã‚‰ã¾ã èªã‚“ã§ã„ãªã„äººãŒå¤šãã†ã ã¨è¨€ã†ã“ã¨ã¨ã€ã‚ˆã‚Šåºƒã„èªè€…ã«å‘ã‘ã¦å…·ä½“çš„ã«èª¬æ˜Žã—ãŸæ–¹ãŒã‚ˆã„ã ã‚ã†ã¨è€ƒãˆã¾ã—ãŸã€‚ ãã“ã§ã€é€šä¿¡è·¯ä¸Šã«æ”»æ’ƒè€…ãŒã„ã‚‹å…¸åž‹ä¾‹ã¨ã—ã¦ã€å…¬è¡†ç„¡ç·šLANã®å½APï¼ˆã‚¢ã‚¯ã‚»ã‚¹ãƒã‚¤ãƒ³ãƒˆï¼‰ãŒã‚ã‚‹ã‚±ãƒ¼ã‚¹ã‚’é¡Œæã¨ã—ã¦ã€ã€ŒHTTPSã‚’ä½¿ã£ã¦ã‚‚Cookieã®æ”¹å¤‰ã¯é˜²ã’ãªã„ã€ã“ã¨ã‚’èª¬æ˜Žã—ã¾ã™ï¼ˆSecureå±žæ€§ä½¿ã†ã¨ç›—è´ã¯é˜²ã’ã¾ã™ãŒã€æ”¹å¤‰ã¯é˜²ã’ã¾ã›ã‚“ï¼‰ã€‚é•·ã„ã‚¨ãƒ³ãƒˆãƒªãªã®ã§çµè«–ã‚’å…ˆã«æ›¸ã„ã¦ãŠãã¾ã™ã€‚ Secureå±žæ€§ãŒãªã„Cookieã¯HTTPSã§ã‚‚ç›—è´ã§ãã‚‹ Cookieã®æ”¹å¤‰ã«ã¤ã„ã¦ã¯Se
s5ot 2016/02/25
web
ãƒªãƒ³ã‚¯
Redux Â· A Predictable State Container for JS Apps
Centralizing your application's state and logic enables powerful capabilities like undo/redo, state persistence, and much more. The Redux DevTools make it easy to trace when, where, why, and how your application's state changed. Redux's architecture lets you log changes, use "time-travel debugging", and even send complete error reports to a server.
s5ot 2016/02/16
flux

web
ãƒªãƒ³ã‚¯
ãƒ¢ãƒã‚¤ãƒ«ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚ã‚µã‚¯ã‚µã‚¯ã«å‹•ä½œã™ã‚‹æœ€é©åŒ–6ã¤ã®ãƒŽã‚¦ãƒã‚¦
ã€ŒWebã‚µã‚¤ãƒˆãƒ»ã‚¢ãƒ—ãƒªé«˜é€ŸåŒ–ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯å¾¹åº•è§£èª¬ã€ç¬¬8å›žã¯ã€ãƒ¢ãƒã‚¤ãƒ«ãƒ–ãƒ©ã‚¦ã‚¶ã«å‘ã‘ãŸæœ€é©åŒ–ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ¢ãƒã‚¤ãƒ«ç«¯æœ«ã¯PCã«æ¯”ã¹ã€CPUã‚„ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ãªã©ã®æ€§èƒ½é¢ã§åŠ£ã‚‹ã“ã¨ã‹ã‚‰ãƒœãƒˆãƒ«ãƒãƒƒã‚¯ã®å½±éŸ¿ãŒå‡ºã‚„ã™ãã€ã¾ãŸã‚²ãƒ¼ãƒ é–‹ç™ºãªã©çªãè©°ã‚ãŸãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã‚’è¡Œã†å ´é¢ã§ã¯ã€ç‰¹æ®ŠãªãƒŽã‚¦ãƒã‚¦ã‚‚å¿…è¦ã«ãªã‚Šã¾ã™ã€‚ ã—ã‹ã—ãã¡ã‚“ã¨æœ€é©åŒ–ã‚’è¡Œãˆã°ã€ãã®åŠ¹æžœã‚‚ãã®åˆ†è‘—ã—ãã€æ¯”è¼ƒçš„ä½Žã‚¹ãƒšãƒƒã‚¯ãªç«¯æœ«ã‚„3Gå›žç·šã§ã‚ã£ã¦ã‚‚ã€ã‚µã‚¯ã‚µã‚¯è»½é‡ãªã‚µãƒ¼ãƒ“ã‚¹æä¾›ãŒå¯èƒ½ã§ã™ã€‚ä»Šå›žã®è¨˜äº‹ã§ã¯ã€ãã®å‹˜æ‰€ã‚’ãŠä¼ãˆã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 1. ãƒœãƒˆãƒ«ãƒãƒƒã‚¯ã‚’å–ã‚Šé™¤ã ã¾ãšã¯ã‚„ã£ã¦ã—ã¾ã„ãŒã¡ãªãƒœãƒˆãƒ«ãƒãƒƒã‚¯ã®äº‹ä¾‹ã«ã¤ã„ã¦ã€æŒ™ã’ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚å‰è¿°ã®ã‚ˆã†ã«ãƒ¢ãƒã‚¤ãƒ«ç«¯æœ«ã§ã¯ã€ãã®æ€§èƒ½ã‹ã‚‰PCã‚ˆã‚Šã‚‚é¡•è‘—ã«ã€æœªæœ€é©åŒ–ç®‡æ‰€ãŒä½“æ„Ÿã«å½±éŸ¿ã‚’åŠã¼ã—ã¾ã™ã€‚ ä»•äº‹ãŒã‚‰ãã“ãã“ã®æ•°ã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è¦‹ã¦ãã¾ã—ãŸãŒã€ãƒ¢ãƒã‚¤ãƒ«å‘ã‘ã«ç‰¹åŒ–ã—ãŸãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ãŒã§ãã¦ã„ãª
s5ot 2016/02/05
web
ãƒªãƒ³ã‚¯
ã€Reactã€‘ã€ŒisMounted is an Antipatternã€ã®é‚¦è¨³ - Qiita
React component ã® isMounted() ã¯ï¼Œcomponent ãŒ DOM ã«æç”»ã•ã‚Œã¦ã„ã‚‹ã‹ã©ã†ã‹ã‚’è¿”ã™ãƒ¡ã‚½ãƒƒãƒ‰ã§ã‚ã‚‹ï¼ŽisMounted() ã¯å°†æ¥çš„ã«å»ƒæ¢ã•ã‚Œã‚‹ã“ã¨ãŒæ±ºå®šã•ã‚Œã¦ãŠã‚Šï¼ŒES6 ã® React.Component ã‚¯ãƒ©ã‚¹ã‚’ç¶™æ‰¿ã™ã‚‹ component ã§ã¯æ—¢ã«åˆ©ç”¨ã§ããªã„ï¼Ž isMounted() ã®ãƒ¦ãƒ¼ã‚¹ã‚±ãƒ¼ã‚¹ã‚„ç§»è¡Œæ‰‹æ®µã«ã¤ã„ã¦ï¼ŒReact å…¬å¼ãƒ–ãƒã‚° ã«ã€ŒisMounted is an Antipatternã€ã¨ã„ã†è¨˜äº‹ãŒæŠ•ç¨¿ã•ã‚Œã¦ã„ãŸï¼ŽSPA ã§ React ã‚’ä½¿ã†å ´åˆã¯å‘ãåˆã‚ãªã‘ã‚Œã°ãªã‚‰ãªã„å•é¡Œãªã®ã§ï¼Œé‚¦è¨³ã—ã¦ã¿ã‚‹ï¼Ž é‚¦è¨³ï¼šisMounted is an Antipattern by Jim Sproch isMounted ã®å…¬å¼å»ƒæ¢ã«è¿‘ã¥ã„ã¦ããŸã®ã§ï¼ŒisMounted ãŒãªãœã‚¢ãƒ³ãƒãƒ‘ã‚¿ãƒ¼ãƒ³ãªã®ã‹ï¼Œãã—ã¦ isMounted ã‚’ä½¿ã‚ãªã„ã‚³
s5ot 2016/01/12
web

react
ãƒªãƒ³ã‚¯
petehunt/react-howto ã®æ—¥æœ¬èªžè¨³ - console.lealog();
petehunt/react-howto Â· GitHub ã“ã‚Œã®ã€2016/01/07æ™‚ç‚¹ã§ã®æ—¥æœ¬èªžè¨³ã§ã™ã€‚ æ›´æ–°ã¯è¿½ã‚ãªã„ã¨æ€ã†ã®ã§ã€æµã—èªã¿ã«ã©ã†ãžã€‚ react-howto ã‚‚ã—ã‚ãªãŸãŒReactã‚’ã¯ã˜ã‚ãŸã°ã‹ã‚Šã§(ã‚‚ã—ã‹ã—ãŸã‚‰ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰è‡ªä½“ã‚‚ã¯ã˜ã‚ã¦ã§)ã€Reactå‘¨è¾ºã®ã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ ã«å›°æƒ‘ã—ã¦ã‚‹ã¨ã—ãŸã‚‰ã€ãã“ã«ã¯ã“ã†ã„ã†ç†ç”±ãŒã‚ã‚‹ã€‚ ãã‚‚ãã‚‚Reactã¯ã‚¢ãƒ¼ãƒªãƒ¼ã‚¢ãƒ€ãƒ—ã‚¿ãƒ¼ã‚„ã‚¨ã‚ã‚¹ãƒ‘ãƒ¼ãƒˆå‘ã‘ã«ä½œã‚‰ã‚ŒãŸçµŒç·¯ãŒã‚ã‚‹ FacebookãŒå”¯ä¸€å®Ÿéš›ã«ä½¿ã‚ã‚Œã¦ã‚‹ä¾‹ã§ã‚ã‚Šã€Facebookã‚ˆã‚Šå°è¦æ¨¡ãªãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆå‘ã‘ã®ä½¿ã„æ–¹ã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã—ã¦ãªã„ Reactã®ã‚¬ã‚¤ãƒ‰ã‚’è£…ã£ãŸé–“é•ã£ãŸæƒ…å ±ã‚‚å¤šã„ ã“ã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã¯ã€HTMLãƒ»CSSãƒ»JavaScriptã§Webãƒšãƒ¼ã‚¸ã‚’ä½œã£ãŸã“ã¨ãŒã‚ã‚‹äººã‚’æƒ³å®šèªè€…ã«ã—ã¦ã‚‹ã€‚ ã“ã‚Œã‚’æ›¸ã„ãŸãƒ¯ã‚± Reactã«é–¢ã™ã‚‹æƒ…å ±ãŒå±±ã»ã©äº¤éŒ¯ã—ã¦ã‚‹ã‹ã‚‰ã€‚ è‡ªåˆ†ã¯Reactã‚’ä½œã£ãŸ
s5ot 2016/01/08
web
ãƒªãƒ³ã‚¯
Googleã¯ãªãœãƒ¢ãƒã‚¤ãƒ«ã«åŠ›ã‚’å…¥ã‚Œã‚‹ã®ã‹ï¼Ÿã“ã‚Œã‹ã‚‰ã®Webãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã§æ³¨åŠ›ã™ã¹ããƒã‚¤ãƒ³ãƒˆ
ã“ã‚“ã«ã¡ã¯ã€å·ç”°ã§ã™ã€‚Googleã¯ã“ã“æœ€è¿‘ã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—å‘ã‘Webã«å¯¾ã—ã¦ã€ã»ã¨ã‚“ã©ã®é–¢å¿ƒã‚’å¤±ã£ã¦ã„ã‚‹ã‚ˆã†ã«è¦‹ãˆã¾ã™ã€‚HTML5ãƒ–ãƒ¼ãƒ ã‚‚éŽãŽã¦ã€ã‚„ã‚‹ã“ã¨ãŒãªããªã£ã¦ã—ã¾ã£ãŸã®ã§ã—ã‚‡ã†ã‹ï¼Ÿâ€¦â€¦ã„ãˆã„ãˆã€ãã†ã§ã‚‚ã‚ã‚Šã¾ã›ã‚“ã€‚æ˜¨ä»Šã®å¾…ã£ãŸãªã—ã§é€²ã‚€æŠ€è¡“é©æ–°ã®ä¸ã§ã€å½¼ã‚‰ã¯ã€Œã‚ã‚‹å•é¡Œã€ã¨æˆ¦ã£ã¦ã„ã‚‹ã‚ˆã†ã§ã™ã€‚ Webã¯ã€Œãƒ¢ãƒã‚¤ãƒ«ã€ä¸å¿ƒã®æ™‚ä»£ã¸ç§»ã£ã¦ã„ã ã™ã§ã«ã”å˜çŸ¥ã®æ–¹ã‚‚å¤šã„ã¨æ€ã„ã¾ã™ãŒã€Googleã®ãƒ“ã‚¸ãƒã‚¹ãƒ¢ãƒ‡ãƒ«ã¯Webã«å¼·ãä¾å˜ã—ã¦ã„ã¾ã™ã€‚2014å¹´1Qã®æ±ºç®—ã§ã€Googleã¯å…¨å£²ä¸Šã®ç´„68%ãŒè‡ªç¤¾ã®Webç³»ã‚µãƒ¼ãƒ“ã‚¹ã®åºƒå‘ŠåŽå…¥ã§ã‚ã‚Šã€ç´„22%ã¯Adsenseãªã©ã®ä»–ã®Webã‚µã‚¤ãƒˆå‘ã‘ã®åºƒå‘Šã§ã‚ã‚‹ã¨å ±å‘Šã—ã¾ã—ãŸã€‚Webã«ä¾å˜ã—ãŸãƒ“ã‚¸ãƒã‚¹ãŒå®Ÿã«9å‰²ã‚’å ã‚ã€1æ—¥ã«ç´„120å„„å††ã®åŽå…¥ã‚’Webã‹ã‚‰å¾—ã¦ã„ã¾ã™ã€‚ã‚‚ã£ã¨ç°¡å˜ã«è¨€ãˆã°ã€Webã ã‘ã§ã€ã‚¿ã‚¤ã®å›½æ°‘å…¨å“¡ã®çµ¦æ–™åˆ†ãã‚‰ã„ç¨¼ã„ã˜ã‚ƒã£ã¦ã¾ã™ã€‚å½“ç„¶ã€Webã®é€²
s5ot 2015/12/14
web
ãƒªãƒ³ã‚¯
Webãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã«ãŠã‘ã‚‹ã‚¤ãƒ‹ã‚·ãƒ£ãƒ©ã‚¤ã‚ºã¨ãƒ©ãƒ³ã‚¿ã‚¤ãƒ
Webãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ»ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ æ€è€ƒæ•´ç†ç³»ã€‚ Webãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã«ãŠã‘ã‚‹3è¦ç´ ã¨ã—ã¦ã€éŽåŽ»ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã§ã¯ä¸‹è¨˜ã®3ã¤ã‚’ä¸å¿ƒã«ç´¹ä»‹ã—ã¦ã„ã¾ã—ãŸã€‚ é€šä¿¡ã‚³ã‚¹ãƒˆ - Networking æç”»ã‚³ã‚¹ãƒˆ - Rendering è¨ˆç®—ã‚³ã‚¹ãƒˆ - Computing ã“ã‚Œã‚‰ã®å•é¡Œã¯è¤‡é›‘ã«çµ¡ã¿åˆã„ã€æ™‚ã¨ã—ã¦ç›¸åã™ã‚‹é–¢ä¿‚ã‚’ã¨ã‚Šã¾ã™ã€‚ä¾‹ãˆã°ã€é€šä¿¡ã‚³ã‚¹ãƒˆã‚’æ¸›ã‚‰ã™ãŸã‚ã«ã€è¦–è¦šè¡¨ç¾ã‚’ç”»åƒã‹ã‚‰CSS3ã«ç½®ãæ›ãˆãŸã‚‰ã€æç”»ã‚³ã‚¹ãƒˆãŒé«˜ããªã£ã¦ã—ã¾ã„ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒé‡ããªã£ãŸã€ãªã‚“ã¦ã‚±ãƒ¼ã‚¹ã¯é »ç¹ã«ã‚ã‚‹ã§ã—ã‚‡ã†ã€‚ ç†è§£ã®å•é¡Œ ã“ã®3ã¤ã®ã‚³ã‚¹ãƒˆã¯ç¢ºã‹ã«ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã«å½±éŸ¿ã‚’ä¸Žãˆã‚‹è¦å› ã§ã‚ã‚Šã¾ã™ã€‚ã—ã‹ã—ã€ãã®è¦å› ãŒWebãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒšãƒ¼ã‚¸ãƒ©ã‚¤ãƒ•ã‚µã‚¤ã‚¯ãƒ«ã«ãŠã„ã¦ã€ã©ã“ã§å½±éŸ¿ã‚’ä¸Žãˆã¦ã„ã‚‹ã‹ã¯è¡¨ã—ã¦ãã‚Œã¾ã›ã‚“ã€‚ è¦å› ãŒã©ã®ã‚ˆã†ãªå½±éŸ¿ã‚’åŠã¼ã—ã†ã‚‹ã‹ã¨ã„ã†åŸºç¤Žçš„ãªç†è§£ã¨ã€ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®å•é¡Œã«å–ã‚Šçµ„ã‚€ãŸã‚ã®åˆ‡ã‚Šå£ã¨ã—ã¦ã®ç†è§£ã¯ã€ã
s5ot 2015/12/11
web
ãƒªãƒ³ã‚¯
Measuring the Performance of Single Page Applications
s5ot 2015/12/11
web
ãƒªãƒ³ã‚¯
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã«ç§©åºã‚’å–ã‚Šæˆ»ã™æ–¹æ³• ã€œã¯ã¦ãªãƒ–ãƒã‚°ç·¨é›†ç”»é¢ã‚’ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã™ã‚‹ãŸã‚ã«ã‚„ã£ãŸã“ã¨ã€œ // Speaker Deck
æ±äº¬Nodeå¦åœ’ç¥2015
s5ot 2015/11/08
web
ãƒªãƒ³ã‚¯
Effective web performance tuning for smartphone
1. Copyright (C) DeNA Co.,Ltd. All Rights Reserved. Eï¬€ective Web Browser Performance Tuning for Smartphone 1 Dec 16, 2014 ! Kei Takahashi [email protected] Game Development Infrastructure Gr. DeNA Co., Ltd. ~FINAL FANTASY Record Keeper ã®è»Œè·¡~ 2. è‡ªå·±ç´¹ä»‹ 2 Copyright (C) DeNA Co.,Ltd. All Rights Reserved. é«˜æ©‹ æ…§ (ãŸã‹ã¯ã— ã‘ã„) Japanãƒªãƒ¼ã‚¸ãƒ§ãƒ³ ã‚²ãƒ¼ãƒ äº‹æ¥æœ¬éƒ¨ æŠ€è¡“ãƒ»ç·¨æˆéƒ¨ ã‚²ãƒ¼ãƒ é–‹ç™ºåŸºç›¤ã‚°ãƒ«ãƒ¼ãƒ—(GDI)æ‰€å±ž Web Frontend Engineer ã¨ã„ã„ã¤ã¤æœ€è¿‘ã¯ã‚¢ãƒ—ãƒªã«ãŠ
s5ot 2014/12/22
web
ãƒªãƒ³ã‚¯
IBM Developer
IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant techno logies such as generative AI, data science, AI, and open source.
s5ot 2008/10/29
java

web

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ãƒªãƒ³ã‚¯
ãƒ¤ãƒ•ãƒ¼ã®æ—¥æœ¬èªžä¿‚ã‚Šå—ã‘è§£æžAPIã¨ã‚µãƒ³ãƒ—ãƒ«ãƒ—ãƒã‚°ãƒ©ãƒ ã€Œãªã‚“ã¡ã‚ƒã£ã¦æ–‡ç« è¦ç´„ã€
ãƒ¤ãƒ•ãƒ¼ã®æ—¥æœ¬èªžä¿‚ã‚Šå—ã‘è§£æžAPIã¨ã‚µãƒ³ãƒ—ãƒ«ãƒ—ãƒã‚°ãƒ©ãƒ ã€Œãªã‚“ã¡ã‚ƒã£ã¦æ–‡ç« è¦ç´„ã€ 2008-08-21-1 [WebTool][NLP][Programming][Algorithm] Yahoo!ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯(YDN)ã« ã€Œæ—¥æœ¬èªžä¿‚ã‚Šå—ã‘è§£æžWebã‚µãƒ¼ãƒ“ã‚¹ã€ãŒç™»å ´ã—ã¾ã—ãŸã€‚ Yahoo!ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ - ãƒ†ã‚ã‚¹ãƒˆè§£æž - æ—¥æœ¬èªžä¿‚ã‚Šå—ã‘è§£æž http://developer.yahoo.co.jp/jlp/DAService/V1/parse.html ã€Œä¿‚ã‚Šå—ã‘ã£ã¦ãªã«ï¼Ÿã€ã¨ã„ã†æ–¹ã‚‚ã„ã‚‹ã¨æ€ã†ã®ã§ã€ ä»¥ä¸‹ã€ã¾ã£ãŸãã‚‚ã£ã¦åŽ³å¯†ã§ã¯ãªã„ã€é©å½“ãªè§£èª¬ã‚’è©¦ã¿ã¾ã™ã€‚ (1) æ—¥æœ¬èªžã‚’ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ãƒ¼ã§å‡¦ç†ã™ã‚‹ã«ã¯ã€ ã¾ãšå½¢æ…‹ç´ è§£æžã¨ã„ã†ã®ã‚’ã‚„ã£ã¦ã€ æ–‡ã‚’å½¢æ…‹ç´ ï¼ˆâ‰’å˜èªžï¼‰å˜ä½ã«åˆ†å‰²ã—ã¾ã™ã€‚ YDN ã®ã€Œæ—¥æœ¬èªžå½¢æ…‹ç´ è§£æžWebã‚µãƒ¼ãƒ“ã‚¹ã€[2007-06-18-1] ã§è©¦ã™ã“ã¨ãŒã§ã
s5ot 2008/10/28
web

API

è¦ç´„

TODO
ãƒªãƒ³ã‚¯
ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãã‚‹å¤šæ©Ÿèƒ½LightBoxã€ŒLightviewã€:phpspoté–‹ç™ºæ—¥èªŒ
Lightview Lightview was built to change the way you overlay images on a website. ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãã‚‹å¤šæ©Ÿèƒ½LightBoxã€ŒLightviewã€ã€‚ æ¬¡ã®ã‚ˆã†ã«ã€èƒŒæ™¯è‰²ã‚’èµ¤ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ãŸã‚Šã§ãã‚‹LightBoxã®ç™»å ´ã§ã™ã€‚ èƒŒæ™¯è‰²ã®ã»ã‹ã€è§’ä¸¸ã®åº¦åˆã„ã‚„ã€ç°è‰²èƒŒæ™¯ã®æç”»ON/OFFã¨ãã®é€æ˜Žåº¦ã€zIndexã€è¡¨ç¤ºã®éš›ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãªã©ã‚’ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºå¯èƒ½ã§ã™ã€‚ ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¯ã€å¿…è¦ãªCSS/JSã‚’èªã¿è¾¼ã‚“ã å¾Œã€<img>ã€€ã‚¿ã‚°ã® rel å±žæ€§ã« lightview ã‚’è¨å®šã™ã‚‹ã ã‘ã€‚ (ä¾‹ï¼š <a href='image.jpg' rel='lightview'>My image<a/>Â ) ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã®æ©Ÿèƒ½ãªã‚“ã‹ã‚‚å®Ÿè£…ã•ã‚Œã¦ã„ã¾ã™ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª LightBoxé¢¨ã«è§’ä¸¸ã§å¯æ„›ãç”»åƒã‚’ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã—ã¦ãã‚Œã‚‹ã€ŒF
s5ot 2008/10/16
lightbox

javascript

web

TODO
ãƒªãƒ³ã‚¯
1ãƒ•ã‚©ãƒ¼ãƒ ã«è¤‡æ•°ã®submitãƒœã‚¿ãƒ³ã‚’è¨ã‘ã€ãã‚Œãžã‚Œã‚¿ãƒ¼ã‚²ãƒƒãƒˆãƒ¡ã‚½ãƒƒãƒ‰ã‚’å¤‰ãˆã‚‹æ–¹æ³•
Either em ail addresses are anonymous for this group or you need the view member em ail addresses permission to view the original message ã‚ªãƒ•ã‚£ã‚¹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ï¼ é•·å´Žã® ç”°ä»£ã§ã™ã€‚rbc-incubatorã®çš†æ§˜ã€ã¯ã˜ã‚ã¾ã—ã¦ã€‚ æŠ€è¡“è€…åŒå£«ã®ç›¸è«‡ã®å ´ã‚’è¨ã‘ã¦ã„ãŸã ã ã—ã‹ã‚‚ã€æ‹›å¾…ã¾ã§ã—ã¦ã„ãŸã ã ã¨ã¦ã‚‚ã†ã‚Œã—ãæ€ã„ã¾ã™ã€‚ ã›ã£ã‹ããªã®ã§ä¸€ç•ªä¹—ã‚Šã‚’ç›®æŒ‡ã—ã¦ã¿ã¾ã—ãŸã€‚ ã”ç›¸è«‡å†…å®¹ãƒ»ãƒ»ãƒ»ã¨ã„ã†ã‹ã€Œã¿ãªã•ã‚“ã©ã†ã—ã¦ã‚‹ï¼Ÿã€ ã¨ã„ã†ã®ã‚’ä¼ºã„ãŸã„ã®ã§ã™ãŒã€æ¨™è¨˜ã®é€šã‚Šã€ ä»¥ä¸‹ã®ã‚ˆã†ã«ã²ã¨ã¤ã®ãƒ•ã‚©ãƒ¼ãƒ ã«è¤‡æ•°ã®submitãƒœã‚¿ãƒ³ã‚’è¨ã‘ã¦ãŠã æŠ¼ã—ãŸãƒœã‚¿ãƒ³ã«ã‚ˆã‚Šcontrollerã§ã®ãƒ¡ã‚½ãƒƒãƒ‰ã‚’å¤‰ãˆãŸã„ãªã‚ã€ã¨ æ€ã£ã¦ã„ã¾ã™ã€‚ [view] <%form_for :hoge, @mo
s5ot 2008/10/12
rails

web

ï¼‘ãƒ•ã‚©ãƒ¼ãƒ

ãƒ•ã‚©ãƒ¼ãƒ

è¤‡æ•°

submit

å•é¡Œ
ãƒªãƒ³ã‚¯
ã‚ãªãŸã®ãƒšãƒ¼ã‚¸ã‚’æœ€é€Ÿã«ã™ã‚‹14ã®æŽŸ
http://blog.livedoor.jp/dankogai/archives/50828720.html ãƒ¡ãƒ¢ãƒ¡ãƒ¢ã€‚ 1. HTTPãƒªã‚¯ã‚¨ã‚¹ãƒˆã¯æœ€å°é™ã« - Make fewer HTTP requests 2. CDNã‚’æ´»ç”¨ - Use a CDN 3. Expiresãƒ˜ãƒƒãƒ€ã‚’åˆ©ç”¨ - Add an Expires header 4. ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯Gzipã›ã‚ˆ - Gzip components 5. CSSã¯ä¸Šã« - Put CSS at the top 6. JSã¯ä¸‹ã« - Move JS to the bottom 7. CSSã®expressionã®åˆ©ç”¨ã¯æŽ§ãˆã‚ˆ - Avoid CSS expressions 8. JSã¨CSSã¯å¤–éƒ¨åŒ–ã›ã‚ˆ - Make JS and CSS external 9. DNSå‚ç…§ã‚’æŠ‘ãˆã‚ˆ - Reduce DNS lookups 0. JSã‚’
s5ot 2008/10/12
web

æ€§èƒ½

ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹

ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°
ãƒªãƒ³ã‚¯
1 2 3 æ¬¡ã®ãƒšãƒ¼ã‚¸