[B! js] rnaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

rna id:rna

jsã«é–¢ã™ã‚‹rnaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (139)

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

Poku
ðŸ· What's Poku?A cross-platform test runner that brings the JavaScript essence back to testing. âš¡ï¸ Quick Tutorials
rna 2024/07/18
prog

js
ãƒªãƒ³ã‚¯
6å¹´ã‚’çµŒã¦Float16Arrayã‚’Stage 3ã«ã—ã¦ã‚‚ã‚‰ã£ãŸ - pixiv inside
ã“ã‚“ã«ã¡ã¯ã€‚ç¦å²¡ã‚ªãƒ•ã‚£ã‚¹ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã® @petamoriken ã§ã™ã€‚è¶£å‘³ã§Float16Arrayã®ponyfill1ã‚’å…¬é–‹ã—ECMAScriptã«å…¥ã‚Œã¦ã‚‚ã‚‰ã†ã‚ˆã†ã«æ´»å‹•ã—ã¦ã„ãŸã¨ã“ã‚ã€å–œã°ã—ã„ã“ã¨ã«2023å¹´5æœˆã®TC39ä¼šè°ã«ã¦Stage 3ã¨ãªã‚Šã¾ã—ãŸã€‚æŠ˜è§’ãªã®ã§ãã®çµŒç·¯ã‚’æ›¸ã„ã¦ã„ã“ã†ã¨æ€ã„ã¾ã™ã€‚ ECMAScript excit ement ðŸ˜‰@TC39 advanced these proposals this week ðŸŽ‰ 4ï¸âƒ£ Atomics.waitAsync 4ï¸âƒ£ RegExp v flag 4ï¸âƒ£ Well-Formed Unicode Strings 3ï¸âƒ£ Decorator Metadata 3ï¸âƒ£ Float16Array 2ï¸âƒ£ Base64 for Uint8Array 2ï¸âƒ£ Promise.withResolvers 2ï¸âƒ£ TimeZone C
rna 2023/10/19
ã„ã„ã¯ãªã—

js

prog
ãƒªãƒ³ã‚¯
Vue 2 ã‹ã‚‰ 3 ã¸ç§»è¡Œã—ã‚ˆã†ã¨ã—ãŸã‚‰ã„ã¡ã°ã‚“å¤§å¤‰ãªã®ãŒ Vuetify 2 ã‹ã‚‰ 3 ã¸ã®ç§»è¡Œã ã£ãŸè©± - spacelyã®ãƒ–ãƒã‚°
ã¯ã˜ã‚ã« æ ªå¼ä¼šç¤¾ã‚¹ãƒšãƒ¼ã‚¹ãƒªãƒ¼ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®å®®å‚ã¨ç”³ã—ã¾ã™ã€‚ ãµã ã‚“ã¯3Dãƒ“ãƒ¥ãƒ¼ã‚¢ã‚„ãã®ç·¨é›†ç”»é¢ã®DOMéƒ¨åˆ†ã‚’Reactã‚„Vueã§æ›¸ãã¤ã¤ã€ãŸã¾ã«ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºç’°å¢ƒæ§‹ç¯‰ãŠã˜ã•ã‚“ã¨ã—ã¦ä»–ãƒãƒ¼ãƒ ã¸å‡ºã—ã‚ƒã°ã£ãŸã‚Šã—ã¦ç”Ÿãã¦ã„ã¾ã™ã€‚ ä»Šå›žã¯ãã®ç’°å¢ƒæ§‹ç¯‰ã«é–¢ã‚ã‚‹ã¨ã“ã‚ã€Vue 2 ã‹ã‚‰ 3 ã¸ç§»è¡Œã—ã‚ˆã†ã¨ã—ãŸã‚‰ã„ã¡ã°ã‚“å¤§å¤‰ãªã®ãŒ Vuetify 2 ã‹ã‚‰ 3 ã¸ã®ç§»è¡Œã ã£ãŸè©±ã‚’æ›¸ãã¾ã™ã€‚ ãƒ¬ã‚¬ã‚·ãƒ¼ã‚’ç”Ÿã‹ã—ã¤ã¤ã‚¢ãƒƒãƒ—ã‚°ãƒ¬ãƒ¼ãƒ‰ã™ã‚‹è‹¦åŠ´è©±ã¨ã—ã¦ãƒ‹ãƒƒãƒã«åˆºã•ã‚Œã°å¹¸ã„ã§ã™ã€‚ çµŒç·¯ã¨èƒŒæ™¯ Vue 2 ã®EOLã¾ã§1å¹´ã‚’åˆ‡ã£ã¦ ã‚¹ãƒšãƒ¼ã‚¹ãƒªãƒ¼ã¯ã‚µãƒ¼ãƒ“ã‚¹ã‚¤ãƒ³ã‹ã‚‰6å¹´ä»¥ä¸ŠçµŒã¤ã“ã¨ã‚‚ã‚ã‚Šã€æŠ€è¡“ã‚¹ã‚¿ãƒƒã‚¯ã¯ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«ã‚ˆã£ã¦æ–°ã—ã„ã‚‚ã®ã‚‚ã‚ã‚Œã°ã€ä»Šã¨ãªã£ã¦ã¯å¤ã„ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ã€‚ ãƒªãƒªãƒ¼ã‚¹ã‹ã‚‰æ—¥ãŒæµ…ã„ãƒ‘ãƒŽãƒ©ãƒžå¤‰æ›3Dãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã¯2023å¹´6æœˆæ™‚ç‚¹ã§ã‚¨ãƒ³ãƒ‰ãƒ¦ãƒ¼ã‚¶ãƒ¼å‘ã‘ã®éƒ¨åˆ†ãŒReact 18ã§ã€äº‹æ¥è€…å‘ã‘ã®éƒ¨åˆ†
rna 2023/06/30
prog

