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

uokada id:uokada

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

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

Getting Started
Getting Started â€‹Overview â€‹Vite (French word for "quick", pronounced /vit/, like "veet") is a build tool that aims to provide a faster and leaner development experience for modern web projects. It consists of two major parts: A dev server that provides rich feature enhancements over native ES modules, for example extremely fast Hot Module Replacement (HMR). A build command that bundles your code w
uokada 2024/09/14
vite

javascript
ãƒªãƒ³ã‚¯
JavaScript Promiseã®æœ¬
ã“ã®æ›¸ç±ã¯Creative Commons Attribution-NonCommercialã® ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ ã§å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã¾ãŸã€PDFã¨ã—ã¦ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã—ãŸãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯ä»¥ä¸‹ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚
uokada 2024/09/10
javascript

programming

node.js
ãƒªãƒ³ã‚¯
React ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’å§‹ã‚ã‚‹ â€“ React
React ã ã‘ã§æ–°ã—ã„ã‚¢ãƒ—ãƒªã‚„ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’ä½œã‚ŠãŸã„å ´åˆã¯ã€ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã§äººæ°—ã®ã‚ã‚‹ React ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‹ã‚‰ã€ã²ã¨ã¤ã‚’é¸ã¶ã“ã¨ã‚’ãŠã™ã™ã‚ã—ã¾ã™ã€‚ ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãªã—ã§ React ã‚’ä½¿ã†ã“ã¨ã‚‚å¯èƒ½ã§ã™ãŒã€ã»ã¨ã‚“ã©ã®ã‚¢ãƒ—ãƒªã‚„ã‚µã‚¤ãƒˆã«ãŠã„ã¦ã¯ã€ã‚³ãƒ¼ãƒ‰åˆ†å‰²ã€ãƒ«ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã€ãƒ‡ãƒ¼ã‚¿å–å¾—ã€HTML ç”Ÿæˆã¨ã„ã£ãŸå•é¡Œã«å¯¾å‡¦ã™ã‚‹ãŸã‚ã®é–‹ç™ºãŒå¿…è¦ã§ã‚ã‚‹ã“ã¨ãŒåˆ†ã‹ã£ã¦ã„ã¾ã™ã€‚ã“ã‚Œã‚‰ã¯ React ã«é™ã‚‰ãšã‚ã‚‰ã‚†ã‚‹ UI ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«å…±é€šã®å•é¡Œã§ã™ã€‚ ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ä½¿ã£ã¦ã‚¹ã‚¿ãƒ¼ãƒˆã™ã‚‹ã“ã¨ã§ React ã§ã®é–‹ç™ºã‚’ç´ æ—©ãç«‹ã¡ä¸Šã’ã€å¾Œã§å®Ÿè³ªçš„ã«ç‹¬è‡ªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®ã‚ˆã†ãªã‚‚ã®ã‚’ä½œã£ã¦ã—ã¾ã‚ãšã«æ¸ˆã‚€ã‚ˆã†ã«ãªã‚‹ã§ã—ã‚‡ã†ã€‚ ã•ã‚‰ã«æ·±ãçŸ¥ã‚‹ React ã‚’ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãªã—ã§ä½¿ã†ã“ã¨ã‚‚ç¢ºã‹ã«å¯èƒ½ã§ã™ã€‚æ—¢å˜ã®ãƒšãƒ¼ã‚¸ã« React ã‚’è¿½åŠ ã™ã‚‹å ´åˆã¯ãã®ã‚ˆã†ã«ã—ã¾ã™ã€‚ã—ã‹ã—ã€æ–°ã—ã„ã‚¢ãƒ—ãƒªã‚„ã‚µã‚¤ãƒˆã‚’ãƒ•ãƒ«ã§ React ã‚’
uokada 2024/08/29
react

javascript
ãƒªãƒ³ã‚¯
Beginning our React todo list - Learn web development | MDN
Complete beginners start here!Getting started with the webGetting started with the webInstalling basic softwareWhat will your website look like?Dealing with filesHTML basicsCSS basicsJavaScript basicsPublishing your websiteHow the web worksHTML â€” Structuring the webIntroduction to HTMLIntroduction to HTMLGetting started with HTMLWhat's in the head? Metadata in HTML HTML text fundamentalsCreating hy
uokada 2024/06/08
react

