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

n2sz id:n2sz

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

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

Webãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§3D/2Dãƒ¢ãƒ‡ãƒ«ã‚’ã¬ã‚‹ã¬ã‚‹å‹•ã‹ã›ã‚‹ã€ŒBabylon.js 6ã€æ£å¼ç‰ˆã«ã€‚ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°æ€§èƒ½ãŒæœ€å¤§50å€ã€WASMåŒ–ã—ãŸç‰©ç†æ¼”ç®—ã‚¨ãƒ³ã‚¸ãƒ³æè¼‰ã€æ¶²ä½“ã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚‚
ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆã¯ã€Webãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§2Dã‚„3Dãƒ¢ãƒ‡ãƒ«ã®é«˜é€Ÿãªãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãªã©ã‚’å¯èƒ½ã«ã™ã‚‹ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã®JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒBabylon.jsã€ã®æœ€æ–°ç‰ˆã€ŒBabylon.js 6.0ã€æ£å¼ç‰ˆã‚’ãƒªãƒªãƒ¼ã‚¹ã—ã¾ã—ãŸã€‚ We are thrilled to officially announce the release of Babylon.js 6.0! The web just got a WHOLE lot more exciting!https://t.co/q0JVsQaTSd#babylonJS6 #gamedev #indiedev #webdev #Metaverse #3D #webgl #gamedevelopment #IndieGameDev #webdeveloper pic.twitter.com/owV6YLp1zc â€” Babylon.js (@bab
n2sz 2023/04/26
3D

javascript
ãƒªãƒ³ã‚¯
Auth.js | Authentication for the Web
// auth.ts import NextAuth from "next-auth" import GitHub from "next-auth/providers/github" export const { auth, handlers } = NextAuth({ providers: [GitHub] }) // middleware.ts export { auth as middleware } from "@/auth" // app/api/auth/[...nextauth]/route.ts import { handlers } from "@/auth" export const { GET, POST } = handlers // src/auth.ts import { SvelteKitAuth } from "@auth/sveltekit" impor
n2sz 2023/01/01
javascript
ãƒªãƒ³ã‚¯
setTimeout ã®çœŸã®åŠ›ã€ã‚ãªãŸã¯çŸ¥ã£ã¦ã„ã¾ã™ã‹ï¼Ÿ - Qiita
å¤§é›‘æŠŠãªç†è§£ã¨ã—ã¦ã¯å•é¡Œãªã„ã§ã™ãŒã€å®Ÿã¯ setTimeout ã®éš ã•ã‚ŒãŸèƒ½åŠ›ã¯ãã‚Œã ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ setTimeout ã®éš ã•ã‚ŒãŸèƒ½åŠ›ã‚’çŸ¥ã‚‹ã¨ã©ã‚“ãªè‰¯ã„ã“ã¨ãŒã‚ã‚‹ã®ã§ã—ã‚‡ã†ã‹ï¼Ÿ ä¾‹ãˆã°ã€æ¬¡ã®ã‚ˆã†ãªè‰¯ã„ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ã«å¯¾ã™ã‚‹ç†è§£ãŒæ·±ã¾ã‚‹ Web ã‚µã‚¤ãƒˆã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’å‘ä¸Šã•ã›ã‚‹ã“ã¨ãŒã§ãã‚‹ ãƒ‰ãƒ¤ã‚Œã‚‹ ã¾ãšã€ ãƒ–ãƒ©ã‚¦ã‚¶ã«å¯¾ã™ã‚‹ç†è§£ãŒæ·±ã¾ã‚Šã¾ã™ ã€‚ ã‹ã®ã‚¢ãƒªã‚¹ãƒˆãƒ†ãƒ¬ã‚¹ã¯ã“ã†è¨€ã„æ®‹ã—ã¾ã—ãŸã€‚ Knowing setTimeout is the beginning of all wisdom. ( setTimeout ã‚’çŸ¥ã‚‹ã“ã¨ã¯ã€ã™ã¹ã¦ã®çŸ¥æµã®å§‹ã¾ã‚Šã§ã‚ã‚‹) setTimeout ã‚’çŸ¥ã‚‹ã“ã¨ã¯ï¼ˆãƒ–ãƒ©ã‚¦ã‚¶ã®ï¼‰ã™ã¹ã¦ã®çŸ¥æµã®ã¯ã˜ã¾ã‚Š ã¨è¨€ã£ã¦éŽè¨€ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ æ™®æ®µãªã«ã’ãªã setTimeout ã‚’ä½¿ã£ã¦ã„ã¦ã‚‚ã€ã€Œå®Ÿã¯ãƒ–ãƒ©ã‚¦ã‚¶ã¯è£ã§ã“ã‚“ãªã“ã¨ã—ã¦ã„ã‚‹ã‚“ã ãƒ¼ã€ã¨ã„ã†æ–°ã—ã„çŸ¥è¦‹
n2sz 2022/11/03
setTimeoutä½¿ã„ã™ãŽã‚‹ã¨ç®¡ç†ã—ã«ãããªã‚‹ã‹ã‚‰ãªã‚ã€‚æ‰‹è»½ã«ã¯æ‰‹è»½ãªã‚“ã ã‘ã©ã€‚