js

vue
ãƒªãƒ³ã‚¯
Vue3ã«ã‚¢ãƒƒãƒ—ã‚°ãƒ¬ãƒ¼ãƒ‰ã—ã¦ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’æ”¹å–„ã—ãŸè©± - SMARTCAMP Engineer Blog
vue3-migration-improve-frontend ã¯ã˜ã‚ã¾ã—ã¦ï¼ã€€BALES CLOUDã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ãˆãƒ¼ã™ï¼ˆäº•ä¸Šï¼‰ã§ã™ã€‚ã“ã®åº¦ã€BALES CLOUDã§é•·å¹´ä½¿ã£ã¦ããŸVue2ã‹ã‚‰å’æ¥ã—ã€Vue3ã‚’å°Žå…¥ã—ãŸçŠ¶æ…‹ã§ãƒªãƒªãƒ¼ã‚¹ã§ãã¾ã—ãŸã€‚ä»Šæ—¥ã¯ã“ã‚Œã«ã¤ã„ã¦ãŠè©±ã§ãã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ ã‚„ã£ãŸã“ã¨ ãªãœVue3ç§»è¡Œã‚’ã—ãŸã‹ TypeScriptã‚µãƒãƒ¼ãƒˆ å„ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒå¤ã„ Vue2ã®EOLãŒè¿‘ã„ å…·ä½“çš„ãªVue3ç§»è¡Œã‚¹ãƒ†ãƒƒãƒ— Vuetifyå’æ¥ Vue3å°Žå…¥ Vue3å®Œå…¨ç§»è¡Œ ç§»è¡Œã«ã‚ãŸã£ã¦å•é¡Œã ã£ãŸã“ã¨ ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ã‚¢ãƒƒãƒ—ã‚°ãƒ¬ãƒ¼ãƒ‰ Vuetifyå’æ¥ ElementUI -> ElementPlus å·¨å¤§PRã«ã‚ˆã‚‹ãƒ¬ãƒ“ãƒ¥ãƒ¼è² è· ãƒãƒ¼ãƒ ä½“åˆ¶ ãƒžã‚¤ã‚°ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ãƒ“ãƒ«ãƒ‰ã¨ä»–ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ç›¸æ€§ ã‚ˆã‹ã£ãŸã“ã¨ èª²é¡Œæ„Ÿ ã“ã‚Œã‹ã‚‰ 2024/04/03 ç·¨é›†éƒ¨è¿½è¨˜ ã‚„ã£ãŸã“ã¨ Vue2ã‚’å’æ¥ã—ã€Vue3ã‚’
rna 2023/02/28
prog

js

vue
ãƒªãƒ³ã‚¯
GitHub - ldasjp8/nodejs-xslt
rna 2023/02/10
prog

js