web

css

development

javascript
ãƒªãƒ³ã‚¯
ã‚¯ã‚¤ãƒƒã‚¯ã‚¹ã‚¿ãƒ¼ãƒˆ â€“ React
React ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã¸ã‚ˆã†ã“ãï¼ ã“ã®ãƒšãƒ¼ã‚¸ã§ã¯ã€æ—¥ã€…ã®é–‹ç™ºã§ä½¿ç”¨ã™ã‚‹ React ã®ã‚³ãƒ³ã‚»ãƒ—ãƒˆã®ã†ã¡ 80ï¼… ã®éƒ¨åˆ†ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã“ã®ãƒšãƒ¼ã‚¸ã§å¦ã¶ã“ã¨ ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ä½œæˆã¨ãƒã‚¹ãƒˆ ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã¨ã‚¹ã‚¿ã‚¤ãƒ«ã®è¿½åŠ ãƒ‡ãƒ¼ã‚¿ã®è¡¨ç¤º æ¡ä»¶åˆ†å²ã¨ãƒªã‚¹ãƒˆã®ãƒ¬ãƒ³ãƒ€ãƒ¼ ã‚¤ãƒ™ãƒ³ãƒˆã¸ã®å¿œç”ã¨ç”»é¢ã®æ›´æ–° ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆé–“ã§ã®ãƒ‡ãƒ¼ã‚¿ã®å…±æœ‰ ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ä½œæˆã¨ãƒã‚¹ãƒˆ React ã‚¢ãƒ—ãƒªã¯ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã§æ§‹æˆã•ã‚Œã¦ã„ã¾ã™ã€‚ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¨ã¯ã€ç‹¬è‡ªã®ãƒã‚¸ãƒƒã‚¯ã¨å¤–è¦‹ã‚’æŒã¤ UIï¼ˆãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ï¼‰ã®éƒ¨å“ã®ã“ã¨ã§ã™ã€‚ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¯ã€ãƒœã‚¿ãƒ³ã®ã‚ˆã†ãªå°ã•ãªã‚‚ã®ã§ã‚ã‚‹å ´åˆã‚‚ã€ãƒšãƒ¼ã‚¸å…¨ä½“ã‚’è¡¨ã™å¤§ããªã‚‚ã®ã§ã‚ã‚‹å ´åˆã‚‚ã‚ã‚Šã¾ã™ã€‚ React ã«ãŠã‘ã‚‹ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¨ã¯ã€ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚’è¿”ã™ JavaScript é–¢æ•°ã§ã™ã€‚
uokada 2024/06/08
react

javascript
ãƒªãƒ³ã‚¯
p5.js
p5.js is a friendly tool for learning to code and make art. It is a free and open-source JavaScript library built by an inclusive, nurturing community. p5.js welcomes artists, designers, beginners, educators, and anyone else! Lauren Lee McCarthy reading the Processing Community Catalog. Photo credit: Maximo Xtravaganza. Coding Club for people aged 50+ in Korea, led by Inhwa Yeom. Qianqian Ye intro
uokada 2024/03/22
processing