javascript
ãƒªãƒ³ã‚¯
JavaScriptã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã«ã¤ã„ã¦
ã©ã†ã‚‚oreoã§ã™ã€‚ ä»Šå›žã¯ãƒ¢ãƒ€ãƒ³ãªJavaScripté–‹ç™ºç’°å¢ƒã§å½¹ç«‹ã¤ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã“ã®è¨˜äº‹ã¯ã€JavaScript Patterns Workshopã¨Patterns.devã‚’å‚è€ƒã«ã—ã¦ã„ã¾ã™ã€‚ æœ‰åãªã€ŒJavaè¨€èªžã§å¦ã¶ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³å…¥é–€ã€ãªã©ã§ã¯ã€å¤å…¸çš„ãª23å€‹ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ãŒã€JavaScript Patterns Workshopã§ã¯Patterns.devã‚’ãƒ™ãƒ¼ã‚¹ã¨ã—ã¦ã€ãƒ¢ãƒ€ãƒ³ãªJavaScriptã«ãŠã‘ã‚‹6ã¤ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã«ã¤ã„ã¦è¨€åŠã•ã‚Œã¦ã„ã¾ã™ã€‚ã“ã®è¨˜äº‹ã§ã¯ãã‚Œã‚‰ã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ï¼ â€»æœ¬è¨˜äº‹ä¸ã®ã‚³ãƒ¼ãƒ‰ã¯ã€JavaScript Patterns Workshopã¨Patterns.devã‹ã‚‰å¼•ç”¨ã•ã›ã¦ã„ãŸã ã„ã¦ãŠã‚Šã¾ã™ã€‚ 1 Design Patternsã¨ã¯ï¼Ÿ ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã¨ã¯ã€ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢é–‹ç™ºã§ç¹°ã‚Šè¿”ã—
n2sz 2022/10/11
javascript

é–‹ç™º
ãƒªãƒ³ã‚¯
ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆã€Webãƒ–ãƒ©ã‚¦ã‚¶ã§3Dã‚²ãƒ¼ãƒ ãŒã³ã‚…ã‚“ã³ã‚…ã‚“å‹•ãã€ŒBabylon.js 5.0ã€æ£å¼ãƒªãƒªãƒ¼ã‚¹ã€WebGPUã«ãƒ•ãƒ«å¯¾å¿œã€iOS/Androidãªã©ã‚¯ãƒã‚¹ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ å±•é–‹ã‚‚
ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆã€Webãƒ–ãƒ©ã‚¦ã‚¶ã§3Dã‚²ãƒ¼ãƒ ãŒã³ã‚…ã‚“ã³ã‚…ã‚“å‹•ãã€ŒBabylon.js 5.0ã€æ£å¼ãƒªãƒªãƒ¼ã‚¹ã€WebGPUã«ãƒ•ãƒ«å¯¾å¿œã€iOS/Androidãªã©ã‚¯ãƒã‚¹ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ å±•é–‹ã‚‚ ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆã¯ã€JavaScriptã§2Dã‚„3Dãƒ¢ãƒ‡ãƒ«ã‚’é«˜é€Ÿã«æ‰±ãˆã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒBabylon.jsã€ã®æœ€æ–°ç‰ˆã€ŒBabylon.js 5.0ã€æ£å¼ç‰ˆã‚’ãƒªãƒªãƒ¼ã‚¹ã—ã¾ã—ãŸã€‚ We'd like to formally introduce the next version of the Babylon Platform - #BabylonJS5 Blog: https://t.co/aMgjIIeIin Video: https://t.co/OMssjZZPPz#gamedev #gamedevelopment #indiedev #indiedeveloper #webdev #3D @WebGPU #w
n2sz 2022/05/18
javascript

