[B! performance][javascript] griefworkerã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

griefworker id:griefworker

performanceã¨javascriptã«é–¢ã™ã‚‹griefworkerã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (12)

${{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ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ä½œã‚‹
2025-09-04 / Cloudflare Workers Tech Talks in Hokkaido #1
griefworker 2025/09/06
javascript

performance
ãƒªãƒ³ã‚¯
Chrome Devtools ã«ã‚ˆã‚‹ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®è¨ˆæ¸¬
ã“ã‚“ã«ã¡ã¯ã€‚æ ªå¼ä¼šç¤¾ã‚¹ã‚¿ãƒ¡ãƒ³ã§FANTSã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’æ‹…å½“ã—ã¦ã„ã‚‹@0906kokiã§ã™ã€‚ ä»Šå›žã®è¨˜äº‹ã§ã¯ã€çš†ã•ã‚“ãŠãªã˜ã¿ã® Chrome Devtools ã«ã‚ã‚‹ Performance ã‚¿ãƒ–ã§ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’è¨ˆæ¸¬ã™ã‚‹æ–¹æ³•ã«ã¤ã„ã¦æ›¸ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ãƒ»ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã¨è¨€ã†ã¨ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã¨æ¯”ã¹ã¦å¾Œå›žã—ã«ãªã‚ŠãŒã¡ã§ã™ãŒã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®è¤‡é›‘æ€§ãŒå¯„ã£ã¦ãã¦ã„ã‚‹ç¾åœ¨ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãŒãƒœãƒˆãƒ«ãƒãƒƒã‚¯ã§ãƒ¬ã‚¹ãƒãƒ³ã‚¹ã®ãƒ¬ã‚¤ãƒ†ãƒ³ã‚·ãƒ¼ãŒç™ºç”Ÿã™ã‚‹ã“ã¨ã¯å¾€ã€…ã«ã—ã¦ã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã§ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼æ•°ã®å¢—åŠ ã‚„å¤§é‡ã®åŒæ™‚æŽ¥ç¶šã«è€ãˆã‚‰ã‚Œã‚‹è² è·å¯¾ç–ã‚„ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ãƒ»ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ãŒä¸å¿ƒã¨ãªã‚Šã¾ã™ãŒã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§ã¯ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚µã‚¤ã‚ºã®å¢—åŠ ã«ã‚ˆã‚‹ JavaScript ãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã‚„ã‚¹ã‚¯ãƒªãƒ—ãƒ†ã‚£ãƒ³ã‚°ã€ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°é€Ÿåº¦ã®ä½Žä¸‹ç‰ãŒ
griefworker 2021/12/01
chrome

performance

javascript
ãƒªãƒ³ã‚¯
å®Ÿè·µ Off the main thread - from scratch
å®Ÿè·µ Off the main thread å®Ÿéš›ã« Off the main thread ã‚’ã‚„ã‚Šã¤ã¤ã€ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã‚’ã™ã‚‹éš›ã«ã©ã“ã«æ°—ã‚’ã¤ã‘ã‚‹ã¹ãã‹ã‚’ä»Šã‚„ã£ã¦ã„ã‚‹ã®ã§ã€ãã‚Œã«ã¤ã„ã¦è©±ã—ã¾ã™ã€‚ Off the main thread ã¨ã¯ JavaScript ã®å‡¦ç†ã¯åŸºæœ¬çš„ã«ãƒ¡ã‚¤ãƒ³ã‚¹ãƒ¬ãƒƒãƒ‰ã§å®Ÿæ–½ã—ã¾ã™ã€‚JavaScriptã®å®Ÿè¡Œå‡¦ç†ä»¥å¤–ã«ã‚‚è¨˜è¿°ã•ã‚ŒãŸå†…å®¹ã‚’è§£é‡ˆã™ã‚‹ãŸã‚ã®ãƒ‘ãƒ¼ã‚¹å‡¦ç†ã‚„GCå‡¦ç†ã‚‚ãƒ¡ã‚¤ãƒ³ã‚¹ãƒ¬ãƒƒãƒ‰ã‚’ãƒ–ãƒãƒƒã‚¯ã—ã¾ã™ã€‚ãƒ¡ã‚¤ãƒ³ã‚¹ãƒ¬ãƒƒãƒ‰ã®å‡¦ç†ãŒå¤šã„ã¨UI jankã¨å‘¼ã°ã‚Œã‚‹ã‚¬ã‚¿ãƒ„ã‚ã€ãƒãƒ©ãƒ„ã‚ã€ç”»é¢ã®å›ºã¾ã‚Šã®åŽŸå› ã«ãªã‚Šã¾ã™ã€‚ UI jankãŒç™ºç”Ÿã—ã¦ã„ã‚‹ã¨ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒã‚¯ãƒªãƒƒã‚¯ã—ãŸã‚Šã€textå…¥åŠ›ã‚’ã—ã‚ˆã†ã¨ã—ã¦ã‹ã‚‰åå¿œã™ã‚‹ã¾ã§ã®æ™‚é–“ï¼ˆInput Latencyï¼‰ãŒå³æ™‚ã§ã¯ãªããªã‚Šã¾ã™ã€‚ ã“ã®UI jankã‚’ç„¡ãã™ãŸã‚ã«ã€ãªã‚‹ã¹ããƒ¡ã‚¤ãƒ³ã‚¹ãƒ¬ãƒƒãƒ‰ã‚’é˜»å®³ã™ã‚‹è¦å› ã‚’æ¸›ã‚‰ã™ã“ã¨ãŒ Off
griefworker 2020/01/02
performance

react

javascript
ãƒªãƒ³ã‚¯
ä¸€ä¼‘.comã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹æ”¹å–„ï¼ˆJavaScriptç·¨ï¼‰ - ä¸€ä¼‘.com Developers Blog
å®¿æ³Šäº‹æ¥æœ¬éƒ¨ã®å®‡éƒ½å®®ã§ã™ã€‚ ä¸€ä¼‘.com ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã®ãƒ›ãƒ†ãƒ«ãƒšãƒ¼ã‚¸ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹æ”¹å–„ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã¯ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã«ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªè¦ä»¶ãŒã‚ã‚Šã¾ã—ãŸã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³é¢ã¯æ—¢å˜ã‚’è¸è¥²ã™ã‚‹ æ©Ÿèƒ½ã¯ã»ã¼å¾“æ¥é€šã‚Š æ—¥ä»˜ç‰ã‚’å¤‰æ›´ã—ãŸéš›ã®å†æ¤œç´¢ã¯ã€ç”»é¢é·ç§»ã‚’æŒŸã¾ãšã€ç”»é¢å†…ã§è¡Œãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’ã§ãã‚‹ã ã‘æ”¹å–„ã™ã‚‹ è¦ã™ã‚‹ã«ã€å¾“æ¥ã¨åŒæ§˜ã®æ©Ÿèƒ½+Î±ã‚’å®Ÿç¾ã—ã€ã‹ã¤ã€å¾“æ¥ã¨åŒç‰ä»¥ä¸Šã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’å®Ÿç¾ã™ã‚‹ã€ã¨ã„ã†ãƒŸãƒƒã‚·ãƒ§ãƒ³ã§ã™ã€‚ ã“ã®ãŸã‚ã«ã€ã©ã®ã‚ˆã†ãªå–ã‚Šçµ„ã¿ã‚’è¡Œã£ãŸã‹ã€ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ç›®æ¨™å€¤ã®è¨å®š ã¾ãšã€ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®ç›®æ¨™å€¤ã‚’è¨å®šã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ãƒ¢ãƒã‚¤ãƒ«ã§ã¯ã€ãƒ¦ãƒ¼ã‚¶ã®å¸¯åŸŸå¹…ã¯å›žç·šã‚„æ™‚é–“å¸¯ã«ã‚ˆã£ã¦å¤§ããªå¤‰å‹•ãŒã‚ã‚Šã¾ã™ã€‚å¤šå°‘å›žç·šçŠ¶æ³ãŒæ‚ªãã¦ã‚‚ã€é–²è¦§ã‚’å¦¨ã’ãªã„ç¨‹åº¦ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’å®Ÿç¾ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ ä¸€ä¼‘ã¸ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ãƒ¦ãƒ¼ã‚¶ã®ãƒ¢ãƒ‹ã‚¿ãƒªãƒ³ã‚°ã‚’è¦‹ã‚‹ã¨ã€æ¥µç«¯ã«é…ã„å›žç·šã‚’ä½¿ã£ã¦ã„ã‚‹ãƒ¦ãƒ¼ã‚¶
griefworker 2018/09/25
Calibreã§ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®ç›£è¦–ã¾ã§ã‚„ã£ã¦ã„ã¦è‰¯ã„ã€‚

javascript

performance

vuejs
ãƒªãƒ³ã‚¯
Webãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹æ”¹å–„ãƒãƒ³ãƒ‰ãƒ–ãƒƒã‚¯ã‚’å…¬é–‹ã—ã¾ã—ãŸ - dwango on GitHub
ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹æ”¹å–„ãƒãƒ³ãƒ‰ãƒ–ãƒƒã‚¯ ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã«ãŠã‘ã‚‹ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã«é–¢ã™ã‚‹å•é¡Œã®è¦‹ã¤ã‘æ–¹ã‚„è€ƒãˆæ–¹ã®äº‹ä¾‹ã‚’ã¾ã¨ã‚ãŸ Webãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹æ”¹å–„ãƒãƒ³ãƒ‰ãƒ–ãƒƒã‚¯ã‚’å…¬é–‹ã—ã¾ã—ãŸã€‚ URL: https://dwango-js.github.io/performance-handbook/ ã“ã®ãƒãƒ³ãƒ‰ãƒ–ãƒƒã‚¯ã§ã¯éŽåŽ»ã«è¡Œã£ãŸWebãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹æ”¹å–„ã®äº‹ä¾‹ã‚’ä¸å¿ƒã«ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚ æ³¨æ„ç‚¹ã¨ã—ã¦Webãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¯å¸¸ã«å¤‰åŒ–ã—ã¦ã„ã‚‹ãŸã‚ã€ç¾åœ¨ã®æœ€é©ãªè§£æ±ºæ–¹æ³•ã‚’ææ¡ˆã™ã‚‹ã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ ã¾ãŸã€ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã«ã‚ˆã£ã¦ã‚‚æœ€é©ãªè§£æ±ºæ–¹æ³•ã¯ç•°ãªã‚Šã¾ã™ã€‚ ä»Šå›žã®äº‹ä¾‹ã§ã¯Viewãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«Reactã‚’ç”¨ã„ã€æ˜ åƒå†ç”Ÿãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ãªã©ã‚ã‚‹ç¨‹åº¦è¤‡é›‘ãªæ©Ÿèƒ½ã‚’æŒã£ãŸã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®Webãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’æ‰±ã„ã¾ã™ã€‚ å…·ä½“çš„ã«ã¯ãƒ‹ã‚³ãƒ‹ã‚³ç”Ÿæ”¾é€ï¼ˆä»¥ä¸‹ã€Œç”Ÿæ”¾é€ã€ï¼‰ã§è¡Œã£ãŸäº‹ä¾‹ã‚’ä¸å¿ƒã«æ›¸ã‹ã‚Œã¦ã„ã¾
griefworker 2018/09/24
web

performance

react

javascript
ãƒªãƒ³ã‚¯
dev.toãŒãªãœinsanely fastã‚’å®Ÿç¾å‡ºæ¥ã¦ã„ã‚‹ã‹ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? INSANELY FAST Qiitaã‚’èªã‚“ã§ã‚‹äººãªã‚‰ https://dev.to ã‚’ã»ã¨ã‚“ã©ã®äººãŒè¦‹ãŸã¯ãšã€‚è¦‹ã¦ãªã„äººã¯è¦‹ã¦ãã¦ãã ã•ã„ã€é€Ÿã™ãŽã¦é©šãã¯ãšã€‚ã¾ãŸmizchiã•ã‚“ãŒdev.toã«æ›¸ã„ãŸ ãªãœ dev.to ãŒã“ã‚“ãªã«ã‚‚é€Ÿãã€ã“ã‚“ãªã«ã‚‚è‡ªåˆ†ã«ã¨ã£ã¦æ„Ÿå‹•çš„ãªã®ã‹ - dev.to ã‚’è¦‹ãŸäººã‚‚å¤šã„ã¨æ€ã†ã€‚å€‹äººçš„ã«Heroku, Railsã‚’æŽ¡ç”¨ã—ã¦ã“ã“ã¾ã§çˆ†é€Ÿãªã‚µã‚¤ãƒˆã‚’æ§‹ç¯‰å‡ºæ¥ã¦ã„ã‚‹ã“ã¨ã¯ä»Šã¾ã§ã®å¸¸è˜ã‚’è¦†ã™è¡æ’ƒãªå‡ºæ¥äº‹ã ã£ãŸã€‚ã“ã‚“ãªæ–°ã—ã„ç™ºè¦‹ã‚’ã‚‚ãŸã‚‰ã—ã¦ãã‚ŒãŸdev.toã«ã¯æœ¬å½“ã«æ„Ÿè¬ã—ã¦ã‚‹ã€‚è‡ªåˆ†ã‚‚ã“ã‚“ãªã‚µã‚¤ãƒˆä½œã£ã¦ã¿ãŸã„ãª
griefworker 2017/12/06
web

performance

javascript
ãƒªãƒ³ã‚¯
ãªãœ dev.to ãŒã“ã‚“ãªã«ã‚‚é€Ÿãã€ã“ã‚“ãªã«ã‚‚è‡ªåˆ†ã«ã¨ã£ã¦æ„Ÿå‹•çš„ãªã®ã‹
DEV Community Follow A space to discuss and keep up software development and manage your software career
griefworker 2017/11/16
javascript

performance

web
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹æ”¹å–„ã®ã²ã¨ã¤ã®æ—¥å¸¸ - kitak blog
ã²ã¨ã¤ã®æ—¥å¸¸ ã“ã®é–“ã€ä»•äº‹ã§ã¡ã‚‡ã£ã¨ã—ãŸãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒª(ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã®WebViewã®ä¸Šã§å‹•ãWebã‚¢ãƒ—ãƒªã€ã¨ã“ã“ã§ã¯å®šç¾©ã—ã¦ãŠã)ã‚’ãƒªãƒªãƒ¼ã‚¹ã—ãŸã€‚ ãã®ã‚¢ãƒ—ãƒªã«ã¯ã‚¿ãƒ–ãŒã‚ã£ã¦ã€(å½“ãŸã‚Šå‰ã ãŒ)ã‚¿ãƒ–ã§ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒåˆ‡ã‚Šæ›¿ã‚ã‚‹ã€‚ ãƒªãƒªãƒ¼ã‚¹ã—ã¦3æ—¥ãã‚‰ã„çµŒã£ã¦ã€ä¼ç”»ã®äººã‹ã‚‰ã€Œãªã‚“ã‹ã€ã“ã“ã®ã‚¿ãƒ–ã€åå¿œæ‚ªããªã„ï¼Ÿã€ã¨ã„ã†è©±ãŒæ¥ãŸã€‚ãŸã—ã‹ã«ã‚¿ãƒ–ã«è§¦ã‚Œã¦ã‚‚ã€ã™ãã«ã¯åå¿œã—ãªãã¦1~2ç§’çµŒã£ã¦ã‹ã‚‰ã‚¿ãƒ–ãŒåˆ‡ã‚Šæ›¿ã‚ã‚‹ã€‚ã—ã‹ã‚‚ã€åˆ‡ã‚Šæ›¿ãˆãŸã‚¿ãƒ–ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã®ã«ã‚‚1~2ç§’ã‹ã‹ã£ã¦ã„ã‚‹ã€ã†ã¸ãƒ¼... æ”¹å–„ã™ã‚‹ãžï¼ ã¨ã„ã†ã“ã¨ã¯ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã®é–‹ç™ºã‚’ãŠã“ãªã£ã¦ã„ã‚‹ã¨ã€ã¡ã‚‡ãã¡ã‚‡ãã‚ã‚‹ã®ã§ã¯ãªã‹ã‚ã†ã‹ã€‚æ„è˜ã€ã‚ã‚‹ã„ã¯ç„¡æ„è˜ã«ãŠã“ãªã£ã¦ã„ã‚‹æ”¹å–„ã®æ‰‹é †ã«ã¤ã„ã¦ã€å…ˆã®å•é¡Œã®æ”¹å–„ã«è‡³ã‚‹ã¾ã§ã®å…·ä½“çš„ã¯è©±ã€ãƒ„ãƒ¼ãƒ«ã‚‚å«ã‚ãªãŒã‚‰æ›¸ãã€‚ è¨ˆæ¸¬ã™ã‚‹ ã€Œè¨ˆæ¸¬ã™ã‚‹ã¾ã§ã¯é€Ÿåº¦ã®ãŸã‚ã®èª¿æ•´ã‚’ã—ã¦ã¯ãªã‚‰ãªã„ã€ã¨ã„ã†æœ‰åãªæ ¼è¨€ãŒã‚ã‚‹
griefworker 2016/04/18
javascript

performance
ãƒªãƒ³ã‚¯
ã‚·ãƒ³ãƒ—ãƒ«ã§ã‹ã¤æœ€é«˜ã®JavaScriptãƒ—ãƒãƒ•ã‚¡ã‚¤ãƒ© sjsp ã‚’ä½œã‚Šã¾ã—ãŸï¼ â€• Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒè¤‡é›‘åŒ–ã™ã‚‹ä¸ã§ãƒ—ãƒãƒ•ã‚¡ã‚¤ãƒ©ã«æ±‚ã‚ã‚‰ã‚Œã‚‹ã‚‚ã®ã¨ã¯ä½•ã‹ - ãƒ—ãƒã‚°ãƒ©ãƒ ãƒ¢ã‚°ãƒ¢ã‚°
ã‚ã‚‰ã™ã˜ WebæŠ€è¡“ãŒè¤‡é›‘ã«ãªã‚‹ä¸ã§ã€JavaScriptã®ãƒ—ãƒãƒ•ã‚¡ã‚¤ãƒªãƒ³ã‚°ã‚’ã¨ã‚‹æ–¹æ³•ã¨ã¯ã€‚ ãƒ—ãƒãƒ•ã‚¡ã‚¤ãƒªãƒ³ã‚°ã‚’å–ã‚‹ãŸã‚ã®ã‚³ãƒ¼ãƒ‰ã‚’æ‰‹ã§æ›¸ã„ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ ã¨ã¦ã‚‚ã‚·ãƒ³ãƒ—ãƒ«ã§ã€ã‹ã¤æœ€é«˜ã®JavaScriptãƒ—ãƒãƒ•ã‚¡ã‚¤ãƒ© sjsp ã‚’ä½œã‚Šã¾ã—ãŸã€‚ æœ¬å½“ã«ã‚ã£ãŸæ€–ã„è©± ä¸Šå¸ ã€Œã¨ã«ã‹ãJavaScriptã®ã‚³ãƒ¼ãƒ‰ã‚’é€Ÿãã—ã¦ãã‚Œã€ ç§ ã€Œåˆ†ã‹ã‚Šã¾ã—ãŸã€é€Ÿãã—ã¾ã™ã€ (æ¬¡ã®æ—¥) ç§ ã€Œã„ã„ãƒ—ãƒãƒ•ã‚¡ã‚¤ãƒ©ãŒãªã„ãªã‚‰ä½œã‚Œã°ã„ã„ã˜ã‚ƒãªã„ã€ åŒã˜ãƒãƒ¼ãƒ ã®äºº ã€Œãˆã£ï¼Ÿã€ ç§ ã€Œæœ€é«˜ã®JavaScriptãƒ—ãƒãƒ•ã‚¡ã‚¤ãƒ©ä½œã£ãŸã‚ˆã€ åŒã˜ãƒãƒ¼ãƒ ã®äºº ã€Œã€Œãˆã£ãˆã£ï¼Ÿï¼Ÿï¼Ÿã€ã€ ç§ ã€Œæ—©é€Ÿä½¿ã£ã¦ã¿ãŸã‚‰ã“ã“ã¨ã“ã“ãŒé…ã„ã£ã¦åˆ†ã‹ã£ãŸã‚ˆã€ åŒã˜ãƒãƒ¼ãƒ ã®äºº ã€Œã€Œã€Œã“ã®åã¯ä¸€ä½“â€¦ã€ã€ã€ JavaScriptã®ãƒ—ãƒãƒ•ã‚¡ã‚¤ãƒªãƒ³ã‚°ã®é›£ã—ã• è¿‘å¹´ã€Webãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã®å‡¦ç†é€Ÿåº¦ã¯è‘—ã—ãå‘ä¸Šã—ã€ãã®å¯ç”¨æ€§ã®é«˜ã•ã‹ã‚‰ã€ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ
griefworker 2015/07/01
performance

haskell

javascript
ãƒªãƒ³ã‚¯
ã€Žãƒ•ãƒãƒ³ãƒˆãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚¬ã‚½ãƒ³ æœ€é€Ÿã‚’ç›®æŒ‡ã™ã«ã¯ã€
11:10ï½ž èª²é¡Œãƒšãƒ¼ã‚¸ã®ç¢ºèªï¼†PageSpeed Insightsã®å®Ÿè¡Œç›®çš„ï¼šãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°å¯¾è±¡ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®æ”¹å–„ã®ä½™åœ°ã‚’èª¿æŸ» ä¸Šè¨˜ã®gruntãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ npm install ã‚³ãƒžãƒ³ãƒ‰ã‚’å®Ÿè¡Œã—ãªãŒã‚‰ã€ãƒ–ãƒ©ã‚¦ã‚¶ã‚„IDEã§ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°å¯¾è±¡ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’ç¢ºèªã—å§‹ã‚ã¾ã—ãŸã€‚ å°‘ã—è¦‹ãŸã ã‘ã§ã‚‚CSSã®æ§‹æ–‡ã‚¨ãƒ©ãƒ¼ãŒã‚ã£ãŸã‚Šã€ä½¿ã£ã¦ã„ãªã„JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒã‚¤ãƒ³ãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ãŸã‚Šâ€¦ã€‚ ã¾ã‚‹ã§ç„¡èŒ¶ãªé‹ç”¨ã‚’æ•°ãƒ¶æœˆç¶šã‘ãŸã‹ã®ã‚ˆã†ãªã€ã‚«ã‚ªã‚¹ãªãƒ•ã‚¡ã‚¤ãƒ«ç¾¤ã§ã—ãŸã€‚ ã“ã“ã§å®Ÿè¡Œã—ãŸ PageSpeed Insights ã«ç”»åƒã‚µã‚¤ã‚ºã®æœ€é©åŒ–ã‚’ã‚ªã‚¹ã‚¹ãƒ¡ã•ã‚ŒãŸã®ã§ã€ã¾ãšã¯ãã“ã‹ã‚‰è¡Œã†ã“ã¨ã«ã—ã¾ã—ãŸã€‚ 11:20ï½ž ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã®æœ€é©åŒ–ç›®çš„ï¼šç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã®å‰Šæ¸› 30 x 30pxã§è¡¨ç¤ºã—ã¦ã„ã‚‹ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ãŒå®Ÿéš›ã«ã¯150 x 150pxã§ä¿å˜ã•ã‚Œã¦ã„ãŸã‚Šã™ã‚‹ç”»åƒãŒãã“ãã“ã‚ã£ãŸã®
griefworker 2014/09/17
performance

javascript

css

html
ãƒªãƒ³ã‚¯
AngularJSã®ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚° - ãƒ¯ã‚¶ãƒŽãƒ | wazanova.jp
http://blog.scalyr.com/2013/10/31/angularjs-1200ms-to-35ms/ ãƒ¢ãƒ‹ã‚¿ãƒªãƒ³ã‚°/ãƒã‚°åˆ†æžãƒ„ãƒ¼ãƒ«ã®ScalyrãŒãã®ãƒ–ãƒã‚°ã§ã€AngularJSã‚’ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã—ã¦ãƒšãƒ¼ã‚¸ã®æ›´æ–°æ™‚é–“ã‚’çŸç¸®ã—ãŸäº‹ä¾‹ã‚’ç´¹ä»‹ã—ã¦ã¾ã™ã€‚æˆæžœã¯è¿‘æ—¥ä¸ã«ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã¨ã—ã¦æä¾›ã•ã‚Œã‚‹äºˆå®šã§ã™ã€‚ 1) èƒŒæ™¯ Scalyr Logsã‚¢ãƒ—ãƒªã«ãŠã„ã¦ã€DBã‚¯ã‚¨ãƒªã¯æ•°å msã§å‡¦ç†ã§ãã‚‹ãŒã€ãƒšãƒ¼ã‚¸ã®èªã¿è¾¼ã¿æ™‚é–“ã§æ•°ç§’ã‹ã‹ã£ã¦ã—ã¾ã†çŠ¶æ³ã§ã‚ã£ãŸã€‚ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã‚¢ãƒ—ãƒªã‚’å®Ÿç¾ã™ã‚‹ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã—ã¦AngularJSã‚’æŽ¡ç”¨ã€‚â€fail fastâ€ (å¤±æ•—ã™ã‚‹ãªã‚‰æ—©ã‚ã«)ã®æ–¹é‡ã®ã‚‚ã¨ã€é›£æ˜“åº¦ã®é«˜ã„ãƒã‚°ãƒ“ãƒ¥ãƒ¼ã‹ã‚‰ã¤ãã‚‹ã“ã¨ã«ã—ãŸã€‚ Scalyr Logsã®ãƒšãƒ¼ã‚¸ã«è¡¨ç¤ºã•ã‚ŒãŸãƒã‚°ãƒ‡ãƒ¼ã‚¿ã®ã©ã®å˜èªžã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦ã‚‚ã€ãã®æ¤œç´¢çµæžœã‚’è¡¨ç¤ºã€‚(ã‚µãƒ³ãƒ—ãƒ«ç”»é¢Â /Â ãƒ‡ãƒ¢ç”»é¢ï¼‰æ¬¡ãƒšãƒ¼ã‚¸ã®ãƒã‚°ãƒ‡ãƒ¼ã‚¿ã‚‚äº‹
griefworker 2013/11/06
ä¸è¦ã«ãªã£ãŸDOMã‚’ã‚ãƒ£ãƒƒã‚·ãƒ¥ã—ãŸã¾ã¾éš ã—ã¦å†åˆ©ç”¨ã€ä½™è¨ˆãªã‚¤ãƒ™ãƒ³ãƒˆã®æŠ‘æ¢ã€‚

angularjs

performance

javascript
ãƒªãƒ³ã‚¯
ScaleOut | Supership
æ—¥ã€…ã®å‡ºæ¥äº‹ã€ãƒ¡ãƒ³ãƒãƒ¼ã®åƒãæ§˜åã‚„å£°ã€æœªæ¥ã¸ã®æƒ³ã„ãªã©ã€Supershipã®â€œBE SUPERâ€ãªã‚¹ãƒˆãƒ¼ãƒªãƒ¼ã‚’ã‚·ã‚§ã‚¢ã—ã¦ã„ã¾ã™ã€‚
griefworker 2013/06/19
filedropä¾¿åˆ©ãã†ã€‚æœ‰åãªã‚µãƒ¼ãƒ“ã‚¹ãŒä½¿ã£ã¦ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯å°Žå…¥ã«è¸ã¿åˆ‡ã‚Šã‚„ã™ã„ã‚ˆãªã€‚

javascript

webservice

development
ãƒªãƒ³ã‚¯
1