javascript
ãƒªãƒ³ã‚¯
å®Ÿè£…ä¾‹ã‹ã‚‰è¦‹ã‚‹ React ã®ãƒ†ã‚¹ãƒˆã®æ›¸ãæ–¹ - Cybozu Inside Out | ã‚µã‚¤ãƒœã‚¦ã‚ºã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ãƒ–ãƒã‚°
2024/04/17: æ›´æ–° å†…å®¹ã‚’æ›´æ–°ã—ãŸè¨˜äº‹ã‚’æ›¸ãã¾ã—ãŸã®ã§ã€ã‚ˆã‹ã£ãŸã‚‰ã“ã¡ã‚‰ã‚‚ä½µã›ã¦ã€ã”è¦§ãã ã•ã„ã€‚ zenn.dev ã“ã‚“ã«ã¡ã¯ï¼ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ã‚ã‚¹ãƒ‘ãƒ¼ãƒˆãƒãƒ¼ãƒ ã®@nus3_ã§ã™ã€‚ kintone ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰åˆ·æ–°ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆï¼ˆãƒ•ãƒãƒªã‚¢ï¼‰ã§ã¯ã€å“è³ªã‚’ä¿ã£ãŸã¾ã¾é–‹ç™ºã‚’åŠ é€Ÿã•ã›ã‚‹ãŸã‚ã«ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ†ã‚¹ãƒˆã‚’ç©æ¥µçš„ã«è¡Œã£ã¦ã„ã¾ã™ã€‚ ä»Šå›žã¯ãã‚“ãªãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ†ã‚¹ãƒˆã®å®Ÿè£…ä¾‹ã‚’ã„ãã¤ã‹ç´¹ä»‹ã—ã¾ã™ã€‚ã“ã®è¨˜äº‹ãŒãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ†ã‚¹ãƒˆã‚’è¡Œã†ä¸Šã§ã®å‚è€ƒã«ãªã‚Œã°å¹¸ã„ã§ã™ã€‚ ãƒ†ã‚¹ãƒˆã«ä½¿ç”¨ã™ã‚‹ä¸»ãªãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ãƒ†ã‚¹ãƒˆ è£œè¶³: Testing Library ã®è¨˜æ³•ã‚’ãƒã‚§ãƒƒã‚¯ã—ã¦ãã‚Œã‚‹eslint-plugin-testing-library ã‚«ã‚¹ã‚¿ãƒ ãƒ•ãƒƒã‚¯ã®ãƒ†ã‚¹ãƒˆ è£œè¶³: React v18 ã§ã¯ @testing-library/react ã® renderHook ã‚’ä½¿ã† å‚è€ƒ
uokada 2024/03/15
testing

react

javascript
ãƒªãƒ³ã‚¯
2024å¹´ React ç’°å¢ƒæ§‹ç¯‰ with Vite
ã¯ã˜ã‚ã« æ›¸ã„ã¦ã„ã¦æ°—ã¥ã„ãŸã®ã§ã™ãŒã€ã“ã®è¨˜äº‹ã«ç‰¹ã«ç›®æ–°ã—ã„ã‚‚ã®ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ã‚³ãƒ”ãƒšã§æœ€é€Ÿç’°å¢ƒæ§‹ç¯‰ã‚’ã—ãŸã„æ–¹å‘ã‘ã§ã™ã€‚ãã‚Œãžã‚Œã®ãƒ„ãƒ¼ãƒ«ã«ã¤ã„ã¦ç´°ã‹ã„è§£èª¬ã¯ã—ã¦ã„ãªã„ãŸã‚ã€è©³ç´°ã¯å…¬å¼ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’ã”å‚ç…§ãã ã•ã„ã€‚ ãƒªãƒã‚¸ãƒˆãƒªã¯ã“ã¡ã‚‰ã€‚ Node.js ã“ã®è¨˜äº‹ã§ã¯ Node.js ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ç®¡ç†ã« volta ã‚’ä½¿ç”¨ã—ã¾ã™ãŒã€nvm ã‚„ nodebrew ãªã©ã§ã‚‚å•é¡Œã‚ã‚Šã¾ã›ã‚“ã€‚ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ãƒžãƒãƒ¼ã‚¸ãƒ£ãƒ¼ã«ã¯ pnpm ã‚’ä½¿ç”¨ã—ãŸã„ã¨ã“ã‚ã§ã™ãŒã€2024 å¹´ 1 æœˆç¾åœ¨ã€volta ã® pnpm ã‚µãƒãƒ¼ãƒˆã¯å®Ÿé¨“æ®µéšŽã®ãŸã‚ã€ä»Šå›žã¯ npm ã‚’ä½¿ç”¨ã—ã¾ã™ã€‚(ãã“ã¾ã§ã—ã¦ volta ã‚’ä½¿ç”¨ã—ãŸã„ç†ç”±ã¯ãªã„ã®ã§ã™ãŒ...) curl https://get.volta.sh | bash source ~/.zshrc # or ~/.bashrc volta install node # LTSç‰ˆ
uokada 2024/02/26
TypeScript

javascript

react

vite
ãƒªãƒ³ã‚¯
Vite | æ¬¡ä¸–ä»£ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ„ãƒ¼ãƒ«
ViteNext Generation Frontend Tooling Get ready for a development environment that can finally catch up with you.
uokada 2024/02/26
TypeScript

javascript

react

