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

wata88 id:wata88

javascriptã«é–¢ã™ã‚‹wata88ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (130)

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

"use server";ã‚’å‹˜é•ã„ã—ã¦ä½¿ã†ã¨å±ãªã„
ãƒ ãƒ¼ã‚¶ãƒ«ã¡ã‚ƒã‚“ãã‚‹ã®zaruã§ã™ã€ã“ã‚“ã«ã¡ã¯ã€‚ä»Šå›žã¯Next.js AppRouterã®Server Actionsã§ "use server"; ã‚’å‹˜é•ã„ã—ã¦ä½¿ã†ã¨å±ãªã„ã‚±ãƒ¼ã‚¹ãŒã‚ã‚‹ã‚ˆã¨ã„ã†ã®ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ä»¥å‰æ›¸ã„ãŸ"use server"; ã§exportã—ãŸé–¢æ•°ãŒæ„å›³ã›ãšï¼Ÿå…¬é–‹ã•ã‚Œã‚‹ã¨ã¯ã¾ãŸé•ã†ã‚±ãƒ¼ã‚¹ã ã£ãŸã®ã§æ”¹ã‚ã¦æ›¸ãã¾ã™ã€‚ ä»Šå›žã®ã‚±ãƒ¼ã‚¹ãŒç™ºç”Ÿã™ã‚‹ã“ã¨ã¯ç¨€ã ã¨æ€ã„ã¾ã™ãŒã€Server Actionsã®ä»•çµ„ã¿ã‚’å‹˜é•ã„ã—ã¦ã—ã¾ã£ã¦ã„ãŸã‚Šé›°å›²æ°—ã§ä½¿ã£ã¦ã„ã‚‹ã¨ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ãƒªã‚¹ã‚¯ã‚’ã¯ã‚‰ã‚€ã‚³ãƒ¼ãƒ‰ã«ãªã£ã¦ã—ã¾ã„ã¾ã™ã€‚ ä¾‹ã¨ã—ã¦ã€ä»¥ä¸‹ã®ã‚ˆã†ãªãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ‡ãƒ¼ã‚¿ãƒ•ãƒãƒ¼ã‚’å®Ÿè£…ã—ãŸã¨ã—ã¾ã™ã€‚3ã¤ã®ãƒ•ã‚¡ã‚¤ãƒ«ã«åˆ†ã‹ã‚Œã¦ã„ã¾ã™ã€‚ <form> ã®ãƒ‡ãƒ¼ã‚¿ã‚’ submitForm() é–¢æ•°ã§å—ã‘å–ã‚Šã€ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿè¡Œã—ã¾ã™ã€‚ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã«å•é¡ŒãŒãªã‘ã‚Œã° insertRecord() é–¢æ•°ã§ãƒ‡ãƒ¼ã‚¿ã‚’ä¿å˜ã—ã¾ã™
wata88 2024/10/12
ã“ã‚Œçµ¶å¯¾ã‚„ã‚‰ã‹ã™è‡ªä¿¡ãŒã‚ã‚‹ã®ã§æ€–ã„