xml
ãƒªãƒ³ã‚¯
console.log(); ã—ã‹ä½¿ãˆãªã‹ã£ãŸè‡ªåˆ†ã¸ã€‚ã€‚ã€‚ - Qiita
ã“ã®è¨˜äº‹ã«ã¤ã„ã¦ Webã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«ãªã£ã¦æ—©ï¼‘å¹´åŠã€‚railsã®ãƒ‡ãƒãƒƒã‚°ã‚’ã™ã‚‹æ™‚ã«ã¯ã‚¨ãƒ‡ã‚£ã‚¿ãƒ¼ã®ãƒ‡ãƒãƒƒã‚¬ãƒ¼ã§ã‚¹ãƒžãƒ¼ãƒˆã«ã§ãã¦ã„ãŸãŒã€javascriptã«ãªã‚‹ã¨ã„ã¤ã‚‚console.log();ã°ã‹ã‚Šã‚’ä½¿ã£ã¦åŽŸå§‹çš„ãªãƒ‡ãƒãƒƒã‚°ã‚’ã—ã¦ã„ãŸã€‚ã€‚ã€‚ ãã‚“ãªè„³ç‹ãªéŽåŽ»ã®è‡ªåˆ†ã«æ•™ãˆã¦ã‚„ã‚‹ãŸã‚ã®è¨˜äº‹ã§ã™ã€‚ console.log({å¤‰æ•°å}); ã€Œã„ããªã‚Šconsole.log();ã®ç´¹ä»‹ã‹ã„ï¼ï¼ï¼ã€ã£ã¦æ€ã‚ã‚Œã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ã“ã®æŠ€ã‚’çŸ¥ã£ãŸã¨ãã¯ã€Œãªã‚“ã§çŸ¥ã‚‰ã‚“ã‹ã£ãŸã‚“ã‚„ã€‚ã€‚ã€‚ã€ã£ã¦æ€ã†ãã‚‰ã„ä¾¿åˆ©ã ã£ãŸã®ã§æœ€åˆã«ç´¹ä»‹ã—ã¾ã™ã€‚ ä»¥ä¸‹ã®ã‚ˆã†ãªHTMLãŒã‚ã‚‹å ´åˆ <form> <input type="text" value="åç„¡ã—ã®æ¨©å…µè¡›" id="name"> <input type="text" value="80æ³" id="age"> <input type="text" value="ãƒã‚¹ã‚±"
rna 2022/05/25
js

prog
ãƒªãƒ³ã‚¯
SVGã¨ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ï¼‘ã€œpathã«æ²¿ã£ã¦ç§»å‹•ã™ã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ | ITå·¥æˆ¿ï½œAIå…¥é–€ã¨Webé–‹ç™º
SVGã®pathã«æ²¿ã£ã¦ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹ CodeGridã®è¨˜äº‹ãŒå…ƒãƒã‚¿ã§ã™ã€‚ï¼ˆæœ‰æ–™ã§ã™ãŒãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®æ–¹ã«ã¯ãŠå‹§ã‚ã®ã‚µã‚¤ãƒˆã§ã™ã€‚ï¼‰ ã‚·ãƒ³ãƒ—ãƒ«ãªã‚µãƒ³ãƒ—ãƒ« ã“ã®ã‚µãƒ³ãƒ—ãƒ«ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ä»•çµ„ã¿ã¯åˆ»ã€…ã¨é€²ã‚€æ™‚é–“ã«å¯¾ã—ã¦pathã®ç‰¹å®šã®é•·ã•ã‚’æŒ‡å®šã—ã¦ã€getPointAtLengthã§ç¾åœ¨ã®pathé•·ã•ã®åº§æ¨™ã‚’å°Žãå‡ºã—ã¾ã™ã€‚ãã®åº§æ¨™ã‚’å††ã®ä¸å¿ƒåº§æ¨™ã«ã™ã‚‹ã“ã¨ã§ç§»å‹•ã‚’ã•ã›ã¦ã„ã¾ã™ã€‚ å…·ä½“çš„ã«ã¯ã‚¿ã‚¤ãƒžãƒ¼ã¯setIntevalã‚’ä½¿ç”¨ã›ãšã«ã€requestAnimationFrame()ã‚’ä½¿ã†ã“ã¨ã§ä»£ç”¨ã—ã¦ã„ã¾ã™ã€‚ requestAnimationFrameã¯ãƒ–ãƒ©ã‚¦ã‚¶ã®å†æç”»ã®æº–å‚™ãŒæ•´ã£ãŸã‚‰æ¬¡ã®é–¢æ•°ã‚’èªã¿è¾¼ã¿ã¾ã™ã€‚èªã¿è¾¼ã‚€é€Ÿåº¦ã¯ãƒ–ãƒ©ã‚¦ã‚¶ã«ä¾å˜ã—ã¦ã„ã¾ã™ã€‚ãã®ãŸã‚ã€çµŒéŽæ™‚é–“ã‚’å–å¾—ã™ã‚‹å‡¦ç†ã‚’è¿½è¨˜ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ä»Šå›žã¯å¤‰æ•°elapsedTimeã«ç¾æ™‚åˆ»ã‹ã‚‰çµŒéŽæ™‚é–“ã‚’ç®—å‡ºã—ã¦ä½¿ç”¨ã—ã¦ã„ã¾ã™ã€‚ HTMLã‚³
rna 2022/04/08
prog