vite
ãƒªãƒ³ã‚¯
React è£½ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ“ãƒ«ãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã‚’ webpack ã‹ã‚‰ Vite ã«ç§»è¡Œã—ã¦çˆ†é€Ÿãªé–‹ç™ºä½“é¨“ã‚’æ‰‹ã«å…¥ã‚Œã‚ˆã† | Recruit Tech Blog
React è£½ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ“ãƒ«ãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã‚’ webpack ã‹ã‚‰ Vite ã«ç§»è¡Œã—ã¦çˆ†é€Ÿãªé–‹ç™ºä½“é¨“ã‚’æ‰‹ã«å…¥ã‚Œã‚ˆã† wakamsha Vite ï¼ˆãƒ´ã‚£ãƒ¼ãƒˆï¼‰ã¨ã¯ Vue.js ã®ä½œè€…ã§ã‚ã‚‹ Evan You æ°ãŒä¸å¿ƒã¨ãªã£ã¦é–‹ç™ºã•ã‚Œã¦ã„ã‚‹ãƒ“ãƒ«ãƒ‰ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ Vite - Next Generation Frontend Tooling ES Modules å½¢å¼ã®ã¾ã¾ãƒ–ãƒ©ã‚¦ã‚¶ã‹ã‚‰ã‚¤ãƒ³ãƒãƒ¼ãƒˆã™ã‚‹ Dev ã‚µãƒ¼ãƒã‚’æè¼‰ã—ã€ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’ãƒãƒ³ãƒ‰ãƒ«ã™ã‚‹ã“ã¨ãªãé«˜é€Ÿã§å‹•ä½œã•ã›ã‚‹ã®ãŒç‰¹å¾´ã§ã™ã€‚ã‚‚ã¡ã‚ã‚“ npm ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã‚‚ãƒ–ãƒ©ã‚¦ã‚¶ã‹ã‚‰èªã¿è¾¼ã¿å¯èƒ½ãª ES Modules å½¢å¼ã«å¤‰æ›ã—ã¾ã™ã€‚ãƒ—ãƒãƒ€ã‚¯ã‚·ãƒ§ãƒ³ãƒ“ãƒ«ãƒ‰æ™‚ã¯ Rollup ã‚’ä½¿ã£ã¦ãƒãƒ³ãƒ‰ãƒ«ã—ã¾ã™ã€‚ Vue.js ã ã‘ã§ãªã Reactã€Preactã€Svelte ã®ãƒ“ãƒ«ãƒ‰ã‚‚ã‚µãƒãƒ¼ãƒˆã—ã¦ãŠã‚Šã€GitHub ãƒˆãƒ¬ãƒ³ãƒ‰ã®ä¸Šä½ã«ã‚‚é »ç¹ã«ç™»å ´ã—ã¦ã„ã‚‹
uokada 2024/02/26
TypeScript

javascript

react

vite
ãƒªãƒ³ã‚¯
Vite + React ã§æ–°è¦ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®é–‹ç™ºç’°å¢ƒã‚’ä½œã‚ã†
2022å¹´5æœˆ1æ—¥ JavaScript, React Viteã¯2020å¹´ã«ç™ºè¡¨ã•ã‚ŒãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ“ãƒ«ãƒ‰ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚æœ€åˆã€Œãƒ´ã‚¡ã‚¤ãƒˆã€ã¨èªã‚“ã§ãŸã‚“ã§ã™ãŒã€ã€Œãƒ´ã‚£ãƒ¼ãƒˆã€ã¨èªã‚€ã¿ãŸã„ã§ã™ãã€‚ãƒ•ãƒ©ãƒ³ã‚¹èªžã§ã€Œé€Ÿã„ã€ã¨ã„ã†æ„å‘³ã ãã†ã§ã™ã€‚çµ¶è³›Reactã®ãŠå‹‰å¼·ä¸ãªã®ã§ã€Viteã§Reactã®ç’°å¢ƒã‚’ä½œã‚‹æµã‚Œã‚’å‚™å¿˜éŒ²çš„ã«ã¾ã¨ã‚ã¦ãŠãã¾ã™ï¼ â†‘ç§ãŒ10å¹´ä»¥ä¸Šåˆ©ç”¨ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ ã“ã®è¨˜äº‹ã¯å‹•ç”»ã§ã‚‚è§£èª¬ã—ã¦ã„ã¾ã™ã€‚å‹•ç”»æ´¾ã®æ–¹ã¯ãœã²ã”è¦§ãã ã•ã„ï¼ Viteã¨ã¯ï¼Ÿ Viteã‚’ä½¿ãˆã°ãƒ™ãƒ¼ã‚¹ã®ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’äºˆã‚æº–å‚™ã—ã¦ãŠã„ã¦ãã‚Œã¦ã„ã‚‹ã®ã§ã€é–‹ç™ºã‚’ã™ãã«å§‹ã‚ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ã‚¹ã‚¿ãƒ¼ã‚¿ãƒ¼ã‚ãƒƒãƒˆã¨ã‹ã€ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã¿ãŸã„ãªã‚‚ã®ã§ã™ãã€‚ä»–ã«ã‚‚è¤‡æ•°ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã²ã¨ã¤ã«ã¾ã¨ã‚ãŸã‚Šã€Sassã‚’CSSã«å¤‰æ›ã™ã‚‹ãªã©ã®ä½œæ¥ã‚’çˆ†é€Ÿã§ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ ã¾ãŸã€ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä¿å˜ã™ã‚‹ã¨åŒæ™‚ã«ã€ç¢ºèªç”»é¢ã‚‚è‡ªå‹•çš„ã«æ›´æ–°ã•ã‚Œã¾ã™ã€‚ãƒ›ãƒƒãƒˆ
uokada 2024/02/26
TypeScript