javascript
ãƒªãƒ³ã‚¯
FANZAã®æ¤œç´¢çµæžœã‹ã‚‰ç†Ÿå¥³ã‚’é™¤å¤–ã™ã‚‹ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãƒ¬ãƒƒãƒˆ
èˆˆå‘³ã®ãªã„ä½œå“ãŒæ¤œç´¢çµæžœã«æ··ã˜ã‚‹ã®ã¯é‚ªé”ã§ã™ã‚ˆãã€‚ ç§ã¯ç†Ÿå¥³ãƒ¢ãƒŽã¨ã‹äººå¦»ãƒ¢ãƒŽã¯çœ¼ä¸ã«ãªã„ã®ã§ã™ãŒã€ãªãœã ã‹æœ€è¿‘ãã£ã¡ç³»ã®ä½œå“ãŒå¤šãã¦é–‰å£ã—ã¦ã„ã¾ã™ã€‚ ã—ã‹ã—FANZAå´ã®æ¤œç´¢ã‚·ã‚¹ãƒ†ãƒ ã¯NOTæ¤œç´¢ã§ãã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã›ã‚“ã€‚ãã“ã§ã€æ¤œç´¢çµæžœã‹ã‚‰é™¤å¤–ã§ããã†ãªã‚‚ã®ã‚’é™¤å¤–ã™ã‚‹ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãƒ¬ãƒƒãƒˆã‚’ä½œã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ ã•ã„ã‚ã„è¿‘å¹´ã¯å†…å®¹ã®æ¦‚è¦æ–‡ã‚’ãã®ã¾ã¾ã‚¿ã‚¤ãƒˆãƒ«ã«ã—ãŸã‚ˆã†ãªä½œå“ã°ã‹ã‚Šãªã®ã§ã€ã‚¿ã‚¤ãƒˆãƒ«ã«å«ã¾ã‚Œã‚‹ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ã§é™¤å¤–ãŒç°¡å˜ã«ã§ããã†ã§ã™ã€‚ ã€Œç†Ÿå¥³ã€ã¨ã‹ã€Œäº”åè·¯ã€ã®ã‚ˆã†ãªå˜èªžã‚’å«ã‚€ä½œå“ã‚’éžè¡¨ç¤ºã«ã—ã¦ã—ã¾ãˆã°ã‚ˆã„ã®ã§ã™ã€‚ ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãƒ¬ãƒƒãƒˆ javascript: (() => { const r = /ç†Ÿå¥³|å®Œç†Ÿ|ç†Ÿã‚Œ|å››åè·¯|äº”åè·¯|å…åè·¯|äººå¦»|å¥¥æ§˜|å¦»|å¤«|æ¯|ãƒžãƒž|ãŠã°ã•ã‚“|BBA|å§‘|å«/; const q = '#list>li'; document.querySelectorA
wata88 2024/09/26
javascript
ãƒªãƒ³ã‚¯
ãƒ¦ãƒ¼ã‚¶ãƒ¼ä½“é¨“é‡è¦–ã®SPAã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£æ”¹ - laiso
JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’å–ã‚Šå·»ãçŠ¶æ³ã¯ã€å¸¸ã«å¤‰åŒ–ã‚’ç¶šã‘ã¦ã„ã¾ã™ã€‚è¿‘å¹´ã§ã¯ã€ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ï¼ˆSSRï¼‰ã¨ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ï¼ˆCSRï¼‰ã®ãƒãƒ©ãƒ³ã‚¹ã¯ã€é‡è¦ãªæ¤œè¨Žäº‹é …ã§ã™ã€‚ ChatGPTã®RemixæŽ¡ç”¨ 2024å¹´9æœˆã€ChatGPTãŒNext.jsã‹ã‚‰Remixã«ç§»è¡Œã—ãŸã“ã¨ãŒæ˜Žã‚‰ã‹ã«ãªã‚Šã¾ã—ãŸã€‚ã“ã®å‡ºæ¥äº‹ã¯ã€Remixã®æ¯ä½“ã§ã‚ã‚‹React Routerç³»ã®ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã§å¤§ããªè©±é¡Œã¨ãªã‚Šã€ç§»è¡Œã®ç†ç”±ã«ã¤ã„ã¦æ§˜ã€…ãªæ†¶æ¸¬ã‚’å‘¼ã³ã¾ã—ãŸã€‚ JavaScriptã‚¨ã‚ã‚¹ãƒ‘ãƒ¼ãƒˆã®Wes Bosæ°ï¼ˆå¦ç¿’å‹•ç”»æ•™æã¨ã‹ã‚’ä½œã£ã¦ã„ã‚‹äººï¼‰ã¯ã€ChatGPTã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’åˆ†æžã—ã€OpenAIãŒRemixã‚’æŽ¡ç”¨ã—ãŸç†ç”±ã«ã¤ã„ã¦ç‹¬è‡ªã®è€ƒå¯Ÿã‚’å±•é–‹ã—ã¾ã—ãŸã€‚ www.youtube.com ç·Šæ€¥ã§å‹•ç”»ã‚’å›žã™Wes Bosæ° Wes Bosæ°ã®åˆ†æžã«ã‚ˆã‚‹ã¨ã€ChatGPTã®ã‚¢
wata88 2024/09/07
javascript
ãƒªãƒ³ã‚¯
React
2023å¹´åº¦ãƒªã‚¯ãƒ«ãƒ¼ãƒˆ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚³ãƒ¼ã‚¹æ–°äººç ”ä¿®ã®è¬›ç¾©è³‡æ–™ã§ã™
wata88 2024/05/20
javascript
ãƒªãƒ³ã‚¯
What's the difference between JavaScript engines and JavaScript runtimes? - Human Who Codes
You have probably heard the terms â€œJavaScript engineâ€ and â€œJavaScript runtimeâ€ used interchangeably to mean â€œa program that runs JavaScript.â€ These are often intermixed by referencing V8, Node.js, or some other combination of related programs. However, there is a significant difference between a JavaScript engine and a JavaScript runtime in terms of scope and functionality. Understanding this diff
wata88 2024/03/27
javascript
ãƒªãƒ³ã‚¯
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 ( <
wata88 2024/02/27
javascript
ãƒªãƒ³ã‚¯
Latest topics > JSé–‹ç™ºã®ã¤ã‚‰ã¿ - outsider reflex
Latest topics > JSé–‹ç™ºã®ã¤ã‚‰ã¿ å®£ä¼ã€‚æ—¥çµŒLinuxã«ã¦Linuxã®åŸºç¤Žï¼Ÿã‚’ç´¹ä»‹ã™ã‚‹æ¼«ç”»ã€Œã‚·ã‚¹ç®¡ç³»å¥³åã€ã‚’é€£è¼‰ã•ã›ã¦ã„ãŸã ã„ã¦ã„ã¾ã™ã€‚ ä»¥ä¸‹ã®ç‰¹è¨ã‚µã‚¤ãƒˆã«ã¦ã€å˜è¡Œæœ¬ã¾ã‚“ãŒã§ã‚ã‹ã‚‹Linux ã‚·ã‚¹ç®¡ç³»å¥³åã®è©¦ã—èªã¿ãŒå¯èƒ½ï¼ Â« ã€Œã¾ã‚“ãŒã§ã‚ã‹ã‚‹Linux ã‚·ã‚¹ç®¡ç³»å¥³åã€ã‹ã‚‰ã€ŒIT ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢1å¹´ç”Ÿã®ãŸã‚ã® ã¾ã‚“ãŒã§ã‚ã‹ã‚‹Linuxã€ã¸ã®æ”¹é¡Œã®æ„å›³ Main ç†è§£ã®ä¸å¯èƒ½æ€§ã¨æ–çµ¶ã«ã¤ã„ã¦ Â» JSé–‹ç™ºã®ã¤ã‚‰ã¿ - Nov 20, 2023 JavaScriptç•Œéšˆã¯ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã®ç§»ã‚Šå¤‰ã‚ã‚Šãƒ»æµè¡Œã‚Šå»ƒã‚ŠãŒæ¿€ã—ã„ã€ã¨ã¯ã‚ˆãèžãã€‚ ã€Œã ã‹ã‚‰è¾›ã„ã€ã¨ã¯ã©ã†ã„ã†ã“ã¨ãªã®ã‹ã€ã«ã¤ã„ã¦è€ƒãˆãŸã“ã¨ã®ã‚ã‚Œã“ã‚Œã‚’Xã«åž‚ã‚Œæµã—ãŸã®ã‚’ã€å†ç·¨é›†ã—ã¦ã¾ã¨ã‚ãŸã€‚ æµè¡Œã‚Šå»ƒã‚Šã®ä½•ãŒè¾›ã„ã®ã‹ ãã£ã¨ã™ã§ã«èª°ã‹å‰ã„äººã‚‚è¨€ã£ã¦ãã†ã ã‘ã©ã€ä»Šã®WebæŠ€è¡“ã€ç‰¹ã«JavaScriptã®ã¤ã‚‰ã¿ã¯ã€ã€Œãƒ—ãƒãƒ€ã‚¯ãƒˆã‚„ã‚µ
wata88 2024/02/19
æ–‡ç« åŒ–ãŒä¸Šæ‰‹ã„

é–‹ç™º

javascript
ãƒªãƒ³ã‚¯
Next.js + TypeScript + Tailwind CSS ã®é–‹ç™ºç’°å¢ƒã‚’ã§ãã‚‹ã ã‘ä¸å¯§ã«æ§‹ç¯‰ã™ã‚‹ã€2024å¹´ã€‘
ã¯ã˜ã‚ã« æœ€è¿‘ã€Next.jsã€TypeScriptã€Tailwind CSSã‚’ä½¿ã£ã¦æŠ€è¡“ãƒ–ãƒã‚°ã‚’ç«‹ã¡ä¸Šã’ã¾ã—ãŸã€‚ï¼ˆã¾ã ã‚ã¾ã‚Šæ›´æ–°ã¯é€²ã‚“ã§ã„ã¾ã›ã‚“ãŒâ€¦ï¼‰ ã“ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’é€šã˜ã¦æ§‹ç¯‰ã—ãŸé–‹ç™ºç’°å¢ƒãŒã‚ã‚Šã¨å¿«é©ã ã£ãŸã®ã§ã€èª°ã‹ã®å‚è€ƒã«ãªã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã¨è¨˜äº‹ã‚’æ›¸ã„ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ ã§ãã‚‹é™ã‚Šã‚ã‹ã‚Šã‚„ã™ãè©³ç´°ãªèª¬æ˜Žã‚’å¿ƒãŒã‘ã¾ã—ãŸãŒã€ãã®çµæžœã€è¨˜äº‹ã®ãƒœãƒªãƒ¥ãƒ¼ãƒ ãŒå¤§ãããªã£ã¦ã—ã¾ã„ã¾ã—ãŸã€‚é•·æ–‡ã§ã™ãŒã€èˆˆå‘³ã®ã‚ã‚‹æ–¹ã¯ãœã²èªã‚“ã§ã¿ã¦ãã ã•ã„ðŸ™ ã¾ãŸã€ã“ã®è¨˜äº‹å†…ã§ç´¹ä»‹ã—ãŸå†…å®¹ã‚’ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ—ã—ãŸãƒªãƒã‚¸ãƒˆãƒªã‚’å…¬é–‹ã—ã¦ã„ã¾ã™ã€‚ Next.jsã®ãƒœã‚¤ãƒ©ãƒ¼ãƒ—ãƒ¬ãƒ¼ãƒˆã¨ã—ã¦æ´»ç”¨å¯èƒ½ã§ã™ã®ã§ã€èˆˆå‘³ã®ã‚ã‚‹æ–¹ã¯ãœã²è¦—ã„ã¦ã¿ã¦ãã ã•ã„ã€‚
wata88 2024/02/02
javascript
ãƒªãƒ³ã‚¯
javascript ã§ãªãœ 2^53 - 1 ä»¥ä¸‹ã®æ•´æ•°ã‚’æ£ç¢ºã«è¡¨ã›ã‚‹ã®ã‹ - Qiita
javascript ã®å‹‰å¼·ã‚’ã—ã¦ã„ã¦ç–‘å•ã«æ€ã£ãŸã“ã¨ã«ã¤ã„ã¦èª¿ã¹ãŸã®ã§æ›¸ãã¾ã™ã€‚å†·é™ã«è€ƒãˆã‚‹ã¨ã‹ãªã‚Šå½“ãŸã‚Šå‰ã®ã“ã¨ãªã®ã§ã™ãŒã€åŒã˜ç–‘å•ã‚’æŒã¤äººã‚‚ã„ã‚‹ã‹ã¨æ€ã†ã®ã§ãƒ¡ãƒ¢ã‚’æ®‹ã—ã¦ãŠãã¾ã™ã€‚å‹˜é•ã„ãŒã‚ã£ãŸã‚‰æ•™ãˆã¦ãã ã•ã„ã€‚ jsã§ã¯æ•°å€¤ã¯ã™ã¹ã¦æµ®å‹•å°æ•°ç‚¹åž‹ã§è¡¨ã™ ã»ã¨ã‚“ã©ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã§ã¯ã€æ•´æ•°ã¨æ•´æ•°ä»¥å¤–ã®å®Ÿæ•°ã‚’ç•°ãªã‚‹åž‹ã§è¡¨ã™ï¼ˆä»¥ä¸‹ã€é¢å€’ãªã®ã§æ•´æ•°ä»¥å¤–ã®å®Ÿæ•°ã‚’å˜ã«å®Ÿæ•°ã¨è¡¨ç¾ã™ã‚‹å ´åˆãŒã‚ã‚‹ï¼‰ã€‚ã¤ã¾ã‚Šã€æ•°å€¤ã®ä¸ã§ã‚‚æ•´æ•°ã ã‘ã‚’ç‰¹åˆ¥ã«æ‰±ã†åž‹ãŒã‚ã‚‹ã€‚ä¾‹ãˆã°ã€Cã§ã‚ˆãä½¿ã†ã®ã¯æ•´æ•°ã¯intã€å®Ÿæ•°ã¯doubleãªã©ã§ã™ãã€‚ã“ã‚Œã«å¯¾ã—ã¦ã€ javascript ã§ã¯æ•´æ•°ã ã‘ã‚’è¡¨ã™åž‹ã¨ã„ã†ã®ãŒãªãã€æ•°å€¤ã¯ã™ã¹ã¦Numberã¨ã„ã†åž‹ã§è¡¨ç¾ã•ã‚Œã‚‹ã€‚ã¤ã¾ã‚Šã€3ã‚‚0.3ã‚‚åŒã˜åž‹ã®å€¤ã§ã‚ã‚‹ã€‚Numberã¯å®Ÿæ•°ã‚’è¡¨ã™ã®ã«ã‚ˆãä½¿ã‚ã‚Œã‚‹64bit ã®æµ®å‹•å°æ•°ç‚¹åž‹ãªã®ã§ã€ javascript ã§ã¯æ•´æ•°ã‚‚å®Ÿæ•°ã£ã½ãè¡¨ã—ã¦ã„ã‚‹ã“
wata88 2023/09/09
javascript
ãƒªãƒ³ã‚¯
Open source hooliganism and the TypeScript meltdown
September 7, 2023 Open source hooliganism and the TypeScript meltdown I've seen a lot of true believers argue for virtues of their favorite paradigms and methods over the decades working in software. And mostly, I look at people with a passionate preference and smile. Isn't it great that people care so much about their craft that they volunteer to extol the benefits of their favorite tools! Yes it
wata88 2023/09/08
ã”ã‚‚ã£ã¨ã‚‚

javascript

typescript

ruby
ãƒªãƒ³ã‚¯
SSRã¨Cookie Forwardingã®é—‡
æœ¬è¨˜äº‹ã¯Photocreate Advent Calendar 2019 2æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãªã¿ãªã•ã‚“ã“ã‚“ã«ã¡ã¯ã€‚Andyã§ã™ã€‚ 2019å¹´3æœˆã‚ˆã‚Šã€æ¥å‹™å§”è¨—ã¨ã„ã†å½¢å¼ã§æ ªå¼ä¼šç¤¾Photocreateã®é‹å–¶ã™ã‚‹ã‚¹ã‚¯ãƒ¼ãƒ«ãƒ•ã‚©ãƒˆè²©å£²ã‚µã‚¤ãƒˆã€Œã‚¹ãƒŠãƒƒãƒ—ã‚¹ãƒŠãƒƒãƒ—ã€ã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’ãŠæ‰‹ä¼ã„ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ ä»Šå›žã¯ãã®ä¸ã§ãƒãƒ¼ãƒ ã®ä»²é–“ã¨ãƒãƒ£ãƒ¬ãƒ³ã‚¸ã—ãŸèª²é¡Œã«ã¤ã„ã¦ã”ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« æ˜¨ä»Šã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ç•Œéšˆã¯ã‚¨ãƒƒã‚¸ãƒŽãƒ¼ãƒ‰ã§ã®pre-renderingã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ ãŒéžå¸¸ã«å……å®Ÿã—ã¦ãã¾ã—ãŸã€‚ã²ã¨æ˜”å‰ã®ã‚ˆã†ã«ã€Œæ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³æœ€é©åŒ–(SEO)ã®ãŸã‚ã«ã¯SSRãŒãƒžã‚¹ãƒˆï¼ï¼ã€ã¨ã„ã£ãŸè¦ä»¶ãŒSingle Page Applicationé–‹ç™ºã«æ±‚ã‚ã‚‰ã‚Œã‚‹ã“ã¨ã‚‚æ¸›ã£ã¦ããŸæ°—ãŒã—ã¾ã™ã€‚ ã¨ã¯ã„ãˆä¾ç„¶ã¨ã—ã¦SSRæ©Ÿæ§‹ã‚’æ±‚ã‚ã‚‰ã‚Œã‚‹æ¡ˆä»¶ã‚‚å°‘ãªããªãã€ç„¡åž¢ãªåˆå¿ƒè€…ãŒèª¤ã£ã¦è¿·ã„è¾¼ã‚‚ã†ã‚‚ã®
wata88 2023/07/17
javascript
ãƒªãƒ³ã‚¯
Block Pong: Web æŠ€è¡“ã‚’é§†ä½¿ã—ãŸã‚²ãƒ¼ãƒ ã‚¢ãƒ—ãƒªã®å®Ÿè£…èˆžå°è£ - DevFest 2020
ã“ã®ãƒ–ãƒ©ã‚¦ã‚¶ ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®ã‚µãƒãƒ¼ãƒˆã¯çµ‚äº†ã—ã¾ã—ãŸã€‚ã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚¢ãƒƒãƒ—ã‚°ãƒ¬ãƒ¼ãƒ‰ã—ã¦ãã ã•ã„ã€‚
wata88 2023/04/17
javascript
ãƒªãƒ³ã‚¯
å¥‡å¦™ãªæ›œæ—¥ãƒã‚° | Wantedly Engineer Blog
ã‚ã‚‹æ—¥ã€æµ·å¤–ãƒãƒ¼ãƒ ã‹ã‚‰ãƒã‚°ã®å ±å‘ŠãŒã‚ã‚Šã¾ã—ãŸã€‚æ—¥ä»˜ã¨æ›œæ—¥ãŒå¯¾å¿œã—ã¦ã„ãªã„ã¨ã„ã†ã®ã§ã™ã€‚ ãƒ†ã‚¹ãƒˆç’°å¢ƒã§ã„ãã¤ã‹è¨å®šã‚’å¤‰æ›´ã—ã¦è©¦ã—ãŸã¨ã“ã‚ã€OSã®ã‚¿ã‚¤ãƒ ã‚¾ãƒ¼ãƒ³ã‚’ã‚·ãƒ³ã‚¬ãƒãƒ¼ãƒ«æ¨™æº–æ™‚ (UTC+8) ã«å¤‰æ›´ã—ãŸã¨ãã«ã€æ›œæ—¥ãŒ2ã¤ãšã‚Œã‚‹ã“ã¨ãŒç¢ºèªã§ãã¾ã—ãŸã€‚4/2ã¯é‡‘æ›œæ—¥ã§ã™ãŒã€4/2ãŒæ°´æ›œæ—¥ã¨ã—ã¦è¡¨ç¤ºã•ã‚Œã¦ã—ã¾ã£ã¦ã„ã¾ã™ã€‚ åŽŸå› èª¿æŸ»ã“ã®éƒ¨åˆ†ã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¯ã ã„ãŸã„ä»¥ä¸‹ã®ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã—ãŸã€‚Moment.jsã¨ã„ã†ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã£ã¦æ—¥ä»˜ã¨æ›œæ—¥ã‚’è¡¨ç¤ºã—ã¦ã„ã¾ã™ã€‚ // Timeline It em.jsx // date ã¯ 2021-04-02 ã®ã‚ˆã†ãªæ–‡å—åˆ— const DateBox = ({ date, showMonth }) => { const mDate = moment(date); const dateHuman = showMonth ? mDate.format("M.D") :
wata88 2021/04/05
ãŸã¾ãŸã¾ã†ã¾ãå‹•ã„ã¦ã„ãŸã‚±ãƒ¼ã‚¹é¢ç™½ã„

javascript
ãƒªãƒ³ã‚¯
Reactã®props/contextã®ä½¿ã„åˆ†ã‘ - saneyuki_s log
Reactã®props/contextã®ä½¿ã„åˆ†ã‘ ä»•äº‹å…ˆã§ãŸã¾ãŸã¾ã“ã‚Œã®è©±ã«ãªã‚Šã€å€‹äººçš„ã«æ€ã£ã¦ã„ã‚‹ã“ã¨ã‚’ã¾ã¨ã‚ãŸã€‚ å…¬é–‹ã—ãŸã®ã¯ã€æ™‚ã€…è¦‹ã‹ã‘ã‚‹ã€Œã©ã£ã¡ã‚’ä½¿ã†ã¹ãï¼Ÿã€ã¿ãŸã„ãªè°è«–ã« è‡ªåˆ†ã‚‚æ··ã–ã‚ŠãŸã‹ã£ãŸ æ€ã†ã¨ã“ã‚ãŒã‚ã£ãŸã‹ã‚‰. ã€Œã¨ã«ã‹ãpropsã§ã„ã„ã€ã¨è‡ªåˆ†ã¯è€ƒãˆã¦ã„ã‚‹ã€‚ ãªã«ã‚ˆã‚ŠReactã¯æ›¸ãæ–¹ã«è©°ã¾ã£ãŸå ´åˆã«ã€ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãƒ©ã‚¤ãƒ–ãƒ©ãƒªå›ºæœ‰ã®äº‹æƒ…ã‚’è€ƒæ…®ã—ã¦è§£æ±ºã™ã‚‹ã¨ã„ã†ã‚ˆã‚Šã‚‚ã€å®Ÿè£…ã‚„è¨è¨ˆä¸Šã®å•é¡ŒãŒä¸€èˆ¬çš„ãªãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ãƒ‘ã‚¿ãƒ¼ãƒ³ã®ç¯„ç–‡ã®ç™ºæƒ³ã§è§£æ±ºã§ãã‚‹ã®ãŒã‚ˆã„ å‰æ ä»¥ä¸‹ã®ã‚ˆã†ã«è€ƒãˆã‚‹ React/preact ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆ = é€šå¸¸ã®classã‚„é–¢æ•° çŠ¶æ…‹ã‚’éš è”½ã—ã¦æŠ½è±¡ã™ã‚‹ æœ€è¿‘ã¯å†ªç‰æ€§ãŒã©ã†ã¨ã‹Reactèªžã‚‹ã¨ãã«ã‚ã‚“ã¾ã‚Šã„ã‚ãªããªã£ãŸã‘ã©ã‚‚.... props = é–¢æ•°ã‚„ãƒ¡ã‚½ãƒƒãƒ‰ã®å¼•æ•°ï¼ˆå…¥åŠ›ï¼‰ context = ã‚°ãƒãƒ¼ãƒãƒ«å¤‰æ•°ï¼ˆãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚°ãƒãƒ¼ãƒãƒ«ãªå¤‰æ•°ï¼‰ å®Ÿè£…ã®æŒ‡é‡
wata88 2021/03/20
javascript
ãƒªãƒ³ã‚¯
10 å¹´å‰ã« JavaScript ã§ Flash Player ã‚’é–‹ç™ºã—è²·åŽã•ã‚ŒãŸè©±
ã“ã®è¨˜äº‹ã¯ã€JavaScript ã§ Flash Player ã®å®Ÿç¾ã‚’é ‘å¼µã£ãŸï¼ˆã‚‚ã—ãã¯ç¾åœ¨é€²è¡Œç³»ã§é ‘å¼µã£ã¦ã„ã‚‹ï¼‰äººãŸã¡ã®é›†ã† Flash Advent Calendar 2020 ã«å‚åŠ ã—ã¦ãŠã‚Šã¾ã™ã€‚ ç§ã¯éŽåŽ»ã«è‡ªåˆ†ãŒè¨ç«‹ã—ãŸä¼šç¤¾ã§ ExGame ã¨ã„ã† HTML5 å®Ÿè£…ã® Flash Playerï¼ˆæ£ç¢ºã«ã¯ Flash Runtime Engineï¼‰ã‚’é–‹ç™ºã—ã€ãã®ä¼šç¤¾ã”ã¨ DeNA ã«è²·åŽï¼ˆM&Aï¼‰ã•ã‚Œã¾ã—ãŸã€‚ã‚ã¾ã‚Šå‡ºæ¥ãªã„ä½“é¨“ã§ã‚ã‚‹ã®ã¯é–“é•ã„ãªã„ã®ã§ã€Flash ãŒçµ‚äº†ã‚’è¿Žãˆã‚‹ä»Šã€æ”¹ã‚ã¦æŒ¯ã‚Šè¿”ã£ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ Flash Player ã®é–‹ç™º ä»Šã‹ã‚‰ 10 å¹´å‰ã® 2010 å¹´ã€ã¡ã‚‡ã†ã© iPhone ãŒæ™®åŠã—å§‹ã‚ã¦ãã¦ã‚¬ãƒ©ã‚±ãƒ¼ã®ã‚·ã‚§ã‚¢ãŒ 8 å‰²ã‹ã‚‰ 6 å‰²ãã‚‰ã„ã«è½ã¡ã‚ˆã†ã¨ã—ã¦ã„ãŸæ™‚æœŸã«ã€ç§ã¯ Flash Player ã‚’ JavaScript ã§å®Ÿè£…ã—ã¦ã„ã¾ã—ãŸã€‚ä»¥å‰ã“ã®
wata88 2020/12/24
flash

javascript
ãƒªãƒ³ã‚¯
ç§ãŸã¡ã¯ãªãœ SPA ã§é–‹ç™ºã™ã‚‹ã®ã‹ / Why you choose SPA
2019.11.02 ã« FRONTEND CONFERENCE 2019 (#frontkansai) ã«ã¦ç™ºè¡¨ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚
wata88 2019/11/02
SPA

javascript

é–‹ç™º
ãƒªãƒ³ã‚¯
Webæ¨™æº–ã§ã¤ãã‚‹ã‚¬ãƒ©ã‚±ãƒ¼ã‚µã‚¤ãƒˆ
ã“ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã¯ä»¤å’Œå…ƒå¹´5 æœˆ18æ—¥ã«æ±äº¬ã§é–‹å‚¬ã•ã‚ŒãŸ Inside Frontend #3ã§ç™ºè¡¨ã—ãŸè³‡æ–™ã«ç°¡å˜ãªèª¬æ˜Žã‚’è¿½åŠ ã—ãŸã‚‚ã®ã§ã™ã€‚ ãƒ•ã‚£ãƒ¼ãƒãƒ£ãƒ¼ãƒ•ã‚©ãƒ³ã‹ã‚‰ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã¾ã§ã™ã¹ã¦ã®ãƒ‡ãƒã‚¤ã‚¹ã§å‹•ããƒžã‚¤ãƒ³ã‚¹ã‚¤ãƒ¼ãƒ‘ãƒ¼ã‚¯ãƒãƒ¼ãƒ³(proxx.app)ã‚’ä½œã£ãŸçµŒç·¯ã¨é–‹ç™ºã®éŽç¨‹ã‚’ç™ºè¡¨ã—ã¾ã—ãŸã€‚ ãªâ€¦
wata88 2019/05/20
javascript

web
ãƒªãƒ³ã‚¯
how_to_choose_form.md
wata88 2019/04/25
javascript

é–‹ç™º
ãƒªãƒ³ã‚¯
ä¸€ä¼‘.comãƒ›ãƒ†ãƒ«ãƒªã‚¹ãƒˆã®è¡¨ç¤ºé€Ÿåº¦ã‚’å¾“æ¥æ¯”2å€ã«ã—ã¾ã—ãŸ - ä¸€ä¼‘.com Developers Blog
å®¿æ³Šäº‹æ¥æœ¬éƒ¨ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®å®‡éƒ½å®®ã§ã™ã€‚ 2018å¹´åº¦ä¸‹æœŸã¯ã€ä¸€ä¼‘.comãƒ›ãƒ†ãƒ«ãƒªã‚¹ãƒˆãƒšãƒ¼ã‚¸ ã‚¹ãƒžãƒ›ç‰ˆã®é€Ÿåº¦æ”¹å–„ã«å–ã‚Šçµ„ã‚“ã§ãã¾ã—ãŸã€‚ãã®çµæžœã€ãƒšãƒ¼ã‚¸ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ãã®ã¾ã¾ã€æ©Ÿèƒ½é¢ã¯ãƒªãƒƒãƒã«ã—ã¤ã¤ã€ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆé–‹å§‹å‰ã®ç´„2å€ã®ã‚¹ãƒ”ãƒ¼ãƒ‰ã§ãƒšãƒ¼ã‚¸ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ æœ¬è¨˜äº‹ã§ã¯ã€é«˜é€ŸåŒ–ã®ãŸã‚ã«ã©ã®ã‚ˆã†ãªæ–½ç–ã‚’è¡Œã£ãŸã®ã‹ç´¹ä»‹ã—ã¾ã™ã€‚ ãªãŠã€Webã‚µã‚¤ãƒˆã®é«˜é€ŸåŒ–æ‰‹æ³•ã«ã¤ã„ã¦ã¯ã€ãƒ›ãƒ†ãƒ«è©³ç´°ãƒšãƒ¼ã‚¸é«˜é€ŸåŒ–ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’å®Ÿæ–½ã—ãŸéš›ã«ã‚‚è¨˜äº‹ã‚’æ›¸ã„ã¦ã„ã¾ã™ã€‚ã“ã‚Œã‚‰ã®è¨˜äº‹ã§ç´¹ä»‹ã—ã¦ã„ã‚‹æ‰‹æ³•ï¼ˆãŸã¨ãˆã°ã€Imgixã«ã‚ˆã‚‹ç”»åƒæœ€é©åŒ–ç‰ï¼‰ã«ã¤ã„ã¦ã¯ã€è¨˜è¿°ã‚’çœç•¥ã—ã¦ã„ã¾ã™ã€‚ã‚ã‚ã›ã¦ã”è¦§ãã ã•ã„ã€‚ ä¸€ä¼‘.comã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹æ”¹å–„ï¼ˆæ¦‚è¦ç·¨ï¼‰ - ä¸€ä¼‘.com Developers Blog ä¸€ä¼‘.comã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹æ”¹å–„ï¼ˆJavaScriptç·¨ï¼‰ - ä¸€ä¼‘.com Develop
wata88 2019/02/28
ãŒã‚“ã°ã‚Šã‚’æ„Ÿã˜ã‚‹

javascript
ãƒªãƒ³ã‚¯
Callback ã‚’æ’²æ»…ã›ã‚ˆ
ãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã¯ã€2023å¹´10æœˆ1æ—¥ã«LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã«ãªã‚Šã¾ã—ãŸã€‚LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã®æ–°ã—ã„ãƒ–ãƒã‚°ã¯ã“ã¡ã‚‰ã§ã™ã€‚LINEãƒ¤ãƒ•ãƒ¼ Tech Blog ã“ã‚“ã«ã¡ã¯ã€‚è¨€èªžã‚µãƒãƒ¼ãƒˆï¼ˆNode.jsï¼‰ãƒãƒ¼ãƒ ã®ä¼Šè—¤ï¼ˆ@koh110ï¼‰ã§ã™ã€‚ Node.js v10 ã‚‚10æœˆã«LTSã¨ãªã‚Š async/await ã«ã‚ˆã‚‹ãƒ•ãƒãƒ¼åˆ¶å¾¡ã¯å½“ãŸã‚Šå‰ã®ã‚ˆã†ã«åˆ©ç”¨ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ãã¾ã—ãŸã€‚JavaScriptã®éžåŒæœŸå‡¦ç†ã¯ async/await ã‹ã‚‰è¦šãˆã‚‹äººã‚‚ä»Šå¾Œå¢—ãˆã¦ã„ãã§ã—ã‚‡ã†ã€‚ä»Šå›žã¯ãã‚“ãªéžåŒæœŸå‡¦ç†ã«ã¤ã„ã¦ã€ç¤¾å†…ã§ã®äº‹ä¾‹ã‚’äº¤ãˆã¦è¨˜äº‹ã‚’æ›¸ã„ã¦ã„ã“ã†ã¨æ€ã„ã¾ã™ã€‚ index Promise åŒ–ãŒãªãœé‡è¦ãªã®ã‹ ãƒ¦ãƒ¼ã‚¶ãƒ¼ã« promisify ã‚’ã•ã›ã‚‹è½ã¨ã—ç©´ Road to Promise ã¾ã¨ã‚ Promise åŒ–ãŒãªãœé‡è¦ãªã®ã‹ ã¡ã‚‡ã†ã©3å¹´å‰ã®ã‚¢ãƒ‰ãƒ™ãƒ³ãƒˆã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã§ã€ä»Šå¾Œã¯ã„ã‚ã„ã‚ãªãƒ¢ã‚¸ãƒ¥ãƒ¼
wata88 2019/01/18
javascript
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 æ¬¡ã®ãƒšãƒ¼ã‚¸