[B! frontend] stefafafanã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

stefafafan id:stefafafan

frontendã«é–¢ã™ã‚‹stefafafanã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (11)

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

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‹ã‚‰ã‚µãƒ¼ãƒãƒ¼ã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ãƒ‘ã‚¿ãƒ¼ãƒ³ | ãƒ•ãƒ¥ãƒ¼ãƒãƒ£ãƒ¼æŠ€è¡“ãƒ–ãƒã‚°
åƒ•ãŒè§¦ã‚Šå§‹ã‚ãŸé ƒã®ã‚¦ã‚§ãƒ–ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã¯ãƒ‡ãƒãƒƒã‚¬ãƒ¼ã‚‚ãªãã€ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯HTMLã¨å‘¼ã°ã‚Œã¦æ–‡å—ã‚’ãƒã‚«ãƒã‚«ã•ã›ãŸã‚Šã™ã‚‹ã‚ˆã†ãªã‚‚ã®ã§ã—ãŸã€‚IE6ã¨ã„ã†è¶…å®‰å®šãƒ–ãƒ©ã‚¦ã‚¶ãŒå‡ºã¦ããŸã‚Šï¼ˆNetscape 4.xã‚‚7.xã‚‚ä¸å®‰å®šã ã£ãŸï¼‰ãã®å¾ŒjQueryãŒç™»å ´ã—ãŸã¨ãã¯ã€å¤©ä½¿ãŒé™è‡¨ã—ãŸã‚ˆã†ã«æ€ãˆãŸã‚‚ã®ã§ã™ã€‚ ãã“ã‹ã‚‰é•·ã„å¹´æœˆãŒçµŒã¡ã€ã‚¦ã‚§ãƒ–ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®æ¯”é‡ãŒå¤§ãããªã‚‹ã«ã¤ã‚Œã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ã‚³ãƒ¼ãƒ‰ã¯ã©ã‚“ã©ã‚“è¤‡é›‘åŒ–ã—ã¾ã—ãŸã€‚OpenAPIãªã©ã®ã‚³ãƒ¼ãƒ‰ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãªã©ã‚‚æ™®åŠã—ãŸçµæžœã€é€šä¿¡ã¨ã„ã†ã‚‚ã®ãŒéš ã•ã‚Œã€ã‚¤ãƒ™ãƒ³ãƒˆã®ä¸ã§awaitã‚„.then()ã§å‘¼ã°ã‚Œã‚‹ä½•ã‹ã€ã¿ãŸã„ãªç†è§£ã‚’ã—ã¦ã„ã‚‹ãƒ¡ãƒ³ãƒãƒ¼ã‚‚ä»Šå¾Œå¢—ãˆã¦ã„ãã®ã§ã¯ãªã„ã‹ã¨ã„ã†æ‡¸å¿µãŒã‚ã‚Šã¾ã™ã€‚ ç¾åœ¨ã§ã¯ã‚¦ã‚§ãƒ–ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã¯Reactã‚„Vueã¨ã„ã£ãŸãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ä¸Šã§è¡Œã‚ã‚Œã€ã‚¤ãƒ™ãƒ³ãƒˆã¨ã„ã†ã®ã¯ãã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®æä¾›ã™ã‚‹ãƒ©ã‚¤ãƒ•ã‚µã‚¤ã‚¯ãƒ«ã‚¤ãƒ™ãƒ³ãƒˆã«å¯¾å¿œä»˜ã‘
stefafafan 2024/11/12
frontend