javascript

react

vite
ãƒªãƒ³ã‚¯
Chromeæ‹¡å¼µ ã¤ãã‚Šã‹ãŸ ä»¤å’Œæœ€æ–°ç‰ˆ
æ•°å¹´ã¶ã‚Šã«Chromeæ‹¡å¼µã®ã¤ãã‚Šã‹ãŸã‚’èª¿ã¹ãŸã€‚ æœ¬å½“ã«ä½•ã‚‚åˆ†ã‹ã‚‰ãªã‹ã£ãŸã®ã§ã€Twitterã§ã€Œ2022å¹´ã«Chromeæ‹¡å¼µã¤ãã‚ŠãŸã‹ã£ãŸã‚‰ä½•è¦‹ã¦å¦ã¹ã°ã„ã„ï¼Ÿã€ã¨ã¤ã¶ã‚„ã„ã¦ã¿ãŸã¨ã“ã‚ã€ä½•äººã‹ã®äººãŒæ•™ãˆã¦ãã‚ŒãŸã€‚æ•™ãˆã¦ã‚‚ã‚‰ã£ãŸä¸ã‹ã‚‰å¹¾ã¤ã‹ã®ãƒªãƒ³ã‚¯å…ˆã‚’ç´¹ä»‹ã™ã‚‹ã‚ˆã†ãªå½¢ã§è¨˜è¿°ã—ã¦ã„ãã€‚ Create a Vite-React Chrome Extension in 90 seconds - DEV Community 2022å¹´æ™‚ç‚¹ã ã¨æ¯”è¼ƒçš„æ–°ã—ã‚ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å‘ã‘ãƒ„ãƒ¼ãƒ«ã§ã‚ã‚‹viteã¨ã€viteã®Chromeæ‹¡å¼µå‘ã‘ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã‚ã‚‹@crxjs/vite-pluginã‚’ä½¿ã£ã¦Chromeæ‹¡å¼µã‚’ã¤ãã£ã¦ã¿ã‚ˆã†ã€ã¨ã„ã†è¨˜äº‹ã€‚ä»Šå›žè‡ªåˆ†ã¯ä¸»ã«ã“ã‚Œã‚’å‚è€ƒã«ã—ãªãŒã‚‰é–‹ç™ºã‚’é€²ã‚ãŸã€‚Reactã¨è¨€ã£ã¦ã„ã‚‹ãŒã€è‡ªåˆ†ã®Chromeæ‹¡å¼µã§ã¯UIã¯å˜åœ¨ã—ãªã‹ã£ãŸã®ã§ã€Reactã«é–¢ã™ã‚‹éƒ¨åˆ†ã¯èªã¿é£›ã°ã—ã¦ã€vite
uokada 2024/02/26
Chrome

extension