js

svg
ãƒªãƒ³ã‚¯
ãƒˆãƒ©ãƒ–ãƒ«ã‚¼ãƒã§ä¹—ã‚Šåˆ‡ã£ãŸTypeScriptç§»è¡Œ/trouble-free TypeScript migration
9å¹´ã»ã©é‹ç”¨ã—ã¦ã„ã‚‹jQueryã§å®Ÿè£…ã•ã‚ŒãŸã€Œæ¥½æ¥½æ˜Žç´°ã€ã¨ã„ã†ã‚µãƒ¼ãƒ“ã‚¹ã‚’TypeScriptã«ç§»è¡Œã—ãŸäº‹ä¾‹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚
rna 2022/02/08
prog

js
ãƒªãƒ³ã‚¯
How to add text inside the doughnut chart using Chart.js?
None of the other answers resize the text based off the amount of text and the size of the doughnut. Here is a small script you can use to dynamically place any amount of text in the middle, and it will automatically resize it. Example: http://jsfiddle.net/kdvuxbtj/ It will take any amount of text in the doughnut sized perfect for the doughnut. To avoid touching the edges you can set a side-paddin
rna 2022/01/06
js

chart.js
ãƒªãƒ³ã‚¯
How to add text at center of the chart js donut chart
rna 2022/01/06
js

chart.js
ãƒªãƒ³ã‚¯
How to add text inside the doughnut chart using Chart.js version 3.2.1
rna 2022/01/06
js

chart.js
ãƒªãƒ³ã‚¯
å…¨ã¦ã®é“ã¯Romeã¸ç¶šãã®ã‹ - ã“ã‚Œã‹ã‚‰ã®Javascripté–‹ç™ºã‚’è€ƒãˆã‚‹
Romeã¨ã¯ ç¾ä»£ã®Javascripté–‹ç™ºã«ã¯å¤šãã®ãƒ„ãƒ¼ãƒ«ãƒã‚§ãƒ¼ãƒ³ãŒå¿…è¦ã¨ã•ã‚Œã¾ã™ã€‚Babel,webpack,Jest,ESLint,Prettier,Typescriptãªã©ã‚’çµ„ã¿åˆã‚ã›ã¦é–‹ç™ºã™ã‚‹ã“ã¨ãŒå¤šãã€ã•ã‚‰ã«ã“ã‚Œã‚‰ã®ä¸€éƒ¨ä»£æ›¿é¸ã¨ã—ã¦esbuild,SWC,Viteãªã©ã®ãƒ„ãƒ¼ãƒ«ãƒã‚§ãƒ¼ãƒ³ã®é¸æŠžè‚¢ãŒå˜åœ¨ã—ã€é¸æŠžè‚¢ã®å¤šã•ã‚„ãã®çµ„ã¿åˆã‚ã›ã®è¤‡é›‘ã•ã«è‹¦ã„æ€ã„ã‚’ã—ãŸã“ã¨ãŒã‚ã‚‹æ–¹ã‚‚å°‘ãªããªã„ã®ã§ã¯ãªã„ã¨æ€ã„ã¾ã™ã€‚ ã“ã†ã—ãŸä¸ã§ã€æ–°ãŸã«é–‹ç™ºãŒé€²ã‚ã‚‰ã‚Œã¦ã„ã‚‹ãƒ„ãƒ¼ãƒ«ãƒã‚§ãƒ¼ãƒ³ã€Romeã‚’ã”å˜çŸ¥ã§ã—ã‚‡ã†ã‹ï¼Ÿ Romeã¯å…ˆã«æŒ™ã’ãŸã‚ˆã†ã«è¤‡æ•°ã®ãƒ„ãƒ¼ãƒ«ãƒã‚§ãƒ¼ãƒ³ã‚’å½¹å‰²ã”ã¨ã«çµ„ã¿åˆã‚ã›ã¦ä½¿ã†ã®ã§ã¯ãªãã€1ã¤ã®ãƒ„ãƒ¼ãƒ«ãƒã‚§ãƒ¼ãƒ³ã§ã“ã‚Œã‚‰å…¨ã¦ã®å½¹å‰²ã‚’æ‹…ã£ã¦ã—ã¾ãŠã†ã¨ã„ã†å£®å¤§ãªè¨ˆç”»ã‚’æŒã¤ãƒ„ãƒ¼ãƒ«ãƒã‚§ãƒ¼ãƒ³ã§ã™ã€‚ Romeã¯2020/03ã«Facebookã‚ˆã‚Šç™ºè¡¨ã•ã‚Œã¾ã—ãŸã€‚ç¾åœ¨ã¯æ³•äººåŒ–ã•ã‚Œã€yarnã‚„Babelã®ç”Ÿã¿ã®è¦ªã§ã‚ã‚‹
rna 2021/11/26
prog