3D
ãƒªãƒ³ã‚¯
ã„ã¡ã°ã‚“ã‚„ã•ã—ã„ webpack å…¥é–€
webpack is ä½•? webpack ã¨ã¯ã€ä¸€è¨€ã§è¨€ã†ã¨ JavaScript å‘ã‘ã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ãƒãƒ³ãƒ‰ãƒ©ãƒ¼ã§ã™ã€‚ è¤‡æ•°ã® JavaScript ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’ä¸€ã¤ï¼ˆã¾ãŸã¯ã„ãã¤ã‹ï¼‰ã®ãƒ•ã‚¡ã‚¤ãƒ«ã¸ãƒãƒ³ãƒ‰ãƒ«ï¼ˆ=bundle: æŸã«ã™ã‚‹ã€åŒ…ã‚€ï¼‰ã—ã¦ãã‚Œã¾ã™ã€‚ è¤‡æ•°ã® JS ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’ï¼ˆå ´åˆã«ã‚ˆã£ã¦ã¯ CSS ã‚„ç”»åƒãªã©ã®ã‚¢ã‚»ãƒƒãƒˆé¡žã‚‚ï¼‰ä¸€ã¤ã«ã¾ã¨ã‚ã‚‹ ä½¿ã†ãƒ¡ãƒªãƒƒãƒˆã¯ä½•ï¼Ÿ ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’ 1 ã¤ï¼ˆã‚‚ã—ãã¯å°‘æ•°ï¼‰ã«ã¾ã¨ã‚ã‚‹ã“ã¨ã§ãƒ–ãƒ©ã‚¦ã‚¶ã‹ã‚‰ã®ãƒªã‚¯ã‚¨ã‚¹ãƒˆæ•°ã‚’æ¸›ã‚‰ã—ã€ãƒ•ã‚¡ã‚¤ãƒ«è»¢é€ã®åŠ¹çŽ‡ãŒå‘ä¸Šã—ã¾ã™ã€‚ ES Modules ã‚„ CommonJS å½¢å¼ã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ãªã©ã€ã•ã¾ã–ã¾ãªå½¢å¼ã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ ä¸Šè¨˜ã® JS ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã®ã¿ãªã‚‰ãšã€CSS ã‚„ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã‚‚ãƒãƒ³ãƒ‰ãƒ«ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã¨ã‚Šã‚ãˆãš webpack ã‚’ä½¿ã£ã¦ã¿ã‚‹
n2sz 2022/05/04
ã‚ã¨ã§èªã‚€

javascript
ãƒªãƒ³ã‚¯
Three.jsã®å‹‰å¼·ã®ä»•æ–¹ - Qiita
æ¦‚è¦ Three.jsã®å‹‰å¼·ã‚’å§‹ã‚ã¦åŠå¹´ãã‚‰ã„ãŒçµŒéŽã—ã¾ã—ãŸã€‚ ç¾åœ¨ã¯ã€ä»¥ä¸‹ã®ã‚ˆã†ãªã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œæˆã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ https://nemutas.github.io/r3f-normal-color/ ã“ã“ã¾ã§ã«è‡³ã‚‹éŽç¨‹ã‚’å°‘ã—ã¾ã¨ã‚ã‚‰ã‚ŒãŸã‚‰ã¨æ€ã„ã¾ã™ã€‚ React Three Fiber ã«ã¤ã„ã¦ ç§ã¯ä¸»ã«ã€React Three Fiberï¼ˆThree.jsã‚’Reactç”¨ã«ãƒ©ãƒƒãƒ‘ãƒ¼ã—ãŸãƒ©ã‚¤ãƒ–ãƒ©ãƒªï½œä»¥ä¸‹ã€R3Fï¼‰ã‚’ä½¿ç”¨ã—ã¦é–‹ç™ºã—ã¦ã¾ã™ã€‚ ãƒãƒ‹ãƒ©ã®Three.jsã‚’è§¦ã‚‹å‰ã«ã€ã¤ã¾ã‚ŠThree.jsã®çŸ¥è˜ãŒã‚¼ãƒã®çŠ¶æ…‹ã®ã¨ãã‹ã‚‰R3Fã‚’ä½¿ã„å§‹ã‚ã¾ã—ãŸã€‚ ã¨ã¦ã‚‚ã‚ˆãè¨è¨ˆã•ã‚ŒãŸãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã€ã»ã‚“ã®æ•°è¡Œã§Boxã‚’è¡¨ç¤ºã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ãŸã ã—ã€ã‚ˆãè¨è¨ˆã•ã‚Œã¦ã„ã‚‹ã¨ã„ã†ã“ã¨ã¯ã€ãã‚Œã»ã©æŠ½è±¡åŒ–ã•ã‚Œã¦ã„ã‚‹ã¨ã„ã†ã“ã¨ã§ã™ã€‚å¦ã³å§‹ã‚ã®é ƒã¯è‡ªåˆ†ãŒä½œã‚ŠãŸã„ã‚·ãƒ¼ãƒ³ã‚’ä½œã‚‹ãŸã‚ã«ã€ã©ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’ã„ã˜
n2sz 2022/04/05
javascript