react
ãƒªãƒ³ã‚¯
Reactç³»ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ä½•ã‚’ä½¿ã†ã¹ãã‹2024å¹´ç§‹ - Qiita
æ•°å¹´å‰ã¾ã§ã¯ Next.js ä¸€å¼·ã ã£ãŸ React ç³»ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ãŒã€æœ€è¿‘ã§ã¯æ§˜ã€…ãªå¯¾æŠ—é¦¬ãŒç”Ÿã¾ã‚Œæ··æ²Œã¨ã—ã¦ãã¦ã„ã¾ã™ã€‚ æœ¬è¨˜äº‹ã§ã¯è‡ªåˆ†ã®æ€è€ƒæ•´ç†ã‚‚å…¼ãã¦ã€ãã‚Œãžã‚Œã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®ç‰¹å¾´ã‚’æ´—ã„å‡ºã—ãŸã‚‚ã®ã§ã™ã€‚ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®é¸å®šã«å½¹ç«‹ã¦ã¦è²°ãˆãŸãªã‚‰å¹¸ã„ã§ã™ã€‚ å‰æäº‹é … ã“ã“ã«ã‚ã‚‹å…¨ã¦ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«ã¤ã„ã¦ç†è€…ãŒç²¾é€šã—ã¦ã„ã‚‹è¨³ã§ã¯ã‚ã‚Šã¾ã›ã‚“ é–“é•ã£ã¦ã„ãŸã‚‰å„ªã—ãæŒ‡æ‘˜ã—ã¦ãã ã•ã„ React ç³»ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«ã¯ React / Preact ã®ä»–ã€ã‚¿ã‚¤ãƒˆãƒ«è©æ¬ºã§æ€’ã‚‰ã‚Œãã†ã ãªã¨æ€ã„ã¤ã¤ React é¢¨ã® JSX ãŒæ›¸ã‘ã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚‚å«ã‚ã¦ã„ã¾ã™ ã“ã‚Œã‚‚æ€’ã‚‰ã‚Œã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã®ã§å…ˆã«æ›¸ã„ã¦ãŠãã¾ã™ãŒã€ç¾å®Ÿçš„ã«å¯¾æŠ—é¦¬ã¨ã¯ãªã‚‹ãŒãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã¯ãªã„ã‚‚ã®(Vite ç‰)ã‚‚å«ã‚ã¦ã„ã¾ã™ ã€ŒSPAã€ã‚’ã€Œã‚µãƒ¼ãƒãƒ¼ã‚’æŒãŸãªã„(é™çš„ãƒ•ã‚¡ã‚¤ãƒ«ã®ã¿ã§æ§‹æˆã•ã‚ŒãŸ)ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã€ãã‚‰ã„
stefafafan 2024/11/04
react

frontend
ãƒªãƒ³ã‚¯
Framework reimagined for the edge! ðŸ“š Qwik Documentation
Because Qwik skips hydration, your applications are instantly interactive. This is accomplished by resumability.
stefafafan 2024/10/26
qwik

framework

frontend

react
ãƒªãƒ³ã‚¯
https://www.solidjs.com/
stefafafan 2024/10/26
javascript

solid