javascript
ãƒªãƒ³ã‚¯
Next.js 13
As we announced at Next.js Conf, Next.js 13 (stable) lays the foundations to be dynamic without limits: app Directory (beta): Easier, faster, less client JS. Layouts React Server Components Streaming Turbopack (alpha): Up to 700x faster Rust-based Webpack replacement. New next/image: Faster with native browser lazy loading. New @next/font (beta): Automatic self-hosted fonts with zero layout shift.
uokada 2024/02/26
react

next.js

javascript
ãƒªãƒ³ã‚¯
Patterns.dev
Improve how you architect webappsPatterns.dev is a free online resource on design, rendering, and performance patterns for building powerful web apps with vanilla JavaScript or modern frameworks.
uokada 2024/02/26
design

development

architecture

javascript
ãƒªãƒ³ã‚¯
åƒ•ã‚‰ã‚’ç¸›ã‚‹ Node.js ã¨ã„ã†å‘ªã„ã«ã¤ã„ã¦
ã“ã‚Œåƒ•ã‚‰ã®ç‰©èªžã§ã‚ã‚Šã€åƒ•ã¨å›ã®ç‰©èªžã§ã‚ã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã€‚ æ•°æ—¥å‰ã€å‹äººãŒè¨€ã£ãŸã€‚ã€Œä¹…ã—ã¶ã‚Šã« Rails ã‚’æ›¸ã„ãŸã‘ã‚Œã©ã€Node.js ã®è‰¯ã•ã«æ•µã‚ãªã„ã€ã¨ã€‚ ãã®è¨€è‘‰ã«åŒæ„ã—ãªãŒã‚‰ã‚‚ã€ä»–æ–¹ã§å°‘ã—ä¸æ€è°ã«æ€ã†ã€‚ ã„ã¤ã‹ã‚‰åƒ•ã‚‰ã¯ Node.js ã—ã‹ä½¿ã‚ãªããªã£ãŸã®ã‹ã€‚ã‚ã‚Œã ã‘è©±ã—ã¦ã„ãŸ Rails ãªã©ã®å¤šãã® Web æŠ€è¡“ã«ã¨ãã‚ã‹ãªããªã£ãŸã®ã‹ã€‚ã¨ã€‚ ã‚‚ã¡ã‚ã‚“ã€ä½¿ãˆãªã„ã¨ã„ã†ã‚ã‘ã§ã¯ãªã„ã€‚å¯§ã‚ä»Šç¾å½¹ã§ååˆ†ãªæ´»èºã‚’ã—ã¦ã„ã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®äººé–“ã¯ã€ç‰ã—ãçš†ã€Œä¸»å½¹ã§ã‚ã‚‹ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã®ã‚µãƒ–ã¨ã—ã¦å˜åœ¨ã™ã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã€ã‚’çµŒé¨“ã—ã¦ãã¦ã„ã‚‹ã€‚ æ›¸ã“ã†ã¨æ€ãˆã°æ›¸ã‘ã‚‹ã€‚ã ãŒãã®ä¸ã§ã€æ•¢ãˆã¦ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¨ãã®æŠ€è¡“ã‚’é¸ã‚“ã§ããŸã€‚ ã ã‘ã©ä»Šã¯ã©ã†ã ã‚ã†ã€‚ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¯ã‚‚ã¯ã‚„ã€ŒJavaScript ã‚’æ‰±ã†ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã€ã¨ãªã‚Šã€ä¸€èˆ¬çš„ãªãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã¯å‹¿è«–ã€Node.jsãŒä¸€ç´šå¸‚æ°‘ã¨ã—ã¦å˜
uokada 2024/02/08
javascript

TypeScript