Three.js

3DCG
ãƒªãƒ³ã‚¯
JavaScriptã‚’éŠã³å°½ãã™ç©¶æ¥µã®Webã‚µãƒ¼ãƒ“ã‚¹ãƒ»ãƒ„ãƒ¼ãƒ«ã‚’åŽ³é¸ã—ã¦å¤§å…¬é–‹ï¼ -
ã©ã†ã‚‚ã€ã¾ã•ã¨ã‚‰ã‚“ï¼ˆ@0310lanï¼‰ã§ã™ï¼ ä»Šå›žã¯ã€JavaScriptã‚’ä½¿ã£ã¦ã¨ã«ã‹ãéŠã‚“ã ã‚Šæ¥½ã—ã‚“ã ã‚Šã§ãã‚‹ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªWebã‚µãƒ¼ãƒ“ã‚¹ã‚„ãƒ„ãƒ¼ãƒ«ã‚’åŽ³é¸ã—ã¦ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚²ãƒ¼ãƒ ä½“é¨“ã‚’ã—ãŸã‚Šã€ã‚¢ãƒ¼ãƒˆä½œå“ã‚’ä½œã£ãŸã‚Šã€JavaScriptã§é–‹ç™ºã•ã‚ŒãŸãƒ¦ãƒ‹ãƒ¼ã‚¯ãªã‚µãƒ¼ãƒ“ã‚¹ã‚’åˆ©ç”¨ã—ã¦ã˜ã£ãã‚Šã¨éŠã‚“ã§ã¿ã¾ã—ã‚‡ã†ã€‚ Webã®æ¥½ã—ã„ä¸–ç•Œã«ã”èˆˆå‘³ã‚ã‚‹æ–¹ã¯ã€ãœã²å‚è€ƒã«ã—ã¦ãã ã•ã„ï¼ â– ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ã„ã¦æˆ¦ã†ã‚ªãƒ³ãƒ©ã‚¤ãƒ³å¯¾æˆ¦ã‚²ãƒ¼ãƒ ã€yare.ioã€‘ ä¸–ç•Œä¸ã®ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã¨1å¯¾1ã§æˆ¦ã†ã‚²ãƒ¼ãƒ ãªã®ã§ã™ãŒã€ãã®æˆ¦ã„æ–¹ã¯JavaScriptã®ã‚³ãƒ¼ãƒ‰ã‚’ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«æ›¸ãæ›ãˆãªãŒã‚‰è‡ªæ©Ÿã‚’æ“ä½œã™ã‚‹ã¨ã„ã†ã®ãŒå¤§ããªç‰¹å¾´ã§ã™ã€‚ è¦‹ãŸç›®ã¯ç°¡ç´ ãªã‚·ãƒ¥ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã‚²ãƒ¼ãƒ ã§ã™ãŒã€å®Ÿã¯ã‹ãªã‚Šå¥¥æ·±ã„ã‚¹ãƒˆãƒ©ãƒ†ã‚¸ãƒ¼ã‚²ãƒ¼ãƒ ã¿ãŸã„ãªè¦ç´ ãŒè©°ã¾ã£ã¦ã„ã¾ã™ã€‚ ã‚²ãƒ¼ãƒ ã®å¤§ã¾ã‹ãªæµã‚Œã¨ã—ã¦ã¯ã€ä»¥ä¸‹ã®ã¨ãŠã‚Šã§ã™ã€‚ JavaScriptã§è‡ªæ©Ÿã‚’åˆ¶
n2sz 2022/01/28
javascript

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
three.jsã§æµä½“ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³(stable fluids) | mofu
We create beautiful expressions through programming and deliver the best possible experiences.
n2sz 2022/01/05
ã‚ã¨ã§èªã‚€

ç‰©ç†

javascript
ãƒªãƒ³ã‚¯
1