frontend
ãƒªãƒ³ã‚¯
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒˆã‚™ã®ç¾åœ¨åœ°ã¨ã“ã‚Œã‹ã‚‰
YAPC::Hakodate 2024 https://fortee.jp/yapc-hakodate-2024/proposal/a2e39821-a91c-4d10-9db7-1e4d624d47ff
stefafafan 2024/10/05
frontend
ãƒªãƒ³ã‚¯
ã‚¸ãƒ£ã‚¤ã‚¢ãƒ³ãƒˆãƒ‘ãƒ³ãƒ€ã«æ³¨æ„ - Next.js ã®ãƒ“ãƒ«ãƒ‰æ”¹å–„ (æ ªå¼ä¼šç¤¾GiXoæ§˜)
æœ€è¿‘ã«ãªã£ã¦ Frontend Ops ã®å‚å…µã¨ã—ã¦æ´»å‹•ã‚’å§‹ã‚ã¾ã—ãŸã€‚ Frontend Ops å®Ÿè·µã®ãƒ¢ãƒ‡ãƒ«ã‚±ãƒ¼ã‚¹ã¨ã—ã¦ã€ æ ªå¼ä¼šç¤¾GiXoæ§˜ã§ Next.js ä»•äº‹ã«å–ã‚Šçµ„ã¾ã›ã„ãŸã ãã¾ã—ãŸã€‚ä»Šå›žã€ãã®å†…å®¹ã‚’å…¬é–‹ã™ã‚‹è¨±å¯ã‚’é ‚ã‘ãŸã®ã§ã€äº‹ä¾‹ã¨ã—ã¦å…¬é–‹ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ ä¾é ¼ä¸» æ ªå¼ä¼šç¤¾GiXoæ§˜ ä»¥ä¸‹ã€æ•¬ç§°ç•¥ ç›¸è«‡å†…å®¹ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–¢é€£ã®ãƒªãƒã‚¸ãƒˆãƒªã§ã€Next.js ã®ãƒ“ãƒ«ãƒ‰ãŒé…ããªã£ã¦ã—ã¾ã£ãŸã€‚ é‡ã„ã“ã¨ã«èµ·å› ã—ã¦ Vercel CI ã§ OOM ã§ç¢ºçŽ‡çš„ã«è½ã¡ã‚‹ã‚ˆã†ã«ãªã£ãŸã€‚CIãŒä¿¡ç”¨ã§ããªããªã‚Šã€ã¨ã‚Šã‚ãˆãšå†ãƒ“ãƒ«ãƒ‰ã™ã‚‹ã‚¯ã‚»ãŒã¤ã„ã¦ã—ã¾ã£ã¦ã€ç”Ÿç”£æ€§ãŒè½ã¡ã¦ã„ã‚‹ã€‚ ãƒ¢ãƒŽãƒ¬ãƒå†…ã«ã¨ãã«é‡ã„ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒä¸€ã¤ã‚ã‚Šã€ã“ã‚Œã‚’èª¿æŸ»ãƒ»è§£æ±ºã—ã¦ã»ã—ã„ã€‚ ä»®ã‚´ãƒ¼ãƒ«: VercelCI ä¸Šã®ãƒ“ãƒ«ãƒ‰æ™‚é–“ã‚’åŠåˆ†OOM ãŒç™ºç”Ÿã—ãªã„ã‚ˆã†ã«ã—ãŸã„ èª¿æŸ»ãƒ•ã‚§ãƒ¼ã‚º ãƒªãƒã‚¸ãƒˆãƒªã®é–²è¦§æ¨©ã‚’é ‚ãã€ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆæ§‹æˆ
stefafafan 2024/09/02
css

frontend