node.js
ãƒªãƒ³ã‚¯
TypeScriptå…¥é–€ã€Žã‚µãƒã‚¤ãƒãƒ«TypeScriptã€ã€œå®Ÿå‹™ã§ä½¿ã†ãªã‚‰æœ€ä½Žé™ã“ã“ã ã‘ã¯ãŠã•ãˆã¦ãŠããŸã„ã“ã¨ã€œ
æœ¬æ›¸ã€Žã‚µãƒã‚¤ãƒãƒ«TypeScriptã€ã¯å®Ÿå‹™ã§TypeScriptã‚’ä½¿ã†é–‹ç™ºè€…ã®ãŸã‚ã®å…¥é–€æ›¸ã§ã™ã€‚ãã—ã¦ã€ã“ã®ãƒšãƒ¼ã‚¸ã¯TypeScriptã®ç‰¹å¾´ã‚’æœ€é€Ÿã§æŠŠæ¡ã§ãã‚‹ã‚ˆã†ã€æ•°ç™¾ãƒšãƒ¼ã‚¸ã‹ã‚‰ãªã‚‹æœ¬æ›¸ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã¤ã¾ã¿é£Ÿã„ã—ãŸè¦ç´„ã§ã™ã€‚ Â» æœ¬æ›¸ã¤ã„ã¦è©³ã—ãçŸ¥ã‚‹ Â» ã¨ã«ã‹ãä»Šã™ãTypeScriptã‚’æ›¸ã„ã¦ã¿ãŸã„ TypeScriptã¨ã¯â€‹JavaScriptã®ã‚¹ãƒ¼ãƒ‘ãƒ¼ã‚»ãƒƒãƒˆã¨ãªã‚‹ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã€‚é™çš„åž‹ä»˜ã‘è¨€èªžã§ã‚ã‚Šã€ãƒ—ãƒã‚°ãƒ©ãƒ ã®æ£ã—ã•ãŒé™çš„ã«æ¤œæŸ»ã§ãã‚‹ã€‚ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚„IDEãªã©ã®é–‹ç™ºç’°å¢ƒãŒå……å®Ÿã—ã¦ãŠã‚Šã€å¤§ããªã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ ã‚’æŒã£ã¦ã„ã‚‹ã€‚MicrosoftãŒ2012å¹´ã«é–‹ç™ºã—ã€ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã§å…¬é–‹ã—ãŸã€‚Â» TypeScriptã®ç‰¹å¾´ã«ã¤ã„ã¦è©³ã—ãçŸ¥ã‚‹ Â» TypeScriptèª•ç”Ÿã®èƒŒæ™¯ã«ã¤ã„ã¦è©³ã—ãçŸ¥ã‚‹ TypeScriptã¯JavaScriptã®ã‚¹ãƒ¼ãƒ‘ãƒ¼ã‚»ãƒƒãƒˆâ€‹ã‚¹ãƒ¼ãƒ‘ãƒ¼ã‚»ãƒƒãƒˆã¨ã¯ã€å…ƒã®è¨€èªžã¨ã®
uokada 2024/01/15
TypeScript

javascript
ãƒªãƒ³ã‚¯
TypeScriptã£ã¦ã©ã‚“ãªè¨€èªžï¼Ÿ è¨€èªžãã®ã‚‚ã®ã‚’çŸ¥ã‚‹é¢ç™½ã•
2023å¹´11æœˆ8æ—¥ ãƒ—ãƒã‚’ç›®æŒ‡ã™äººã®ãŸã‚ã®TypeScriptå…¥é–€ - Forkwell Library #35
uokada 2023/11/09
TypeScript

language

javascript
ãƒªãƒ³ã‚¯
Turbo 8 is dropping TypeScript
By all accounts, TypeScript has been a big success for Microsoft. I've seen loads of people sparkle with joy from dousing JavaScript with explicit types that can be checked by a compiler. But I've never been a fan. Not after giving it five minutes, not after giving it five years. So it's with great pleasure that I can announce we're dropping TypeScript from the next big release of Turbo 8. The fac
uokada 2023/09/07
TypeScript