js
ãƒªãƒ³ã‚¯
ã¾ã APIãŒå‡ºæ¥ã¦ã„ãªã„ï¼Ÿç§ã¯ä¸€å‘ã«ã‹ã¾ã‚ã‚“ãƒƒãƒƒ
åˆè¨˜äº‹ã§ã™ã€‚ ã‚ã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®æ‚©ã¿ ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ç´æœŸã¯æ±ºã¾ã£ã¦ã„ã¦ã€ã™ãã«ç€æ‰‹ã—ãªã„ã¨ã„ã‘ãªã„ã€‚ ã ã‘ã©ã€API ã¯ã¾ã ã§ãã¦ã„ãªã„... æ—©ãç€æ‰‹ã—ãŸã„...ã€ãµã¬ã¬...ã€‚ ä»Šå›žã¯ãã‚“ãªãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãŒãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã®ã‚¿ã‚¹ã‚¯ã®å¾…ã¡ã«ãªã‚‰ãªã„ã‚ˆã†ã«ã€ä¸¦è¡Œã—ã¦ã‚¢ã‚¸ãƒ£ã‚¤ãƒ«ã«é–‹ç™ºã—ã¦ã„ã‘ã‚‹ãƒ„ãƒ¼ãƒ«ã¨ã—ã¦mswã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ mswã¨ã¯ï¼Ÿ mswã¨ã¯mock service workerã®ç•¥ã§ã€ç°¡å˜ã«ãƒ¢ãƒƒã‚¯ã®APIã‚’ç«‹ã¦ã‚‹ã“ã¨ãŒã§ãã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ åŒæ§˜ã®ã“ã¨ãŒã§ãã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨ã—ã¦JSON Serverã‚‚ã‚ã‚Šã¾ã™ãŒã€mswã«ã¯ä»¥ä¸‹ã®åˆ©ç‚¹ãŒã‚ã‚Šã¾ã™ã€‚ å˜ç´”ã«JSONã‚’è¿”ã™ã®ã§ã¯ãªãã€ãƒã‚¸ãƒƒã‚¯ã‚‚æ›¸ãã“ã¨ãŒã§ãã‚‹ Expressã®ã‚ˆã†ã«ã‚¹ãƒƒã‚ãƒªæ›¸ãã“ã¨ãŒã§ãã‚‹ RESTã ã‘ã§ãªãã€GraphQLã«ã‚‚å¯¾å¿œã—ã¦ã„ã‚‹ ä»¥ä¸‹ã®ã‚ˆã†ãªã‚±ãƒ¼ã‚¹ã«å‘ã„ã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚ æ—©ãç€æ‰‹ã—ãªã„ã¨ã„ã‘ãªã„ã‘ã©ã€API
rna 2021/11/18
prog

tool

web

js
ãƒªãƒ³ã‚¯
2021å¹´ç¾åœ¨Vueã‚’é¸æŠžã™ã¹ãã§ãªã„ã¨æ€ã†ç†ç”± æ„Ÿæƒ³
JSXãŒå«Œã§Reactã‚’ä½¿ã‚ãªã„ãªã‚‰SvelteãŒã‚ã‚Šã€Svelteã¯ã‚¼ãƒã‚ªãƒ¼ãƒãƒ¼ãƒ˜ãƒƒãƒ‰ã§Vueã‚ˆã‚Šé€Ÿã„ ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒä½œã‚‰ã‚ŒãŸã‚Šæ¶ˆã•ã‚ŒãŸã‚Šã™ã‚‹ã‚ˆã†ãªå ´åˆä¸€å®šã®é–¾å€¤ã§Vueã®æ–¹ãŒãƒãƒ³ãƒ‰ãƒ«ã‚µã‚¤ã‚ºãŒè»½ããªã‚‹ [Draft]Vueã¨Svelteã®ã‚µã‚¤ã‚ºã‚’æ¯”è¼ƒæ¤œè¨¼ã—ãŸã€Œvue-svelte-size-analysisã€ã‚’æŽ˜ã£ã¦ã„ã ã¨ã¯ã„ãˆã‚¨ãƒƒã‚¸ã‚±ãƒ¼ã‚¹ ã€‡ã€‡å€é€Ÿã„ã¿ãŸã„ãªã‚„ã¤ã€çŸ¥è¦šã—ãŸã“ã¨ãªã„ï¼ˆãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’æ°—ã«ã™ã‚‹å‰ã«ã‚„ã‚‹ã¹ãã“ã¨ãŒæ²¢å±±ã‚ã‚‹ï¼‰ ã»ã¼ãƒ©ã‚¤ãƒ³ã‚¿ã‚¤ãƒ ã‚’æ¶ˆã—åŽ»ã‚ŠãŸã„ã€20kbæœªæº€ã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚‹å¿…è¦ãŒã‚ã‚‹ã¨ã‹ã ã¨Svelteã¯å¼·ãã† https://zenn.dev/mizchi/articles/8a017097d3994ddc0a85 Nextã€Nuxtã®ã‚ˆã†ãªSSR/SSGç”¨é€”ã§ååˆ†ã«ä½¿ã‚ã‚Œã¦ã‚‹ã‚ˆã†ãªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒã¾ã ãªã„ SvelteKitï¼ˆSvelt
rna 2021/09/23
vue

