[B! react][html] mizdraã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

mizdra id:mizdra

reactã¨htmlã«é–¢ã™ã‚‹mizdraã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

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

ãƒ¤ãƒ•ãƒ¼ã‚·ãƒ§ãƒƒãƒ”ãƒ³ã‚°ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’æ”¯ãˆã‚‹å…±é€šé…ä¿¡æŠ€è¡“
æœ¬è¨˜äº‹ã¯2022å¹´11æœˆã«é–‹å‚¬ã—ãŸã€ŒTech-Verse 2022ã€ã§ç™ºè¡¨ã—ãŸã‚»ãƒƒã‚·ãƒ§ãƒ³ã‚’è¦ç´„ã—ãŸã‚‚ã®ã§ã™ã€‚ã‚¢ãƒ¼ã‚«ã‚¤ãƒ–å‹•ç”»ã‚’æ–‡æœ«ã«æŽ²è¼‰ã—ã¦ã„ã¾ã™ã€‚è³ªç–‘å¿œç”ã®æ§˜åã‚‚åŽéŒ²ã•ã‚Œã¦ã„ã¾ã™ã®ã§ãœã²ã”è¦§ãã ã•ã„ã€‚ ãƒ¤ãƒ•ãƒ¼ã‚·ãƒ§ãƒƒãƒ”ãƒ³ã‚°ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’æ”¯ãˆã‚‹å…±é€šé…ä¿¡æŠ€è¡“ã«ã¤ã„ã¦ã€ã€Œå…±é€šUIé…ä¿¡ã‚µãƒ¼ãƒ“ã‚¹èª•ç”Ÿã¾ã§ã®çµŒç·¯ã€ã¨ã€Œå…±é€šUIé…ä¿¡ã‚µãƒ¼ãƒ“ã‚¹ã‚’æ”¯ãˆã‚‹æŠ€è¡“ã€ã®2éƒ¨æ§‹æˆã§ç´¹ä»‹ã—ã¾ã™ã€‚ å…±é€šUIé…ä¿¡ã‚µãƒ¼ãƒ“ã‚¹èª•ç”Ÿã¾ã§ã®çµŒç·¯ ãƒ¤ãƒ•ãƒ¼ã‚·ãƒ§ãƒƒãƒ”ãƒ³ã‚°ã«ã¯ã€ãƒˆãƒƒãƒ—ã€æ¤œç´¢ã€å•†å“è©³ç´°ã€ã‚«ãƒ¼ãƒˆã€ãƒ¬ãƒ“ãƒ¥ãƒ¼ã€å•ã„åˆã‚ã›ã€è£½å“ã€ã‚ãƒ£ãƒ³ãƒšãƒ¼ãƒ³ã€ãƒ©ãƒ³ã‚ãƒ³ã‚°ã€æ³¨æ–‡å±¥æ´ãªã©ã•ã¾ã–ã¾ãªç”»é¢ãŒã‚ã‚Šã€ãã‚Œã«åˆã‚ã›ã¦ã•ã¾ã–ã¾ãªé–‹ç™ºãƒãƒ¼ãƒ ãŒå˜åœ¨ã—ã¦ã„ã¾ã™ã€‚ å„ãƒãƒ¼ãƒ ã§ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã¯ç‹¬ç«‹ã—ã¦ã„ã¦ã€ãã‚Œãžã‚Œãƒªãƒ³ã‚¯ã§æŽ¥ç¶šã•ã‚Œã¦ã„ã¾ã™ã€‚å…±é€šUIã®HTMLã‚‚ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒç•°ãªã‚Œã°ã€ãã‚Œãžã‚Œã«è¨˜è¿°ã•ã‚Œã¾ã™ã€‚åŒã˜ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³å†…ã§å…±é€šUIã‚’å®Ÿè£…ã™ã‚‹ã®ã¯ç°¡å˜
mizdra 2023/02/12
ãƒ¤ãƒ•ãƒ¼ã‚·ãƒ§ãƒƒãƒ”ãƒ³ã‚°ã«ãŠã‘ã‚‹ãƒžã‚¤ã‚¯ãƒãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®å–ã‚Šçµ„ã¿ã«ã¤ã„ã¦ã€‚Custom Element ã¨ React ã‚’ä½¿ã„ã€ç‹¬ç«‹ãƒ‡ãƒ—ãƒã‚¤å¯èƒ½ã§ SSR ã‚‚ã§ãã‚‹å…±é€šã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ä½œæˆã—ã¦ã‚‹ã€‚é¢ç™½ã„ã€‚