performance
ãƒªãƒ³ã‚¯
You Don't Need Next.js | ãƒ‰ã‚¯ã‚»ãƒ«
[beta] Next.jsã‚¯ã‚¤ã‚º2 â€¢ <p>ã«ã¯ãªã«ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã§ã—ã‚‡ã†ã‹ï¼Ÿ /app/page.tsx "use client"; import { useCallback, useEffect, useState } from "react"; export default function Home() { const [date, setDate] = useState(); const fetchDate = useCallback(async () => { const response = await fetch("/api"); const data = await response.json(); setDate(data.date); }, []); useEffect(() => { fetchDate(); }, [fetchDate]); return ( <
stefafafan 2024/02/26
next.js

frontend
ãƒªãƒ³ã‚¯
Web Speed Hackathon 2021 miniã§ã»ã¼æº€ç‚¹ã‚’å‡ºã—ã¾ã—ãŸ
gzipåœ§ç¸®ã ã¨ã‚ã¾ã‚Šåœ§ç¸®ã§ãã¦ã„ãªãã€ã‚¹ãƒ©ã‚¤ãƒ‡ã‚£ãƒ³ã‚°ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ãŒå°ã•ã„ã›ã„ã‹ãªã¨æ€ã£ãŸã®ã§ã™ãŒã€å®Ÿéš›ã«å¤§ãã•ãŒã‹ãªã‚Šé•ã†ã¿ãŸã„ãªã®ã§ã€ãã‚ŒãŒåŽŸå› ã¨ã—ã¦ã‚ã‚Šãˆãã†ã§ã™ã€‚ Gzip uses a fixed size, 32KB window, and Brotli can use any window size from 1KB to 16MB, in powers of 2 (minus 16 bytes). This means that the Brotli window can be up to 512 times larger window than the deflate window. Results of experimenting with Brotli for dynamic web content - The Cloudflare Blog AudioContextã®
stefafafan 2022/01/04
frontend

performance
ãƒªãƒ³ã‚¯
Node.js ES2015/ES6, ES2016 and ES2017 support
"use strict"; function f(n){ if (n <= 0) { return "foo"; } return g(n - 1); } function g(n){ if (n <= 0) { return "bar"; } return f(n - 1); } return f(1e6) === "foo" && f(1e6+1) === "bar";
stefafafan 2022/01/02
web

frontend

compatibility

nodejs
ãƒªãƒ³ã‚¯
ECMAScript 6 compatibility table
V8 SpiderMonkey JavaScriptCore Chakra Carakan KJS Other â¬¤ Minor difference (1 point) â¬¤ Small feature (2 points) â¬¤ Medium feature (4 points) â¬¤ Large feature (8 points) Compilers/polyfills Desktop browsers Servers/runtimes Mobile Feature name Current browser ES6 Trans- piler Traceur Babel 6 + core-js 2 Babel 7 + core-js 2 Babel 7 + core-js 3 Closure 2020.06 Closure 2020.09 Closure 2021.08 Closure 20
stefafafan 2022/01/02
web

frontend

compatibility
ãƒªãƒ³ã‚¯
å€‹äººçš„ Web ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¹ã‚ãƒ«ã®ç²å¾—æ–¹æ³• - mizdra's blog
ã“ã“2å¹´ãã‚‰ã„ã®è©±ãªã®ã§ã™ãŒã€ä»•äº‹ã§ã€Œãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ä¼šã€ã¨ã„ã†ãƒãƒ¼ãƒ å†…å§”å“¡ä¼šã®ã‚ˆã†ãªã‚‚ã®ã‚’ç«‹ã¡ä¸Šã’ã¦é‹å–¶ã—ã¦ã„ã¾ã™ã€‚å…ƒã€…1äººã® Web ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰è·äººãŒãƒ—ãƒãƒ€ã‚¯ãƒˆã® Web ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®é¢å€’ã‚’è¦‹ã¦ã„ãŸã®ã§ã™ãŒã€ãã®æ–¹ãŒç•°å‹•ã•ã‚Œã‚‹ã“ã¨ã«ãªã£ãŸã®ã§ã€æ®‹ã£ãŸäººã§é¢å€’ã‚’è¦‹ã¦ã„ã‘ã‚‹ä½“åˆ¶ã‚’ä½œã‚Šã¾ã—ã‚‡ã†ã€ã¨ã„ã†ãƒ¢ãƒãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ã§ç™ºè¶³ã—ãŸä¼šã§ã—ãŸã€‚ã“ã®è©±ã«ã¤ã„ã¦ã¯ä»¥å‰ã‚¤ãƒ™ãƒ³ãƒˆã§ç™ºè¡¨ã—ãŸã®ã§ã€è©³ã—ãã¯ã“ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’ã”è¦§ä¸‹ã•ã„ã€‚ speakerdeck.com Web ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰è·äººã®ç•°å‹•ã¨ã¨ã‚‚ã«å…¥ç¤¾ã—ãŸ id:mizdra ãŒ Web ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãŒå¾—æ„ã ã£ãŸã®ã§ã€ãƒšã‚¢ãƒ—ãƒã‚„ãƒšã‚¢ã‚ªãƒšã€å®šä¾‹ä¼šãªã©ã‚’é€šã˜ã¦ã©ã‚“ã©ã‚“ã‚¹ã‚ãƒ«ã‚„çŸ¥è¦‹ã‚’é…ã£ã¦ã„ãã€ã¨ã„ã†æˆ¦ç•¥ã§é‹å–¶ã—ã¦ã„ã¾ã—ãŸã€‚å®Ÿéš›ã« 2 å¹´çµŒéŽã—ã¦ã¿ã¦ãƒ¡ãƒ³ãƒãƒ¼ã‚‚å¾ã€…ã«ã‚ãƒ£ãƒƒãƒã‚¢ãƒƒãƒ—ã—ã¦ã„ã£ã¦ã€ã¡ã‚‡ã£ã¨ã—ãŸãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹æ”¹å–„ã‚’ã‚„ã£ã¦ã¿ãŸã‚Šã€æœ€è¿‘ Gulp ã‚„
stefafafan 2021/12/31
è‰¯ã„

web

frontend
ãƒªãƒ³ã‚¯
1