prog

js
ãƒªãƒ³ã‚¯
2021å¹´ç¾åœ¨Vueã‚’é¸æŠžã™ã¹ãã§ãªã„ã¨æ€ã†ç†ç”±
ä½¿ã£ã¦ã‚ã‹ã‚‹ã€Vueã¸ã®æ¨ã¿ã€ã¤ã‚‰ã¤ã‚‰ã¨ï¼ˆéšæ™‚æ›´æ–°ï¼‰ ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ãƒãƒ¼ã‚«ãƒ«ã‚¹ã‚³ãƒ¼ãƒ—ã§ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’å®šç¾©ã—ã‚ˆã†ã¨ã™ã‚‹ã¨JSXãŒå¿…è¦ JSXãŒå«Œã§Reactã‚’ä½¿ã‚ãªã„ãªã‚‰SvelteãŒã‚ã‚Šã€Svelteã¯ã‚¼ãƒã‚ªãƒ¼ãƒãƒ¼ãƒ˜ãƒƒãƒ‰ã§Vueã‚ˆã‚Šé€Ÿã„ React+JSXã¨é•ã£ã¦ã€ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚’JavaScriptã®å¼ã¨ã—ã¦æ‰±ãˆãªã„ã›ã„ã§ã€TypeScriptã¨ã®ç›¸æ€§ã‚‚æ‚ªã„ å¾Œè¿°ã™ã‚‹ãŒã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®åž‹ã‚’ã‚¸ã‚§ãƒãƒªãƒƒã‚¯ã«ã§ããªã„ã¨ã“ã‚ãªã©ã¯ã€ã“ã‚Œã®ä¾‹ã«ã‚ãŸã‚‹ Vueã®æ–°ã—ã„æ©Ÿèƒ½ãŒå‡ºã¦ã€æ–°ã—ã„æ§‹æ–‡ã‚’å¿…è¦ã¨ã™ã‚‹ãŸã³ã«IDEã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®å¯¾å¿œãŒå¿…è¦ã«ãªã‚‹ JSXã‚‚æ§‹æ–‡æ‹¡å¼µã ãŒã€JSé–¢æ•°å‘¼ã³å‡ºã—ã®ã‚·ãƒ³ã‚¿ãƒƒã‚¯ã‚¹ã‚·ãƒ¥ã‚¬ãƒ¼ã§ã—ã‹ãªã„ã®ã§ã€é–¢æ•°ã¨åŒã˜ã ã‘ã®è¡¨ç¾åŠ›ï¼ˆæ±Žç”¨æ€§ï¼‰ã‚’æŒã¡ã€Reactã®APIæ‹¡å¼µã®ãŸã‚ã«ã„ã¡ã„ã¡JSXã¾ã§æ‹¡å¼µã™ã‚‹å¿…è¦ã¯ãªã„ JSXç„¡ã—ã ã¨ã€ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—å†…ã§ã‚¢ã‚¯ã‚»ã‚¹ã—ãŸã„ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆ
rna 2021/09/23
æ˜”reduxã¨vuexã§éžåŒæœŸå‡¦ç†ã‚’æ›¸ãæ¯”ã¹ã¦reduxã‚„ã‚„ã“ã—ã™ãŽã¨æ€ã£ã¦vueé¸ã‚“ã ã‚“ã ã‘ã©ä»Šã¯ã¾ãŸé•ã†ã‚“ã‹ãªï¼Ÿ

js

prog

vue