ssr

react

html
ãƒªãƒ³ã‚¯
ãƒ–ãƒã‚°ã‚’Astro ã«ç§»è¡Œã—ã¾ã—ãŸ - As a Futurist...
å¼å¹´é·å®®ã®æ§˜ãªæ„Ÿã˜ã§ã™ãŒã€æ•°å¹´ãŠãã«ãƒ–ãƒã‚°ã‚’ä½œã‚Šç›´ã—ã¦ã¾ã™(å‰å›ž)ã€‚ä»Šå›žã¯ Gatsby ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã—ãŸ UI ã‚’ã»ã¼ãã®ã¾ã¾ã«ã€ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ Astro ã«ç§»è¡Œã—ã¾ã—ãŸã€‚é™çš„ã‚µã‚¤ãƒˆã®ä½œæˆã§ã¯ Astro ã®é–‹ç™ºè€…ä½“é¨“ãŒæœ€é«˜ã«å„ªã‚Œã¦ã„ã‚‹ã®ã§ã€2 å¹´é–“ã»ã¼å¡©æ¼¬ã‘ã«ã—ã¦ã—ã¾ã£ã¦ã„ãŸ Gatsby ã®ã‚³ãƒ¼ãƒ‰ã‚’ç„¡äº‹ã«ç§»è¡Œã§ãã¦ã‚ˆã‹ã£ãŸã§ã™ã€‚ Astro ã¨ã¯ï¼Ÿ Astro ã¯ ä¸€è¨€ã§è¨€ã†ã¨ã€Better HTML ã§ã™ã€‚Astro ã¨ã„ã†ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã§ã‚µã‚¤ãƒˆãŒè¨˜è¿°ã§ãã‚‹ã®ã§ã™ãŒã€æ™®é€šã®(ç´ ã®)HTML ã‚‚ Astro ã¨ã—ã¦ãã®ã¾ã¾ä½¿ãˆã¾ã™ã€‚åŽ³å¯†ã«ã¯é•ã„ã¾ã™ãŒã€HTML ã®ã‚¹ãƒ¼ãƒ‘ãƒ¼ã‚»ãƒƒãƒˆã¿ãŸã„ãªæ„Ÿã˜ã§ã™ã€‚ãã® HTML ã®è¦ç´ ç¾¤ã‚’ component ã¨ã—ã¦ã¾ã¨ã‚ã‚‹ã“ã¨ã§é–¢å¿ƒã‚’åˆ†é›¢ã§ãã¦(ã“ã®è¾ºã¯ Web Components ã§ã‚‚å®Ÿç¾ã§ãã¾ã™)ã€å¿…è¦ã«å¿œã˜ã¦ãƒ“ãƒ«ãƒ‰æ™‚ã«ãƒã‚¸ãƒƒã‚¯ã‚‚èµ°ã‚‰ã›ã‚‹ã“ã¨ãŒ
mizdra 2023/01/08
è‰¯ã•ãã†

html

