[B! techfeed] yasu-logã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

yasu-log id:yasu-log

techfeedã«é–¢ã™ã‚‹yasu-logã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (13)

${{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ã®ã‚ºãƒ¬ã‚’æ¤œå‡ºï¼ Node.jsã¨Puppeteeræ´»ç”¨ã®ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«æ ¡æ£ãƒ†ã‚¹ãƒˆã§å®Ÿè£…æ™‚ã®ã‚±ã‚¢ãƒ¬ã‚¹ãƒŸã‚¹ã‚’é˜²ã - ICS MEDIA
ãƒ‡ã‚¶ã‚¤ãƒ³ã¨HTMLã®ã‚ºãƒ¬ã‚’æ¤œå‡ºï¼ Node.jsã¨Puppeteeræ´»ç”¨ã®ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«æ ¡æ£ãƒ†ã‚¹ãƒˆã§å®Ÿè£…æ™‚ã®ã‚±ã‚¢ãƒ¬ã‚¹ãƒŸã‚¹ã‚’é˜²ã ã‚¦ã‚§ãƒ–åˆ¶ä½œã«ãŠã„ã¦ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã¨HTMLå®Ÿè£…ã®ä¸€è‡´ã¯ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦å½“ç„¶æ±‚ã‚ã‚‰ã‚Œã‚‹ã‚‚ã®ã§ã™ã€‚ã¨ã¯ã„ãˆã€ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ã¨ãƒ–ãƒ©ã‚¦ã‚¶ç”»é¢ã‚’ã«ã‚‰ã‚ã£ã“ã—ãªãŒã‚‰ç¢ºèªã™ã‚‹ã®ã‚‚å¤§å¤‰ã§ã™ã€‚æœ¬è¨˜äº‹ã§ã¯Node.jsã§å‹•ããƒ˜ãƒƒãƒ‰ãƒ¬ã‚¹ãƒ–ãƒ©ã‚¦ã‚¶ã®Puppeteerãƒ‘ãƒšãƒ†ã‚£ã‚¢ãƒ¼ã‚’ä½¿ã£ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã®ã‚ºãƒ¬ã‚’æ¤œçŸ¥ã™ã‚‹ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«æ ¡æ£ãƒ†ã‚¹ãƒˆã®æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚¦ã‚§ãƒ–æ¥ç•Œã§ã¯ãƒ‡ã‚¶ã‚¤ãƒ³åˆ¶ä½œã¨HTMLåˆ¶ä½œãŒåˆ†æ¥ã§ã‚ã‚‹å ´åˆãŒã»ã¨ã‚“ã©ã§ã™ã€‚ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«æ ¡æ£ãƒ†ã‚¹ãƒˆã‚’å°Žå…¥ã™ã‚‹ã“ã¨ã§ã€HTMLåˆ¶ä½œã®å“è³ªå‘ä¸Šã«å½¹ç«‹ã¦ã‚‰ã‚Œã¾ã™ã€‚ãƒ‡ã‚¶ã‚¤ãƒ³ã¨HTMLå®Ÿè£…ãŒåˆ¥ã®ä¼šç¤¾ã®ã‚ˆã†ãªãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã¯ã€HTMLå®Ÿè£…æ™‚ã®å“è³ªä¿è¨¼ã®æ‹…ä¿ã«ãªã‚Šã¾ã™ã—ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒè¿‘ã„çµ„ç¹”ã§ã‚‚ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³å††æ»‘åŒ–ã«å½¹ç«‹ã¤ã§ã—ã‚‡ã†ã€‚ICS
yasu-log 2022/03/31
ãƒ‡ã‚¶ã‚¤ãƒ³ã‚«ãƒ³ãƒ—ã¨ãƒ”ã‚¯ãƒ‘ç²¾åº¦ã§æƒãˆã‚‹ã‹ã®è°è«–ã¯ã•ã¦ãŠãã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼è¦–ç‚¹ã§ã¯ã€Œã‚±ã‚¢ãƒ¬ã‚¹ãƒŸã‚¹ã§ã€ãƒ‡ã‚¶ã‚¤ãƒ³ãŒHTMLã«åæ˜ ã•ã‚Œã¦ã„ãªã„ã€ã¨ä¸æº€ã«æ€ã†ã“ã¨ã¯å¤šã€…ã‚ã‚Šã¾ã™ã€‚ ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³æ”¹å–„ã®ãŸã‚ã®ãƒ„ãƒ¼ãƒ«ã€‚

Node.js

HTML

Webæ¨™æº–

ãƒ–ãƒ©ã‚¦ã‚¶æœ€æ–°å‹•å‘

techfeed
ãƒªãƒ³ã‚¯
é©šãã»ã©ç°¡å˜ã«3Dã‚·ãƒ¼ãƒ³ã‚’æ§‹ç¯‰ï¼React Three Fiberã‚’ä½¿ã£ã¦ã¿ãŸ | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ã“ã‚“ã«ã¡ã¯ã€‚ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«ãªã‚ŠãŸã¦ã®ã¼ã“ã§ã™ã€‚ ã¿ãªã•ã‚“ã€Three.jsã¯å¥½ãã§ã™ã‹ï¼Ÿï¼ˆå”çªï¼‰ åƒ•ã¯Webã‚µã‚¤ãƒˆã®ä¸ã§ã‚‚ç‰¹ã«æ¼”å‡ºã‚„ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã€ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã«å‡ã£ãŸã‚‚ã®ãŒå¥½ããªã®ã§ã€è¡¨ç¾ã®å¹…ã‚’å¢—ã‚„ã™ãŸã‚Three.jsã¨ä»²è‰¯ããªã‚Œã‚‹ã‚ˆã†å¥®é—˜ã—ã¦ãŠã‚Šã¾ã™ã€‚ è©±ã¯å°‘ã—å¤‰ã‚ã‚Šã¾ã™ãŒã€æœ€è¿‘ã¯Webã‚µã‚¤ãƒˆåˆ¶ä½œã§ã‚‚ã€Next.jsï¼ˆReactï¼‰ã‚„Nuxt.jsï¼ˆVueï¼‰ã‚’æŽ¡ç”¨ã™ã‚‹ã“ã¨ãŒå¢—ãˆã¦ãã¦ã„ã‚‹å°è±¡ã§ã™ã€‚ Nextã‚„Nuxtã§ã‚µã‚¤ãƒˆã‚’ä½œã‚‹å ´åˆã€å¾“æ¥ã®åˆ¶ä½œã¨ã¯æ‰‹æ³•ã‚‚è€ƒãˆæ–¹ã‚‚å¤§ããå¤‰ã‚ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ãã“ã«Three.jsã‚’å°Žå…¥ã™ã‚‹å ´åˆã‚‚ã‚„ã¯ã‚Šæ³¨æ„ã™ã‚‹ãƒã‚¤ãƒ³ãƒˆãŒå¢—ãˆã¾ã™ã€‚ ãã“ã§ã€ä»Šå›žã¯ React Three Fiber ã¨ã„ã†ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«ã¤ã„ã¦ãŠè©±ã—ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ã“ã®å¾Œè©³ã—ãæ›¸ã„ã¦ã„ãã¾ã™ãŒã€Reactã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ã‚ˆã†ã«Three.jsãŒæ›¸ã‘ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã€é©šãã»ã©ç°¡å˜ã«
yasu-log 2022/03/31
ç”Ÿã®Three.jsé–‹ç™ºã¯ã€Œç©ºé–“ã«é…ç½®ã—ãŸã„ã€ã€Œãƒžãƒ†ãƒªã‚¢ãƒ«ã‚’æŒ‡å®šã—ãŸã„ã€ã¿ãŸã„ãªè¨å®šè‡ªä½“ã‚‚æ‰‹ç¶šãã®ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãå¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚React Three Fiberã¯ã“ã®èª²é¡Œã«å¯¾ã—ã¦ã€Œå®£è¨€çš„ã‚¢ãƒ—ãƒãƒ¼ãƒã€ã§è§£æ±ºç–ã‚’æä¾›ã™ã‚‹

React

WebGL

techfeed
ãƒªãƒ³ã‚¯
Those HTML Attributes You Never Use â€” Smashing Magazine
In this article, Louis Lazaris describes and demonstrates some interesting HTML attributes that you may or may not have heard of and perhaps find useful enough to personally use in one of your projects. In January, Madison Kanna asked her Twitter followers: What are the languages/tech youâ€™re excited to learn or learn more deeply this year? mine: typescript, next.js, react, graphql, solid ity, node
yasu-log 2022/03/24
enterkeyhintsã‚’ä½¿ã†ã¨ãƒãƒ¼ãƒãƒ£ãƒ«ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã®Enterã®æ–‡è¨€ã‚’å¤‰æ›´ã§ãã‚‹ã€‚ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®titleã‚’ã¯ã£ã¦ãŠãã¨ã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒãƒ¼å†…ã‹ã‚‰å‚ç…§ã™ã‚‹ã¨ãã«æ‰‹ãŒã‹ã‚Šã«ãªã‚‹ã¨ã‹ã€‚

HTML

Webæ¨™æº–

ãƒ–ãƒ©ã‚¦ã‚¶æœ€æ–°å‹•å‘

techfeed
ãƒªãƒ³ã‚¯
Safari 15.4ã§ã¯ã€ŒLazy Image Loadingã€ãŒæ£å¼ã«ã‚µãƒãƒ¼ãƒˆã•ã‚Œç”»åƒã®é…å»¶èªã¿è¾¼ã¿ãŒå¯èƒ½ã«ã€‚
yasu-log 2022/03/24
é…å»¶èªã¿è¾¼ã¿ã®æ¨™æº–ã‚µãƒãƒ¼ãƒˆã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã¨ã£ã¦ã¯ãƒ¢ãƒã‚¤ãƒ«ï¼ˆSafari for iOS 15.4ï¼‰ã§æ©æµã‚’å¾—ã‚‰ã‚Œãã†ã§ã™ã€‚4Gãƒ»5Gã§ã®é€šä¿¡å®¹é‡ã®ç¯€ç´„ã«ãªã‚‹ã§ã—ã‚‡ã†ã—ã€‚

Webæ¨™æº–

ãƒ–ãƒ©ã‚¦ã‚¶æœ€æ–°å‹•å‘

Safari

techfeed
ãƒªãƒ³ã‚¯
ã‚ã£ã¡ã‚ƒèªã¿ã‚„ã™ã„ãƒ¢ãƒªã‚µãƒ¯ã®ã€ŒBIZ UDã€ãƒ•ã‚©ãƒ³ãƒˆãŒã€ŒGitHubã€ã«ï¼ç¸›ã‚Šã®æ¯”è¼ƒçš„ç·©ã„ã€ŒSIL OFL- 1.1ã€ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã§ã‚«ã‚¹ã‚¿ãƒ ãƒ•ã‚©ãƒ³ãƒˆã®ãƒ™ãƒ¼ã‚¹ã«ãƒ”ãƒƒã‚¿ãƒªï¼Ÿã€ã‚„ã˜ã†ã¾ã®æœã€‘
yasu-log 2022/03/24
BIZ UDãƒ•ã‚©ãƒ³ãƒˆãŒGitHub/Google Fontsã§å…¬é–‹ã•ã‚ŒãŸã“ã¨ãŒè©±é¡Œã«ãªã£ã¦ã„ã‚‹ã®ã§ã™ãŒã€Windows 10 October 2018 Updateä»¥é™ã§æ¨™æº–æè¼‰ã•ã‚Œã¦ã„ã¾ã™ã€‚ ä»Šå›žã®ãƒªãƒã‚¸ãƒˆãƒªã®å…¬é–‹ã«ã‚ˆã£ã¦ã€macOSã§ã‚‚åˆ©ç”¨ã§ãã‚‹ã¨ã‹ã€ï¼ˆãƒ©ã‚¤ã‚»ãƒ³ã‚¹çš„ã«ï¼‰ãƒ‡ã‚¶ã‚¤

ãƒ•ã‚©ãƒ³ãƒˆ

GitHub

Git

techfeed
ãƒªãƒ³ã‚¯
ã‚¯ãƒ©ã‚¦ãƒ‰ã¨æ©Ÿæ¢°å¦ç¿’ã§ä»£æ›¿ãƒ†ã‚ã‚¹ãƒˆã®ãªã„ç”»åƒã«èª¬æ˜Žã‚’ä»˜ä¸Ž ï½žã€ŒMicrosoft Edgeã€ã«æ–°ã—ã„ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ãƒ„ãƒ¼ãƒ«ï¼ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãƒªãƒ¼ãƒ€ãƒ¼ã‚’é ¼ã‚Šã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’é–²è¦§ã™ã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ãŸã‚ã®æ”¯æ´æ©Ÿèƒ½
yasu-log 2022/03/23
è©¦ã—ã¦ã¿ãŸã‚‰ã€æ„å¤–ã¨ãƒ†ã‚ã‚¹ãƒˆæ–‡å—ãŒèªã¿ä¸Šã’ã•ã‚Œã¾ã—ãŸã€‚ ãƒ»ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãƒªãƒ¼ãƒ€ãƒ¼ã«ä½¿ã„æ…£ã‚Œã¦ã„ãªã„ã®ã§ã€ã“ã®æ©Ÿèƒ½ã‚’ä½“é¨“ã™ã‚‹ã®ãŒå¤§å¤‰ã ã£ãŸ ãƒ»ç”»åƒå†…ã«ãƒ†ã‚ã‚¹ãƒˆãŒã‚ã‚‹ã¨ã€èªã¿ä¸Šã’ã«æˆåŠŸã—ã‚„ã™ã‹ã£ãŸ ãƒ»æŠ½è±¡çš„ãªç”»

IE

Microsoft Edge

Webæ¨™æº–

ãƒ–ãƒ©ã‚¦ã‚¶æœ€æ–°å‹•å‘

Web Accessibility

techfeed
ãƒªãƒ³ã‚¯
ç´ ã®JavaScriptã ã‘ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿè£…ã™ã‚‹Web Animations API
2022å¹´3æœˆ17æ—¥ JavaScript Web Animations APIã¨ã¯ã€ä»–ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã‚’ä½¿ã‚ãšã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿè£…ã§ãã‚‹JavaScriptã®ä»•æ§˜ã§ã™ã€‚CSSã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¨é•ã„ã€æ§˜ã€…ãªé–¢æ•°ã‚„ã‚¤ãƒ™ãƒ³ãƒˆã¨çµ„ã¿åˆã‚ã›ã¦ã‚ˆã‚ŠæŸ”è»Ÿã«ã€ã‚ˆã‚Šè±Šã‹ãªè¡¨ç¾ãŒå¯èƒ½ã¨ãªã‚Šã¾ã™ã€‚ä»Šå›žã¯ãã‚“ãªWeb Animations APIã‚’ä½¿ã£ã¦ã¿ã¾ã—ã‚‡ã†ï¼ â†‘ç§ãŒ10å¹´ä»¥ä¸Šåˆ©ç”¨ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ Web Animations APIã®åŸºæœ¬ã®æ›¸ãæ–¹ åŸºæœ¬çš„ãªè€ƒãˆæ–¹ã‚„æ§‹é€ ã¯CSSã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¨åŒã˜ã§ã™ãŒã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®å†…å®¹ã‚„ã©ã†å‹•ã‹ã™ã‹ã®æŒ‡å®šã¯ã€é…åˆ—ã‚„ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã§è¨˜è¿°ã—ã¦ã„ãã¾ã™ã€‚åŸºæœ¬å½¢ã¯ã“ã‚“ãªæ„Ÿã˜ï¼š JavaScript å‹•ã‹ã™è¦ç´ .animate(å‹•ã‹ã™å†…å®¹, å‹•ãã®è©³ç´°); å‹•ã‹ã™å†…å®¹ï¼ˆã‚ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ï¼‰ animate() ã®ç¬¬ä¸€å¼•æ•°ã«ã¯å‹•ã‹ã™å†…å®¹ã€ã‚ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚’æŒ‡å®šã—ã¾ã™ã€‚CSSã¨åŒã˜å½¢ã§ãƒ—ãƒ
yasu-log 2022/03/18
ã¨ã¦ã‚‚ã‚ã‹ã‚Šã‚„ã™ã„è¨˜äº‹ã€‚ã¡ãªã¿ã«ã€Web Animations APIã¯ä¾¿åˆ©ãªã®ã§ã™ãŒã€DOMã«ç”ŸãˆãŸAPIãªã®ã§ã€WebGLã‚„Canvasã§åˆ©ç”¨ã§ããªã„ã®ãŒæ³¨æ„ç‚¹ã§ã™ã€‚

JavaScript

APIã‚¨ã‚³ãƒŽãƒŸãƒ¼

Webæ¨™æº–

ãƒ–ãƒ©ã‚¦ã‚¶æœ€æ–°å‹•å‘

techfeed
ãƒªãƒ³ã‚¯
Hooksæ™‚ä»£ã®Reactãƒ©ã‚¤ãƒ•ã‚µã‚¤ã‚¯ãƒ«å®Œå…¨ç†è§£ã¸ã®é“
ã¯ã˜ã‚ã« ã“ã‚Œã¯ã‚¯ãƒ©ã‚¹ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ãƒ©ã‚¤ãƒ•ã‚µã‚¤ã‚¯ãƒ«ã‚’ç†è§£ã—ãŸä¸Šã§ã€ãã‚Œã«å¯¾å¿œã™ã‚‹ã‚ˆã†ã«é–¢æ•°ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ãƒ©ã‚¤ãƒ•ã‚µã‚¤ã‚¯ãƒ«ã‚’ç†è§£ã—ã‚ˆã†ã¨ã„ã†è©¦ã¿ã§ã™ã€‚ åŽ³å¯†ã«ã¯Reactã®ãƒ©ã‚¤ãƒ•ã‚µã‚¤ã‚¯ãƒ«ã¯ã‚¯ãƒ©ã‚¹ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¨é–¢æ•°ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãã‚Œãžã‚Œã§é•ã†æ¦‚å¿µã‚’æŒã£ã¦ã„ã‚‹ã‚ˆã†ã§ã€ãã‚Œãžã‚Œã®ãƒ©ã‚¤ãƒ•ã‚µã‚¤ã‚¯ãƒ«ã«ç´ä»˜ã‘ã¦è€ƒãˆã‚‹ã¨ã„ã†è¡Œç‚ºè‡ªä½“ãŒãƒŠãƒ³ã‚»ãƒ³ã‚¹ãªå¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ãŒã€ç†è§£ã®æ‰‹åŠ©ã‘ã«ãªã‚Œã°å¹¸ã„ã§ã™ã€‚ ãã®ãŸã‚ã€ãªã‚‹ã¹ãã‚ã‹ã‚Šã‚„ã™ãã™ã‚‹ãŸã‚ã«ã€åŽ³å¯†ã§ãªã„è¨€ã„æ–¹ã‚’ã™ã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ã”äº†æ‰¿ãã ã•ã„ã€‚ ã‚‚ã—æ˜Žã‚‰ã‹ã«ã¾ãšã„è¨€ã„å›žã—ã€ã‚‚ã—ãã¯é–“é•ã£ã¦èªè˜ã—ã¦ã„ã‚‹ã‚‚ã®ãŒã‚ã‚‹å ´åˆã¯ã‚³ãƒ¡ãƒ³ãƒˆã«ã¦æ•™ãˆã¦ã„ãŸã ã‘ã‚‹ã¨å¬‰ã—ã„ã§ã™ã€‚ ãƒ¢ãƒãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ åƒ•ã¯Reactã®çµŒé¨“ãŒã‚¯ãƒ©ã‚¹ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¯ã¡ã‚‡ã£ã¨ã ã‘æ›¸ã„ãŸã“ã¨ãŒã‚ã‚‹ãã‚‰ã„ã§ã€ã»ã¼é–¢æ•°ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆÃ—hooksã‹ã‚‰å…¥ã£ãŸã‚ˆã†ãªã‚‚ãªã®ã§ã„ã¾ã„ã¡ãƒ©ã‚¤ãƒ•ã‚µã‚¤ã‚¯ãƒ«ãŒç†è§£ã§ãã¦ã„ãªã„ã€‚
yasu-log 2022/03/17
ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã¨æç”»ã®é•ã„ã«ã¤ã„ã¦ã€ã‚³ãƒ¡ãƒ³ãƒˆæ¬„ã§èª¬æ˜Žã•ã‚Œã¦ã„ã¾ã™ã€‚Reactã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã¨æç”»ã‚’æ··åœ¨ã—ã¦èªè˜ã—ã¦ã„ã‚‹äººãŒå¤šã„ã®ã§ã€å‚è€ƒã«ãªã‚‹ã§ã—ã‚‡ã†ã€‚

React

techfeed
ãƒªãƒ³ã‚¯
Edgeã€Firefoxã‚’æŠœãå‹¢ã„ - 2æœˆãƒ–ãƒ©ã‚¦ã‚¶ã‚·ã‚§ã‚¢
Net Applicationsã‹ã‚‰2020å¹´2æœˆã®ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚·ã‚§ã‚¢ãŒç™ºè¡¨ã•ã‚ŒãŸã€‚2020å¹´2æœˆã¯Chromeã¨EdgeãŒã‚·ã‚§ã‚¢ã‚’å¢—ã‚„ã—ã€Firefoxã€Internet Explorerã€SafariãŒã‚·ã‚§ã‚¢ã‚’æ¸›ã‚‰ã—ãŸã€‚ã‚·ã‚§ã‚¢ã®ä¸Šã§ã¯2ä½ä»¥ä¸‹ã‚’å¼•ãé›¢ã—ã¦å¼·ã„å˜åœ¨æ„Ÿã‚’ç¤ºã—ã¦ã„ã‚‹Chromeã ãŒã€éŽåŽ»1å¹´é–“ã®æŽ¨ç§»ã¯æ¨ªã°ã„å‚¾å‘ã‚’ç¤ºã—ã¦ãŠã‚Šã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—å‘ã‘ã®Webãƒ–ãƒ©ã‚¦ã‚¶ã¨ã—ã¦ã¯ã»ã¨ã‚“ã©ã‚·ã‚§ã‚¢ãŒå¤‰ã‚ã‚‰ãªã„çŠ¶æ³ã«ãªã‚Šã¤ã¤ã‚ã‚‹ã€‚ ä¸€æ–¹ã€é †ä½ã¯3ä½ã ãŒã€Microsoft Edgeã¯éŽåŽ»1å¹´é–“ã«ã‚ãŸã‚Šå¢—åŠ å‚¾å‘ã«ã‚ã‚‹ã€‚ã™ã§ã«Chromiumã‚’ãƒ™ãƒ¼ã‚¹ã«é–‹ç™ºã•ã‚ŒãŸæ–°ã—ã„ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®Microsoft Edgeã¯ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¦ãŠã‚Šã€ä»Šå¾ŒWindows UpdateçµŒç”±ã§ã‚ˆã‚Šå¤šãã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«è¡Œãæ¸¡ã‚‹ã“ã¨ã«ã‚‚ãªã£ã¦ã„ã‚‹ã€‚ç¾åœ¨ã®å‚¾å‘ãŒç¶šã„ãŸå ´åˆã€Firefoxã¨Microsoft Edgeã®é †ä½ã¯é€†è»¢
yasu-log 2020/03/04
ã¾ã˜ã‹ï½¥ï½¥ï½¥ï¼

Webæ¨™æº–

ãƒ–ãƒ©ã‚¦ã‚¶æœ€æ–°å‹•å‘

Firefox

IE

Microsoft Edge

techfeed

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
Vueãƒ•ã‚¡ã‚¤ãƒ« ã® jQuery ã§ $ is not defined ã«ãŸã¾ã«éé‡ã™ã‚‹ - Qiita
èƒŒæ™¯ vueã§jqueryã‚’ä½¿ã£ã¦ã„ã‚‹ã¨ãã« $ is not defined ã‚„, jQuery is not definedã«éé‡ã™ã‚‹ã®ã§ã‚½ãƒƒã¨ãƒ¡ãƒ¢ã£ã¦ãŠãã¾ã™ $ is not definedã«ã¤ã„ã¦ // ï¼Š ä»Šå›žã¯jQueryã‚’CDNã§èªã¿è¾¼ã¿ã¾ã™ <script src="https://ajax.google apis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script> export default { mounted: function () { } } </script>
yasu-log 2020/03/03
jQueryã¨Vue.jsã‚’æ··ãœã‚‹ãªå±é™ºã€çš„ãªï½¥ï½¥ï½¥

jQuery

Vue.js

techfeed

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
Vue Fes Japan 2019ã«é–¢ã™ã‚‹ã”å ±å‘Šï½œkazupon
ç§ãŸã¡Vue.jsæ—¥æœ¬ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚°ãƒ«ãƒ¼ãƒ—ãŒã€æ˜¨å¹´ã®å°é¢¨19å·ã®æŽ¥è¿‘ã«ä¼´ã„ã€ŒVue Fes Japan 2019ã€ã®é–‹å‚¬ä¸æ¢ã‚’æ±ºæ–ã—ã¦ã‹ã‚‰æ—©5ãƒ¶æœˆãŒçµŒã¨ã†ã¨ã—ã¦ã„ã¾ã™ã€‚ æ”¹ã‚ã¦ã€å‚åŠ ã‚’äºˆå®šã•ã‚Œã¦ã„ãŸçš†æ§˜ã€ã‚¹ãƒãƒ³ã‚µãƒ¼å„ç¤¾æ§˜ã€ã‚¹ãƒ”ãƒ¼ã‚«ãƒ¼ã®çš†æ§˜ã€é–¢ä¿‚å„ä½ã«å¤šå¤§ãªã”è¿·æƒ‘ã€ã”å¿ƒé…ã‚’ãŠã‹ã‘ã—ã¾ã—ãŸã“ã¨ã‚’ãŠè©«ã³ç”³ã—ä¸Šã’ã¾ã™ã€‚ ã“ã®åº¦ã€æ™‚é–“ã‚’è¦ã—ã¦ã„ãŸèˆˆè¡Œä¸æ¢ä¿é™ºã®æ‰‹ç¶šããŒå®Œäº†ã—ã€ã‚¹ãƒãƒ³ã‚µãƒ¼å„ç¤¾æ§˜ã¸ã®å”è³›é‡‘ã®è¿”é‡‘ã‚’é–‹å§‹ã—ãŸã“ã¨ã‚’ã”å ±å‘Šã™ã‚‹ã¨ã¨ã‚‚ã«ã€ãã®æ¦‚è¦ã«ã¤ã„ã¦ã”èª¬æ˜Žã„ãŸã—ã¾ã™ã€‚ Vue Fes Japan 2019ã§åŠ å…¥ã—ã¦ã„ãŸèˆˆè¡Œä¸æ¢ä¿é™ºã¯ã€ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹å½“æ—¥ã«æ‚ªå¤©å€™ã¾ãŸã¯äº¤é€šæ©Ÿé–¢ã®ãƒžãƒ’ãŒç™ºç”Ÿã—ãŸå ´åˆã€å®Ÿæ–½ã«éš›ã—ã¦æ”¯å‡ºã™ã‚‹è²»ç”¨ã®ä¸€éƒ¨ã‚’è£œå„Ÿã™ã‚‹å¥‘ç´„å†…å®¹ã§ã™ã€‚ã‚ˆã£ã¦æ”¯å‡ºé¡ã®æº€é¡ãŒè£œå„Ÿã•ã‚Œã‚‹ã‚ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ ã¾ãŸã€ä¸€éƒ¨æ”¯å‡ºã§ã¯åŒä¿é™ºã®è£œå„Ÿå¯¾è±¡å¤–ã¨ã•ã‚ŒãŸè²»ç”¨ï¼ˆæµ·å¤–ã‚¹ãƒ”ãƒ¼ã‚«ãƒ¼æ‹›å¾…ã®ãŸã‚ã®æ—…è²»ã€å®¿æ³Šè²»ãªã©ï¼‰ã‚„ã€
yasu-log 2020/03/03
ã“ã†ã‚„ã£ã¦çµŒéŽã‚’å ±å‘Šã•ã‚Œã‚‹å§¿å‹¢ãŒç´ æ™´ã‚‰ã—ã„ï¼ ã‚¦ã‚§ã‚¶ãƒ¼ãƒ‹ãƒ¥ãƒ¼ã‚ºã•ã‚“ã‹ã‚‰ã®æƒ…å ±æä¾›ã‚µãƒãƒ¼ãƒˆã¨ã„ã†ã®ã‚‚åˆ¤æ–ã«ãŠå½¹ç«‹ã¦ã•ã‚Œã¦ã„ãŸã®ã§ã™ãã€‚

Vue.js

techfeed

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
Vue.jsæœªçµŒé¨“ã®ãƒ™ãƒ†ãƒ©ãƒ³ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã«ä½œæ¥ä¾é ¼ã—ãŸã¨ã“ã‚é›£ãªãã“ãªã—ã¦ã—ã¾ã†ã®ã§ã™ãŒã€éš ã‚Œã¦åŠªåŠ›ã—ã¦ã‚‹ã®ã§ã—ã‚‡ã†ã‹ï¼Ÿãã‚Œã¨ã‚‚çµŒé¨“ã«ã‚ˆã‚Šæ–°ã—ã„ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«ã‚‚å¯¾å¿œã§ãã¦ã—ã¾ã†ã®ã§ã—ã‚‡ã†ã‹ï¼Ÿ
å›žç” (6ä»¶ä¸ã®1ä»¶ç›®) VBæ´20å¹´ã§ã™ãŒã€ã¡ã‚‡ã£ã¨åŠªåŠ›ã—ã¾ã—ãŸã€‚node.jsãƒ™ãƒ¼ã‚¹ã®é–‹ç™ºãŒåˆã‚ã¦ã ã£ãŸã‚‚ã®ã§ã€‚ ã“ã‚Œã¾ã§ã‚‚ä½•åº¦ã‹node.jsç’°å¢ƒã«ãƒãƒ£ãƒ¬ãƒ³ã‚¸ã—ãã†ãªã‚¿ã‚¤ãƒŸãƒ³ã‚°ã¯ã‚ã£ãŸã®ã§ã™ãŒã€ã€Œãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒ‡ã‚£ã‚¿ã•ãˆã‚ã‚Œã°ã§ãã‚‹Webé–‹ç™ºã«ã€node.jsã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã›ã‚ˆã¨ã¯ä½•æ§˜ï¼ï¼Ÿãµã–ã‘ã‚‹ãªï¼ã€ã¨ã„ã†æ„è˜ãŒã‚ã‚Šã€è‡ªã‚‰ãƒãƒ£ãƒ³ã‚¹ã‚’æ¨ã¦ã¦ã„ã¾ã—ãŸã€‚ ã—ã‹ã—åŒæ™‚ã«ã€jQueryã‚´ãƒªã‚´ãƒªã®é–‹ç™ºã«å«Œæ°—ãŒã•ã—ã¦ã‚‚æ¥ã¦ã„ã¾ã—ãŸã€‚ã€Œãªã‚“ã§ã“ã“ã¾ã§ãŒã‚“ã°ã£ã¦DOMæ“ä½œã›ã‚“ã¨ã‚ã‹ã‚“ã®ï¼Ÿã€ã€ŒWebã£ã¦ã‚‚ã£ã¨å˜ç´”ã‚„ã£ãŸã‚„ã‚“ï¼Ÿå‡ã£ãŸGUIã—ãŸã‹ã£ãŸã‚‰Webãªã‚“ã¦é¸ã¶ãªã‚ˆã€‚ã€ã€Œã“ã®ã‚´ãƒªã‚´ãƒªã‚½ãƒ¼ã‚¹ã‚’ãƒ¦ãƒ¼ã‚¶...
yasu-log 2020/02/25
ã€Œãƒ†ãƒ‡ã‚£ãƒ™ã‚¢åŠ¹æžœã€

Vue.js

GitHub

techfeed

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
Google Fontsã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã‚’ç°¡å˜ã«è»½é‡åŒ–ã§ãã‚‹ï¼æ—¥æœ¬èªžãƒ•ã‚©ãƒ³ãƒˆã«ã‚‚å¯¾å¿œ
Google Fontsã¯è‹±èªž ãƒ•ã‚©ãƒ³ãƒˆã ã‘ã§ãªãæ—¥æœ¬èªžãƒ•ã‚©ãƒ³ãƒˆã‚‚ã‚ã‚Šã€ã™ã§ã«ä½¿ç”¨ã—ã¦ã„ã‚‹äººã€ã‚‚ã—ãã¯ä½¿ç”¨ã‚’æ¤œè¨Žã—ã¦ã„ã‚‹äººã‚‚å¤šã„ã¨æ€ã„ã¾ã™ã€‚ãã®éš›ã«æ‡¸å¿µã•ã‚Œã‚‹ã®ãŒã€ãƒ•ã‚©ãƒ³ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã®ã‚µã‚¤ã‚ºã§ã™ã€‚ ãƒ•ã‚©ãƒ³ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã®ã‚µã‚¤ã‚ºã‚’åŠ‡çš„ã«è»½æ¸›ã§ãã‚‹æ©Ÿèƒ½ãŒã‚ã‚Šã¾ã™ã€‚ ãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿ãƒ¼ã§ä½¿ç”¨ã™ã‚‹æ–‡å—ã®ã¿ãƒ•ã‚©ãƒ³ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã‚ã€ã“ã‚Œã«ã‚ˆã‚Šãƒ•ã‚©ãƒ³ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã®ã‚µã‚¤ã‚ºã‚’å¤§å¹…ã«å‰Šæ¸›ã§ãã¾ã™ã€‚ ã‚¿ã‚¤ãƒˆãƒ«ã‚„è¦‹å‡ºã—ã®ã¿ã«Google Fontsã‚’ä½¿ã„ãŸã„æ™‚ã«ã´ã£ãŸã‚Šã§ã™ã€‚ Google Fonts -Optimizing your font requests Google Chromeã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ ãƒžãƒãƒ¼ã‚¸ãƒ£ãƒ¼ã§ã‚ã‚‹Addy Osmaniæ°ã«ã‚ˆã‚‹ã¨ã€CSSãƒ•ã‚¡ã‚¤ãƒ«ã«ãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿ãƒ¼ã‚’ä»˜ã‘ã‚‹ã ã‘ã§ç°¡å˜ã«ã§ãã‚‹ã€ã¨ã®ã“ã¨ã§ã™ã€‚ æ—¥æœ¬èªžãƒ•ã‚©ãƒ³ãƒˆã«ã‚‚å¯¾å¿œã—ã¦ã„ã¾ã™ï¼ Tip: Shave up to 90% off the size
yasu-log 2020/02/19
"Google Fontsã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã‚’ç°¡å˜ã«è»½é‡åŒ–ã§ãã‚‹ï¼æ—¥æœ¬èªžãƒ•ã‚©ãƒ³ãƒˆã«ã‚‚å¯¾å¿œ"

ãƒ•ã‚©ãƒ³ãƒˆ

CSS

Webæ¨™æº–

ãƒ–ãƒ©ã‚¦ã‚¶æœ€æ–°å‹•å‘

techfeed

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
1