react
ãƒªãƒ³ã‚¯
Vue2ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’Vue3ã¸ãƒžã‚¤ã‚°ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹
Vue 3ãŒæ£å¼ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¦ã‹ã‚‰ç´„1å¹´ãŒçµŒéŽã—ã¾ã—ãŸã€‚ Vuetifyã®ãƒªãƒªãƒ¼ã‚¹ç›®æ¨™ã§ã‚ã‚‹2021å¹´Q3ã‚‚è¿‘ã¥ãä¸ã§ãã‚ãã‚Vue3ã¸ã®ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã‚’æ¤œè¨Žã•ã‚Œã¦ã„ã‚‹æ–¹ã‚‚ã„ã‚‰ã£ã—ã‚ƒã‚‹ã“ã¨ã§ã—ã‚‡ã†ã‹ï¼Ÿ ã“ã®è¨˜äº‹ã§ã¯Vue 2ã‹ã‚‰Vue 3ã¸ã®ç§»è¡Œæ‰‹é †ã‚’è¨˜è¿°ã—ã¦ã„ãã¾ã™ã€‚ å‚è€ƒç”¨ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã¨ã—ã¦ä»¥ä¸‹ãƒ¬ãƒã‚¸ãƒˆãƒªã‚’ç”¨æ„ã—ã¾ã—ãŸã€‚ Vue 2ã‹ã‚‰ã®ç§»è¡Œã‚’ä½“é¨“ã—ã¦ã¿ãŸã„å ´åˆã«ã¯ã€vue2-todo-appã®ã‚¿ã‚°ã«ãƒã‚§ãƒƒã‚¯ã‚¢ã‚¦ãƒˆã—ã¦ãã ã•ã„ã€‚ ç§»è¡Œãƒ“ãƒ«ãƒ‰ã‚’ä½¿ç”¨ã™ã‚‹ Vue 2ã‹ã‚‰Vue 3ã¸ç§»è¡Œã™ã‚‹ãŸã‚ã®ãƒ„ãƒ¼ãƒ«ã¨ã—ã¦ã€å…¬å¼ã‹ã‚‰@vue/compatãŒæä¾›ã•ã‚Œã¦ã„ã¾ã™ã€‚ @vue/compatã‚’ä½¿ç”¨ã™ã‚‹ã¨ã€Vue 2ãƒ¢ãƒ¼ãƒ‰ã§å‹•ä½œã™ã‚‹ãŸã‚ã€Vue 3ã§å‰Šé™¤ã‚„éžæŽ¨å¥¨ã«ãªã£ãŸAPIã‚‚ä¸€éƒ¨ã®ä¾‹å¤–ã‚’é™¤ã„ã¦ãã®ã¾ã¾ä½¿ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚Vue3 ã§å‰Šé™¤ã§éžæŽ¨å¥¨ã«ãªã£ãŸæ©Ÿèƒ½ã¯å®Ÿè¡Œæ™‚ã«è¦å‘ŠãŒå‡ºåŠ›ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™
rna 2021/09/15
vue

prog

js
ãƒªãƒ³ã‚¯
GitHub - strawdynamics/luminous: A simple, lightweight, no-dependencies JavaScript lightbox
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
rna 2021/09/04
å˜ä½“ã§ä½¿ãˆã‚‹ãƒ©ã‚¤ãƒˆãƒœãƒƒã‚¯ã‚¹ç³»ç”»åƒè¡¨ç¤ºãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã€‚

prog

js
ãƒªãƒ³ã‚¯
mouseover ä¸ã«è¡¨ç¤ºã•ã‚Œã‚‹ DOM ã®ãƒ‡ãƒãƒƒã‚° | blog.jxck.io
Update 2024-03-30: Chrome 123 ã‹ã‚‰ "Emulate a focused page" ãŒè¿½åŠ ã•ã‚ŒãŸã€‚ ã“ã‚Œã‚’ç”¨ã„ã‚Œã°è‰¯ã„ãŸã‚ã€ä»¥é™ã®å…¨ã¦ã®æ–¹å¼ã¯å¤ããªã£ãŸã€‚ Apply other effects: enable automatic dark theme, emulate focus, and more https://developer.chrome.com/docs/devtools/rendering/apply-effects#emulate_a_focused_page ãƒžã‚¦ã‚¹ãŒä¹—ã£ã¦ãªã„ã¨å‡ºãªã„ UI ã‚‚ã€ãã“ã« Tab ãªã©ã§ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã‚’ç§»ã—ã€ãã®çŠ¶æ…‹ã§ Dev Tools ã® "Emulate a focused page" ã‚’æœ‰åŠ¹ã«ã™ã‚Œã°è‰¯ã„ã€‚ Intro å…ˆæ—¥ã€å¾Œè¼©ãŒã€Œmouseover ä¸ã«ã—ã‹è¡¨ç¤ºã•ã‚Œãªã„ DOM ã®ãƒ‡ãƒãƒƒã‚°ã€ã«æ‰‹ã“ãšã£
rna 2021/08/20
ã€ŒDevtools ã® source tab ã‚’é–‹ã„ãŸçŠ¶æ…‹ã§ F8 ã‚’æŠ¼ã™ã¨ã€ãã“ã§ Script Exec ã‚’æ¢ã‚ã‚‹ã“ã¨ãŒã§ãã‚‹ã€çŸ¥ã‚‰ã‚“ã‹ã£ãŸã€‚