react
ãƒªãƒ³ã‚¯
Qwikèª¿ã¹ã¦ã¿ãŸã‚‰çµæ§‹é¢ç™½ã‹ã£ãŸ
Framework reimagined for the edge. No hydration, auto lazy-loading, edge-optimized, and fun ðŸŽ‰! ã‚¨ãƒƒã‚¸ç”¨ã«å†è€ƒã•ã‚ŒãŸãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ Noãƒã‚¤ãƒ‰ãƒ¬ãƒ¼ãƒˆã€è‡ªå‹•é…å»¶ãƒãƒ¼ãƒ‰ã€ã‚¨ãƒƒã‚¸æœ€é©åŒ– é–‹ç™ºå…ƒ: Builder.io ç¾åœ¨ã®ã‚¹ãƒ†ãƒ¼ã‚¿ã‚¹: Beta Qwikã¨Qwik City Reactã¨Next.jsã®é–¢ä¿‚ã§è¨€ã†ã¨ã“ã‚ã®ã€QwikãŒReactã§Qwik CityãŒNext.js Qwikã¯ã‚³ãƒ³ãƒãƒãƒ³ãƒˆã‚’æ§‹ç¯‰ã™ã‚‹ãŸã‚ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€‚ jsx,tsxã§æ›¸ã‘ã¦ã€ãã®æ›¸ãã£ã·ã‚Šã¯ã»ã¨ã‚“ã©Reactã¨åŒã˜ã€‚hooksã®åå‰ã‚„ä½¿ã„æ–¹ãŒè‹¥å¹²ç•°ãªã‚‹ãŒã€Reactå‹¢ãªã‚‰ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã¨ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰å‘¼ã‚“ã ã‚‰ãªã‚“ã¨ãªãã‚ã‹ã‚‹ã¯ãšã€‚ Qwik Cityã¯ä¸»ã«ãƒ•ã‚¡ã‚¤ãƒ«ãƒ™ãƒ¼ã‚¹ã®Nested Routingãƒ»Nested Layo
mizdra 2022/10/23
é¢ç™½ã„

react

html
ãƒªãƒ³ã‚¯
1

ãŠçŸ¥ã‚‰ã›

ã‚‚ã£ã¨èªã‚€

å…¬å¼Twitter

@hatebu
æœ€æ–°ã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®é…ä¿¡

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

jæ¬¡ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kå‰ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lã‚ã¨ã§èªã‚€

eã‚³ãƒ¡ãƒ³ãƒˆä¸€è¦§ã‚’é–‹ã

oãƒšãƒ¼ã‚¸ã‚’é–‹ã

è¨å®šã‚’å¤‰æ›´ã—ã¾ã—ãŸx

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (1)

reactã¨htmlã«é–¢ã™ã‚‹mizdraã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬2é€±ï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬1é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (1)

reactã¨htmlã«é–¢ã™ã‚‹mizdraã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

ãƒ¤ãƒ•ãƒ¼ã‚·ãƒ§ãƒƒãƒ”ãƒ³ã‚°ã®ãƒ•ãƒ­ãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’æ”¯ãˆã‚‹å…±é€šé…ä¿¡æŠ€è¡“

ãƒ–ãƒ­ã‚°ã‚’Astro ã«ç§»è¡Œã—ã¾ã—ãŸ - As a Futurist...

Qwikèª¿ã¹ã¦ã¿ãŸã‚‰çµæ§‹é¢ç™½ã‹ã£ãŸ

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬2é€±ï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬1é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆï¼‰

å…¬å¼Twitter

ã‚­ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (1)

reactã¨htmlã«é–¢ã™ã‚‹mizdraã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

ãƒ¤ãƒ•ãƒ¼ã‚·ãƒ§ãƒƒãƒ”ãƒ³ã‚°ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’æ”¯ãˆã‚‹å…±é€šé…ä¿¡æŠ€è¡“

ãƒ–ãƒã‚°ã‚’Astro ã«ç§»è¡Œã—ã¾ã—ãŸ - As a Futurist...

Qwikèª¿ã¹ã¦ã¿ãŸã‚‰çµæ§‹é¢ç™½ã‹ã£ãŸ

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬2é€±ï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬1é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