javascript
ãƒªãƒ³ã‚¯
PR TIMESã®CDNã‚’CloudFrontã‹ã‚‰Fastlyã«ç§»è¡Œã—ã¾ã—ãŸ | PR TIMES é–‹ç™ºè€…ãƒ–ãƒã‚°
ã“ã‚“ã«ã¡ã¯ã€ã‚¤ãƒ³ãƒ•ãƒ©ãƒãƒ¼ãƒ ãƒ†ãƒƒã‚¯ãƒªãƒ¼ãƒ‰ã®æ«»äº•ã§ã™ã€‚ ä»Šå›žã¯ãƒ—ãƒ¬ã‚¹ãƒªãƒªãƒ¼ã‚¹é…ä¿¡ã‚µãƒ¼ãƒ“ã‚¹ã® prtimes.jp ã§ä½¿ç”¨ã—ã¦ã„ã‚‹CDNã‚’CloudFrontã‹ã‚‰Fastlyã«ç§»è¡Œã—ãŸã“ã¨ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ CDNã®åŸºæœ¬çš„ãªæƒ…å ±ã¯å‰²æ„›ã™ã‚‹ã®ã§ã€ã‚‚ã—CDNã«ã¤ã„ã¦åŸºæœ¬çš„ãªã“ã¨ã‚’çŸ¥ã‚ŠãŸã„ã¨ã„ã†æ–¹ã¯ã‚°ã‚°ã‚‹ãªã‚ŠChatGPTã‚‹ãªã‚Šã—ã¦ãã ã•ã„ã€‚ ãªãœç§»è¡Œã™ã‚‹å¿…è¦ãŒã‚ã£ãŸã®ã‹ ã¾ãšCloudFrontã‹ã‚‰Fastlyã«ç§»è¡Œã—ãŸç†ç”±ã«ã¤ã„ã¦èª¬æ˜Žã—ã¾ã™ã€‚ prtimes.jp ã®ãƒ—ãƒ¬ã‚¹ãƒªãƒªãƒ¼ã‚¹è©³ç´°ãƒšãƒ¼ã‚¸ã¯ç¾åœ¨Smartyãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã¨jQueryã¨ã„ã†ãƒ¬ã‚¬ã‚·ãƒ¼ãªæŠ€è¡“ã§æ§‹æˆã•ã‚Œã¦ã„ã¾ã™ã€‚ ä»Šå¾Œã“ã®ãƒ—ãƒ¬ã‚¹ãƒªãƒªãƒ¼ã‚¹è©³ç´°ãƒšãƒ¼ã‚¸ã‚’ReactåŒ–ã™ã‚‹ã“ã¨ã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®é–‹ç™ºã‚¹ãƒ”ãƒ¼ãƒ‰ã‚’å‘ä¸Šã•ã›ã‚‹ã“ã¨ã‚’äºˆå®šã—ã¦ã„ã¾ã™ã€‚ ã—ã‹ã—ReactåŒ–ã‚’è¡Œã†ã¨ã€æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ã®ã‚¯ãƒãƒ¼ãƒ©ãƒ¼ãŒJavaScriptã‚’å®Ÿè¡Œã§ããªã„å ´åˆã«ãƒšãƒ¼ã‚¸ã®å†…
uokada 2023/04/18
javascript

react

cdn
ãƒªãƒ³ã‚¯
Bootstrap 5ã®ä½œæ¥ç’°å¢ƒã®æ§‹ç¯‰æ–¹æ³•ã€jQueryã‚’ä½¿ç”¨ã—ãªã„JavaScriptã§ã®å®Ÿè£…æ–¹æ³•ã‚’è§£èª¬
Bootstrap 5ã®ä½œæ¥ç’°å¢ƒã®æ§‹ç¯‰æ–¹æ³•ã€ä¾å˜é–¢ä¿‚ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ‰‹é †ã€ãƒšãƒ¼ã‚¸ã‚„ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®å®Ÿè£…ã€jQueryã‚’ä½¿ç”¨ã›ãšã«ã‚·ãƒ³ãƒ—ãƒ«ãªJavaScriptï¼ˆãƒãƒ‹ãƒ©JSï¼‰ã§ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’å®Ÿè£…ã™ã‚‹æ–¹æ³•ãªã©ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Bootstrap 5 tutorial: learn how to get started without jQuery by @zolidev ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« Bootstrap 5ã®ä½œæ¥ç’°å¢ƒã‚’ç”¨æ„ã™ã‚‹æ–¹æ³• npmä¾å˜é–¢ä¿‚ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« Sassãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã™ã‚‹ãŸã‚ã®gulpfileã‚’ä½œæˆã—ã€BrowserSyncçµŒç”±ã§ãƒãƒ¼ã‚«ãƒ«ã‚µãƒ¼ãƒãƒ¼ã‚’ä½œæˆ Bootstrapã®Sassãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã«å«ã‚ã‚‹ æ–°ã—ã„ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã§ç°¡å˜ãªãƒ–ãƒã‚°ãƒšãƒ¼ã‚¸ã‚’ä½œæˆã™ã‚‹ ãƒŠãƒ“ã‚²ãƒ¼
uokada 2023/01/09
bootstrap

javascript
ãƒªãƒ³ã‚¯
1 2 3 4 æ¬¡ã®ãƒšãƒ¼ã‚¸