js

prog
ãƒªãƒ³ã‚¯
Electronã§çµ„ã¿è¾¼ã¿ç«¯æœ«å‘ã‘ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é–‹ç™ºã—3å¹´é–“é‹ç”¨ã—ã¦ã¿ã¦
çµ„ã¿è¾¼ã¿ç«¯æœ«ã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã« Electron ã‚’æŽ¡ç”¨ã—é–‹ç™ºãƒ»é‹ç”¨ã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚ ç¶™ç¶šçš„ãªæ©Ÿèƒ½è¿½åŠ ã‚„ãƒˆãƒ©ãƒ–ãƒ«ã‚µãƒãƒ¼ãƒˆã‚’è¡Œã„ãªãŒã‚‰ 3 å¹´ãŒçµŒéŽã—ãŸã®ã§ã€Electron ã‚’æŽ¡ç”¨ã—ãŸçµŒç·¯ã‚„çµæžœã‚’çµŒé¨“ã‚’äº¤ãˆãªãŒã‚‰å…±æœ‰ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ çµ„ã¿è¾¼ã¿æ¡ˆä»¶è‡ªä½“ãŒåˆã‚ã¦ã§ã—ãŸã®ã§ãã®è©±ã‚‚å…¥ã£ã¦ã„ã¾ã™ã€‚ ç´„ 700 å°ã»ã©å°Žå…¥ã•ã‚Œã¦ãŠã‚Šã€ãªã‹ãªã‹å¤§ããªæ¡ˆä»¶ã§ã®æŽ¡ç”¨ã¨æ€ã„ã¾ã™ã®ã§å‚è€ƒã«ãªã‚Œã°å¹¸ã„ã§ã™ã€‚ â€»Electron ã®åŸºæœ¬çš„ãªèª¬æ˜Žã¯å‰²æ„›ã—ã¾ã™ã€‚ ã‚·ã‚¹ãƒ†ãƒ ã«ã¤ã„ã¦ ä¸€èˆ¬çš„ã«ã€Œå—ä»˜ç²¾ç®—æ©Ÿã€ãªã©ã¨å‘¼ã°ã‚Œã€åº—é ã«ä½•å°ã‹ä¸¦ã¹ã¦è¨ç½®ã—ã¦è‡ªå‹•ã§å—ä»˜ãƒ»ç²¾ç®—ã‚’è¡Œã†ã‚·ã‚¹ãƒ†ãƒ ã§ã™ã€‚ ãƒ›ãƒ†ãƒ«ã®å—ä»˜ç«¯æœ«ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã§ã™ã€‚ãƒãƒ¼ãƒ‰çš„ã«ã¯ã‚»ãƒ«ãƒ•ãƒ¬ã‚¸ã«ã‚‚è¿‘ã„ã§ã™ã€‚ çä½“è‡ªä½“ã¯ä»–ç¤¾ãŒç”¨æ„ã—ã€å¼Šç¤¾ã¯ãã®ä¸Šã«è¼‰ã›ã‚‹ GUI ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ã¿ã‚’æ‹…å½“ã—ã¾ã—ãŸã€‚ æ©Ÿèƒ½ ä¸»ãªæ©Ÿèƒ½ã¨ã—ã¦ æ¥åº—å—ä»˜ãƒ»æ•´ç†åˆ¸ç™ºè¡Œ äºˆç´„ãƒã‚§ãƒƒã‚¯ã‚¤ãƒ³ ãƒã‚§ãƒƒã‚¯ã‚¢ã‚¦ãƒˆ
rna 2021/06/07
prog

Electron

js
ãƒªãƒ³ã‚¯
I don't understand GM.setValue and GM.getValue
rna 2021/05/13
prog

js

greasemonkey
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 æ¬¡ã®ãƒšãƒ¼ã‚¸