[B! JavaScript] k_oshimaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

k_oshima id:k_oshima

JavaScriptã«é–¢ã™ã‚‹k_oshimaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (92)

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

Porffor
An ahead-of-time JavaScript compiler Porffor compiles JavaScript ahead-of-time to WebAssembly and native binaries. It is currently in pre-alpha with usability beginning in 2025. JS -> Wasm Porffor's WebAssembly output is 10-30x smaller and faster compared to existing JS -> Wasm projects as Porffor compiles JS instead of bundling an interpreter in the Wasm output. JS as Wasm allows for sandboxed ex
k_oshima 2024/07/31
JavaScript

Wasm
ãƒªãƒ³ã‚¯
ARM ã«å˜åœ¨ã™ã‚‹ JavaScript å°‚ç”¨å‘½ä»¤ã€ŒFJCVTZSã€ã‚’è¿½ã†ï¼ˆã¤ã„ã§ã« V8 ã‚’ãƒ“ãƒ«ãƒ‰ã™ã‚‹ï¼‰
å‰å›žã®è¨˜äº‹ã§ã¯ã€JavaScript ã®å®Ÿè¡Œã‚¨ãƒ³ã‚¸ãƒ³ V8 ã® JIT å‡ºåŠ›ã‚³ãƒ¼ãƒ‰ã‚’èªã‚“ã§ã¿ã¾ã—ãŸã€‚è¨˜äº‹ã¯ M1 Mac ä¸Šã§å‹•ã‹ã—ãŸçµæžœã§ã—ãŸã®ã§ã€ARM ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã®ã‚¢ã‚»ãƒ³ãƒ–ãƒ©ã‚’èªã‚€ã“ã¨ã«ãªã‚Šã¾ã—ãŸã€‚ ã•ã¦ãã‚“ãª ARM ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã§ã™ãŒã€æœ€è¿‘ã® ARM ã«ã¯ FJCVTZS ã¨ã„ã† JavaScript å°‚ç”¨ã®æ©Ÿæ¢°èªžå‘½ä»¤ãŒã‚ã‚‹ã®ã‚’ã”å˜çŸ¥ã§ã—ã‚‡ã†ã‹ï¼ŸCPU ã«ã€ç‰¹å®šã®è¨€èªžï¼ˆãã‚Œã‚‚ã‚³ãƒ³ãƒ‘ã‚¤ãƒ©ã‚’æŒãŸãªã„ JavaScriptï¼‰å°‚ç”¨ã®å‘½ä»¤ãŒã‚ã‚‹ã¨çŸ¥ã£ãŸã¨ãã€ç§ã¯å¤§ã„ã«é©šãã¾ã—ãŸï¼ˆéŽåŽ»ã«ã‚‚ Jazelle ã¿ãŸã„ãªã‚‚ã®ã¯ã‚ã‚Šã¾ã—ãŸãŒï¼‰ ä»Šå›žã¯ã€ã“ã® FJCVTZS å‘½ä»¤ã«ã¤ã„ã¦ã€å®Ÿéš›ã«ã©ã‚Œã ã‘åŠ¹æžœãŒã‚ã‚‹ã®ã‹ã€V8 ã‚’ãƒ“ãƒ«ãƒ‰ã—ãªãŒã‚‰èª¿ã¹ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ FJCVTZS å‘½ä»¤ã¨ã¯ï¼Ÿ FJCVTZS å‘½ä»¤ã¯ã€Arm v8.3 ã‹ã‚‰å°Žå…¥ã•ã‚ŒãŸ JSCVT å‘½ä»¤ã®ä¸€ã¤ã§ã€JavaScript ã®è¨€
k_oshima 2024/06/10
JavaScript

ARM
ãƒªãƒ³ã‚¯
JavaScript ã§ CPU ãŒ Intel ã‹ã©ã†ã‹ã‚’åˆ¤å®šã™ã‚‹ï¼ˆã¤ã„ã§ã« JIT ã‚’æ¤œçŸ¥ã™ã‚‹ï¼‰
å…ˆæ—¥ã€æ¬¡ã®ã‚ˆã†ãª Tweet ã‚’è¦‹ã‹ã‘ã¾ã—ãŸ TIL I discovered that TensorFlow.js uses an interesting trick to sniff your CPU architecture in WebAssembly. pic.twitter.com/LVyywIM48I â€” Robert Knight (@robknight_) January 4, 2023 é¢ç™½ã‹ã£ãŸã®ã§ã€ãªãœã“ã†ãªã‚‹ã®ã‹ã®è§£èª¬ã¨ã€ã¤ã„ã§ã«ã“ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ä½¿ã£ãŸ JIT æ¤œçŸ¥æ–¹æ³•ãªã©ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ JavaScript ã«ãŠã‘ã‚‹ä½Žãƒ¬ã‚¤ãƒ¤ãƒ¼ã®æ‰±ã„ JavaScript ã«ãŠã„ã¦ã¯ã€æŒ™å‹•ãŒæ¯”è¼ƒçš„ã—ã£ã‹ã‚Šã¨ä»•æ§˜ã«å®šã‚ã‚‰ã‚Œã¦ã„ã‚‹ãŸã‚ã«ã€ç’°å¢ƒã«ã‚ˆã‚‹æŒ¯ã‚‹èˆžã„ã®é•ã„ã¯ã‚ã¾ã‚Šç™ºç”Ÿã—ã¾ã›ã‚“ã€‚ã—ã‹ã—ã€ä½Žãƒ¬ã‚¤ãƒ¤ãƒ¼ã«é™ã‚Šã‚‹ã»ã©æŒ¯ã‚‹èˆžã„ã¯å®Ÿè£…ä¾å˜ã«ãªã‚Šã€ç’°å¢ƒå·®ãŒç™ºç”Ÿã™ã‚‹ä½™åœ°ãŒå‡ºã¦ãã¾ã™ã€‚ ä¸€ç•ª
k_oshima 2023/01/11
JavaScript
ãƒªãƒ³ã‚¯
å¦„æƒ³çš„DHHç†è§£ - Qiita
Caution ã“ã®è¨˜äº‹ã¯DHHãƒ•ã‚¡ãƒ³ã®å¦„æƒ³ã«ã‚ˆã‚‹ã‚·ãƒŠãƒªã‚ªãŒå¤šåˆ†ã«å«ã¾ã‚Œã¾ã™ã€‚ ã¨ã„ã†ã‹ã»ã¨ã‚“ã©ã§ã™ã€‚ æˆã‚Šç«‹ã¡ãŒé–“é•ã£ã¦ã‚‹ã“ã¨ã‚‚å½“ç„¶ã‚ã‚‹ã‚ˆã†ã«æ€ã†ã®ã§è©±åŠåˆ†ã§èªã‚“ã§ãã ã•ã„ã€‚ ã“ã‚Œã¯ä¸€ä½“ æœ€è¿‘ã®Rails ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚„DHHã®æ´»å‹•ã«ã¯ä¸€é€£ã®æµã‚ŒãŒã‚ã‚‹ã‚ã‘ã§ã™ãŒã€ä¸€éƒ¨ãƒˆãƒ¬ãƒ³ãƒ‰ã«æ²¿ã£ã¦ãªã„éƒ¨åˆ†ãŒã‚ã‚‹æ•…ã«ãã‚ŒãŒæ±²ã‚ãªã„ã¨ã„ã†ã¨ã“ã‚ãŒã‚ã‚‹ã®ã§ã¯ã¨æ€ã„ã¾ã™ã€‚ ãã‚Œã‚‰ã®æµã‚Œã‚’è¨˜æ†¶ãŒå®šã‹ãªã†ã¡ã«ã¤ãªã„ã§è¨˜éŒ²ã—ã¦ãŠã“ã†ã¨ã„ã†è¨˜äº‹ã§ã™ã€‚ å‰æçŸ¥è˜ Railsã®ç”Ÿã¿ã®è¦ªã€Rubyist Basecamp(ç¤¾) DHHãŒCTOã‚„ã£ã¦ã‚‹ä¼šç¤¾ Basecamp(ã‚µãƒ¼ãƒ“ã‚¹) Basecamp(ç¤¾)ãŒé–‹ç™ºã—ã¦ã‚‹ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆç®¡ç†ãƒ„ãƒ¼ãƒ« Trixã‚’é–‹ç™ºã—ã¦ãŸã‚ã‚‹æ—¥ Basecamp(ã‚µãƒ¼ãƒ“ã‚¹)ã«çµ„ã¿è¾¼ã¾ã‚Œã¦ã‚‹ãƒªãƒƒãƒãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒ‡ã‚£ã‚¿ã®trixã‚’customElementsä½¿ã£ã¦é–‹ç™ºã—ã¦ãŸã‚ã‚‹æ—¥ã€DHHã¯ã‚ã‚‹ã“ã¨ã«æ°—ã¥ãã€‚
k_oshima 2021/09/22
[

rails

javascript

Basecamp

DHH
ãƒªãƒ³ã‚¯
ãƒˆãƒ©ãƒ³ã‚¹ãƒ‘ã‚¤ãƒ©ã€ŒBabelã€ã®é–‹ç™ºãƒãƒ¼ãƒ ã€ã€Œä½•ç™¾ä¸‡äººã«ã‚‚ä½¿ã‚ã‚Œã¦ã„ã‚‹ã®ã«ã€ãªãœç§ãŸã¡ã®è³‡é‡‘ã¯å°½ãã‚ˆã†ã¨ã—ã¦ã„ã‚‹ã®ã‹ï¼Ÿã€ã€‚è³‡é‡‘é›£ã«ã‚ˆã‚Šå¯„ä»˜ã‚’è¨´ãˆ
ãƒˆãƒ©ãƒ³ã‚¹ãƒ‘ã‚¤ãƒ©ã€ŒBabelã€ã®é–‹ç™ºãƒãƒ¼ãƒ ã€ã€Œä½•ç™¾ä¸‡äººã«ã‚‚ä½¿ã‚ã‚Œã¦ã„ã‚‹ã®ã«ã€ãªãœç§ãŸã¡ã®è³‡é‡‘ã¯å°½ãã‚ˆã†ã¨ã—ã¦ã„ã‚‹ã®ã‹ï¼Ÿã€ã€‚è³‡é‡‘é›£ã«ã‚ˆã‚Šå¯„ä»˜ã‚’è¨´ãˆ ã€ŒBabelã€ã¯ã€JavaScriptã‚³ãƒ³ãƒ‘ã‚¤ãƒ©ã‚‚ã—ãã¯ãƒˆãƒ©ãƒ³ã‚¹ãƒ‘ã‚¤ãƒ©ã®ä»£è¡¨çš„ãªãƒ„ãƒ¼ãƒ«ã¨ã—ã¦çŸ¥ã‚‰ã‚Œã¦ãŠã‚Šã€Facebookã‚„Spotifyã€Slackã€Mongo DBãªã©ã•ã¾ã–ã¾ãªä¼æ¥ã‚„é–‹ç™ºç¾å ´ã§ä½¿ã‚ã‚Œã¦ã„ã¾ã™ã€‚ ãã®Babelã®é–‹ç™ºãƒãƒ¼ãƒ ãŒè³‡é‡‘é›£ã«ãªã£ã¦ã„ã‚‹ã“ã¨ã‚’ã€é–‹ç™ºã®ä¸å¿ƒã¨ãªã£ã¦ã„ã‚‹ã‚³ã‚¢ãƒãƒ¼ãƒ ãŒãƒ–ãƒã‚°ã€ŒBabel is used by millions, so why are we running out of money?ã€ï¼ˆBabelã¯ä½•ç™¾ä¸‡äººã«ã‚‚ä½¿ã‚ã‚Œã¦ã„ã‚‹ã®ã«ã€ãªãœç§ãŸã¡ã®è³‡é‡‘ã¯å°½ãã‚ˆã†ã¨ã—ã¦ã„ã‚‹ã®ã‹ï¼Ÿã€ã§æ˜Žã‚‰ã‹ã«ã—ã¦ã„ã¾ã™ã€‚ Babelã¨ã¯ã€ECMAScript 15ä»¥é™ã®ã„ã‚ã‚†ã‚‹ãƒ¢ãƒ€ãƒ³ãªJavaScriptã®æ§‹æ–‡ã‚„æ©Ÿèƒ½ã‚’æ´»ç”¨ã—ã¦æ›¸
k_oshima 2021/05/12
javascript

development
ãƒªãƒ³ã‚¯
Promise ã¨ async/await ã®ç†è§£åº¦ã‚’ã‚‚ã†1æ®µéšŽä¸Šã’ã‚‹ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
k_oshima 2020/09/25
javascript

async

promise
ãƒªãƒ³ã‚¯
JavaScriptã§ã®ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªã€matchMedia()ã®ä½¿ã„æ–¹ã‚’è§£èª¬
ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªã¨è¨€ãˆã°ã€CSSã®@mediaã§ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦æœ€é©ãªã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã™ã‚‹ã‚‚ã®ã‚’æ€ã„æµ®ã‹ã¹ã‚‹äººãŒå¤šã„ã¨æ€ã„ã¾ã™ã€‚JavaScriptã§å®Ÿè£…ã—ãŸã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã€ä¾‹ãˆã°ã€ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãªã©ã‚’ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã«ã™ã‚‹éš›ã«ã¯JavaScriptã§ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªã‚’æ‰±ã£ãŸæ–¹ãŒä¾¿åˆ©ã§ã™ã€‚ JavaScriptã§ã®ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªã€matchMedia()ã®ä½¿ã„æ–¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Working with JavaScript Media Queries by Marko Ilic ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« matchMedia()ã®ä½¿ã„æ–¹ æ¡ä»¶ã®å¤‰åŒ–ã‚’ç¶™ç¶šçš„ã«ãƒã‚§ãƒƒã‚¯ã™ã‚‹æ–¹æ³• æ˜”ãªãŒã‚‰ã®æ–¹æ³• ã¾ã¨ã‚ ã¯ã˜ã‚ã« ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªã¨è¨€ã‚ã‚Œã¦æœ€åˆã«æ€ã„æµ®ã‹ã¶ã®ã¯ä½•ã§ã™ã‹ï¼Ÿ ãŠãã‚‰ãã€ä¸‹è¨˜ã®ã‚ˆã†ãªCSSã§ã—ã‚‡
k_oshima 2020/09/17
JavaScript

CSS

media queries
ãƒªãƒ³ã‚¯
GatsbyJSã®Incremental Buildsã§é™çš„ã‚µã‚¤ãƒˆåˆ¶ä½œãŒåŠ‡çš„ã«å¤‰ã‚ã‚‹ - hiro08gh
ã“ã‚“ã«ã¡ã¯hiro08ã§ã™ã€‚ å…ˆæ—¥GatsbyJSã®ãƒ–ãƒã‚°ã§ã€Incremental Buildsã®ãƒªãƒªãƒ¼ã‚¹ãŒã‚¢ãƒŠã‚¦ãƒ³ã‚¹ã•ã‚Œã¾ã—ãŸã€‚ã“ã‚Œã¯ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«å¤‰æ›´ãŒã‚ã£ãŸå ´åˆã€å¤‰æ›´éƒ¨åˆ†ã®ã¿ã‚’å†ãƒ“ãƒ«ãƒ‰ã™ã‚‹ä»•çµ„ã¿ã§ã™ã€‚ä»Šå¾Œã®Jamstack/é™çš„ã‚µã‚¤ãƒˆåˆ¶ä½œã‚’åŠ‡çš„ã«å¤‰ãˆã‚‹éžå¸¸ã«å¼·åŠ›ãªæ©Ÿèƒ½ã§ã™ã€‚ è£œè¶³ ç¾æ™‚ç‚¹ã§ã¯Gatsby Cloudã®Professionalãƒ—ãƒ©ãƒ³ã§ä½¿ãˆã‚‹æ©Ÿèƒ½ã§ã™ã€‚ã¾ã ã¾ã è©¦ç”¨æ©Ÿèƒ½ã¨ã„ã£ãŸæ„Ÿã˜ã§ã™ã€‚ www.gatsbyjs.org ã„ã¾ã¾ã§ã®èª²é¡Œç‚¹ ã„ã¾ã¾ã§ã®GatsbyJSã«ã¯èª²é¡ŒãŒã‚ã‚Šã¾ã—ãŸã€‚ãã‚Œã¯ã€å¤‰æ›´ãŒã‚ã£ãŸå ´åˆã™ã¹ã¦ã®ãƒšãƒ¼ã‚¸ã‚’å†ãƒ“ãƒ«ãƒ‰ã—ã¦ã—ã¾ã†ã“ã¨ã§ã™ã€‚å°‘ãªã„ãƒšãƒ¼ã‚¸æ•°ã®å ´åˆã‚ã¾ã‚Šå½±éŸ¿ãªã„ã§ã™ãŒã€æ•°åƒã‹ã‚‰æ•°ä¸‡ãƒšãƒ¼ã‚¸ä»¥ä¸Šã®å¤§è¦æ¨¡ãªé™çš„ã‚µã‚¤ãƒˆã§ã¯ã€ ä¸€éƒ¨ã®å¤‰æ›´ã§ã‚‚ã™ã¹ã¦ã®ãƒšãƒ¼ã‚¸ãŒå†ãƒ“ãƒ«ãƒ‰ã•ã‚Œã¦ã—ã¾ã†ãŸã‚ã€ãƒ“ãƒ«ãƒ‰åŠ¹çŽ‡ãŒæ‚ªã„(CI/CDã‚’ä½¿ã£ã¦ã‚‹å ´åˆæ¶ˆè²»é‡ãŒå¤šããªã£ã¦ã—ã¾ã†) ãƒ“ãƒ«ãƒ‰
k_oshima 2020/04/30
ã‚¤ãƒ³ã‚¯ãƒ«ãƒ¡ãƒ³ã‚¿ãƒ«ãƒ“ãƒ«ãƒ‰

GatsbyJS

JavaScript
ãƒªãƒ³ã‚¯
GitHub - tc39/proposal-temporal: Provides standard objects and functions for working with dates and times.
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
k_oshima 2019/12/02
JavaScript

Temporal
ãƒªãƒ³ã‚¯
Temporal
Temporal Update 2019-10-02 Process & Progress Objects & Decisions Actions & Roadmap Temporal Process & Progress Stage-1: specify a design Stage-2: validate the design Stage-3: implement the specification Stage-4: mandate a the specification Temporal Process & Progress Stage-2 Progress create polyfill publish polyfill (github & npm) invite feedback/reviews (bloomberg, google, moment, luxon, tag, pu
k_oshima 2019/12/02
JavaScript

temporal
ãƒªãƒ³ã‚¯
Getting started with Bolt for JavaScript | Bolt for JavaScript
We recommend using a workspace where you won't disrupt real work getting done â€” you can create a new one for free. After you fill out an app name (you can change it later) and pick a workspace to install it to, hit the Create App button and you'll land on your app's Basic Information page. This page contains an overview of your app in addition to important credentials you'll need later, like the S
k_oshima 2019/07/10
JavaScript

Slack

bot

Bolt
ãƒªãƒ³ã‚¯
GitHub - adam-golab/react-developer-roadmap: Roadmap to becoming a React developer
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
k_oshima 2019/05/21
react.js

JavaScript
ãƒªãƒ³ã‚¯
GitHub - flaviocopes/vue-developer-roadmap: Roadmap to becoming a Vue.js developer in 2019
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
k_oshima 2019/05/21
vue.js

JavaScript
ãƒªãƒ³ã‚¯
async/awaitã‚’ä½¿ã£ãŸãƒ¢ãƒ€ãƒ³ãªéžåŒæœŸå‡¦ç† - Qiita
2017å¹´6æœˆãƒªãƒªãƒ¼ã‚¹ã®ES2017ã§ã€JavaScriptã¯ã‚ˆã†ã‚„ãã¾ã¨ã‚‚ãªéžåŒæœŸå‡¦ç†ã‚’æ‰‹ã«å…¥ã‚Œã¾ã—ãŸã€‚ ä»¥ä¸‹ã¯MODERN ASYNCHRONOUS JAVASCRIPT WITH ASYNC AND AWAITã®æ—¥æœ¬èªžè¨³ã§ã™ã€‚ MODERN ASYNCHRONOUS JAVASCRIPT WITH ASYNC AND AWAIT JavaScriptã§éžåŒæœŸå‡¦ç†ã‚’è¡Œã†è¿‘ä»£çš„ãªæ–¹æ³•ã¨ã¯ã€‚ Introduction JavaScriptã¯ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯åœ°ç„ã‹ã‚‰ES2015ã®Promiseã¾ã§çž¬ãé–“ã«é€²åŒ–ã—ã¾ã—ãŸã€‚ ãã—ã¦ES2017ã§ã¯ã€async/awaitã«ã‚ˆã£ã¦ã‚ˆã‚Šç°¡æ½”ã«éžåŒæœŸå‡¦ç†ã‚’æ›¸ã‘ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ éžåŒæœŸé–¢æ•°ã¯Promiseã¨ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ã®åˆã‚ã›æŠ€ã§ã‚ã‚Šã€ãã—ã¦Promiseã‚ˆã‚Šé«˜ã„ãƒ¬ãƒ™ãƒ«ã®æŠ½è±¡åŒ–ã§ã™ã€‚ ãƒªãƒ”ãƒ¼ãƒˆãƒŸãƒ¼ã€‚ã€Œasync/awaitã¯Promiseã§ä½œã‚‰ã‚Œã¦ã„ã‚‹ã€
k_oshima 2018/05/24
ã‚ã¨ã§èªã‚€

async

JavaScript
ãƒªãƒ³ã‚¯
JavaScript ã®ã‚¹ãƒ¬ãƒƒãƒ‰ä¸¦åˆ—å®Ÿè¡Œç’°å¢ƒ
ã“ã‚Œã¯ Chromium Browser ã‚¢ãƒ‰ãƒ™ãƒ³ãƒˆã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã®åæ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚æœ¬è¨˜äº‹ã§ã¯ Chromium ã«ãŠã‘ã‚‹ JavaScript ã®ã‚¹ãƒ¬ãƒƒãƒ‰ä¸¦åˆ—å®Ÿè¡Œç’°å¢ƒã«ã¤ã„ã¦ä»•æ§˜ãƒ»å®Ÿè£…ãƒ»API ã®é¢ã‹ã‚‰åŒ…æ‹¬çš„ã«ç´¹ä»‹ã—ã¾ã™ã€‚ãƒ–ãƒ©ã‚¦ã‚¶ã®å†…éƒ¨å®Ÿè£…ã«èˆˆå‘³ãŒã‚ã‚‹äººã‚’å¯¾è±¡ã«ã€å„æ©Ÿèƒ½ã®ä½¿ã„æ–¹ã§ã¯ãªãå®Ÿè¡Œãƒ¢ãƒ‡ãƒ«ã«ç„¦ç‚¹ã‚’å½“ã¦ã¦èª¬æ˜Žã—ã¦ã„ã‚‹ãŸã‚ã€é›£æ˜“åº¦ã¯é«˜ã„ã§ã™ã€‚ä½¿ã„æ–¹ã‚’çŸ¥ã‚ŠãŸã„äººã¯ MDN ãªã©ã®è¨˜äº‹ã‚’èªã‚“ã§ãã ã•ã„ã€‚ã“ã®è¨˜äº‹ã‚’ãã£ã‹ã‘ã«å®Ÿè£…è§£èªã«æŒ‘æˆ¦ã—ã¦ã¿ã‚‹äººãŒä¸€äººã§ã‚‚å¢—ãˆã‚‹ã¨å¹¸ã„ã§ã™ã€‚ æœ¬è¨˜äº‹ã‚’æ›¸ãã«ã‚ãŸã‚Šã€yuki3 ã•ã‚“ã«å¤šãã®ã‚³ãƒ¡ãƒ³ãƒˆã‚’ã„ãŸã ãã€è°è«–ã«ä»˜ãåˆã£ã¦ã„ãŸã ãã¾ã—ãŸã€‚ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚ãªãŠã€æ–‡è²¬ã¯ã™ã¹ã¦ç§ (nhiroki) ã«ã‚ã‚Šã¾ã™ã€‚èª¤ã‚Šã‚„è£œè¶³ã€è³ªå•ãªã©ã¯æ°—è»½ã« GitHub Issue ã‚‚ã—ãã¯ Twitter ã¸ãŠå¯„ã›ãã ã•ã„ã€‚ æ›´æ–°å±¥æ´ 2018/01/15 Layout
k_oshima 2018/05/11
ã‚ã¨ã§èªã‚€

JavaScript

Google

Chrome

Chromium
ãƒªãƒ³ã‚¯
ECMAScript 2015ä»¥é™ã®JavaScriptã®`this`ã‚’ç†è§£ã™ã‚‹
ã“ã®è¨˜äº‹ã¯JavaScriptã®å…¥é–€æ›¸ã¨ã—ã¦æ›¸ã„ã¦ã„ã‚‹js-primerã®thisã«é–¢ã™ã‚‹éƒ¨åˆ†ã‚’ãƒ™ãƒ¼ã‚¹ã«ã—ã¦ã„ã¾ã™ã€‚ ã¾ãŸjs-primerã§ã¯æ›¸ã‘ãªã‹ã£ãŸç¾åœ¨æ™‚ç‚¹(2018å¹´1æœˆ1æ—¥)ã§ã®ãƒ–ãƒ©ã‚¦ã‚¶ã®æŒ™å‹•ã«ã¤ã„ã¦ã‚’åŠ ãˆãŸã‚‚ã®ã§ã™ã€‚ æ¬¡ã®å ´æ‰€ã«js-primerç‰ˆï¼ˆæ›¸ç±ç‰ˆï¼‰ã®thisã«ã¤ã„ã¦ã®è§£èª¬ãŒã‚ã‚Šã¾ã™ã€‚ ã“ã®è¨˜äº‹ã¨é•ã£ã¦å®Ÿéš›ã«ã‚³ãƒ¼ãƒ‰ã‚’å®Ÿè¡Œã—ãªãŒã‚‰èªã‚ã‚‹ã®ã§ã€å¦ç¿’ã‚½ãƒ¼ã‚¹ã¨ã—ã¦ã¯æ›¸ç±ç‰ˆã‚’æŽ¨å¥¨ã—ã¾ã™ã€‚ æ›¸ç±ç‰ˆ: é–¢æ•°ã¨this Â· JavaScriptã®å…¥é–€æ›¸ #jsprimer ã¾ãŸã€ãƒã‚°å ±å‘Šã‚„PRã‚‚ç›´æŽ¥ãƒªãƒã‚¸ãƒˆãƒªã«ã—ã¦å•é¡Œã‚ã‚Šã¾ã›ã‚“ã€‚ asciidwango/js-primer: JavaScriptã®å…¥é–€æ›¸ ãŠã‹ã—ã„å ´æ‰€ã‚’é¸æŠžã—ãŸçŠ¶æ…‹ã§å³ä¸‹ã«ã‚ã‚‹â€Bug Reportâ€ãƒœã‚¿ãƒ³ã‚’æŠ¼ã›ã°ã€ç°¡å˜ã«typoã¨ã‹ã®ãƒã‚°ã‚’å ±å‘Šã§ãã¾ã™ã€‚(PRã§ã‚‚æ“è¿Ž) å‰ç½®ãã¯ã“ã®è¾ºã¾ã§ã§ã€ã“ã“ã‹ã‚‰æœ¬ç·¨ã€‚ ã“ã®è¨˜
k_oshima 2018/01/05
JavaScript
ãƒªãƒ³ã‚¯
Reactã‚’ä½¿ã£ã¦æœ¬æ°—ã§ã‚¢ãƒ³ã‚±ãƒ¼ãƒˆã‚·ã‚¹ãƒ†ãƒ ã‚’ã¤ãã£ãŸ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ã“ã®è¨˜äº‹ã¯ ã‚¨ãƒ ã‚¹ãƒªãƒ¼ Advent Calendar 2017 ã®25æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ æ™®æ®µã¯DBãƒ»ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ãƒ»ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã¾ã§ã®è¨è¨ˆãƒ»å®Ÿè£…ãƒ»é‹ç”¨ã‚’æ‰±ã£ã¦ã„ã¾ã™ãŒã€ã“ã®è¨˜äº‹ã§ã¯Reactã‚’ä½¿ã£ã¦é–‹ç™ºã—ãŸã‚·ã‚¹ãƒ†ãƒ ã«ã¤ã„ã¦ã‚’ç´¹ä»‹ã—ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ ä½œã£ãŸã‚‚ã® ã‚¢ãƒ³ã‚±ãƒ¼ãƒˆã‚·ã‚¹ãƒ†ãƒ (survey-designer-js)ã‚’ä½œã‚Šã€ç¤¾å†…ã§ä½¿ã£ã¦ã„ã¾ã—ãŸã€‚ã¾ãŸOSSã¨ã—ã¦ãƒ¬ãƒã‚¸ãƒˆãƒªã«å…¬é–‹ã‚‚ã—ã¦ã„ã¾ã™ã€‚ GitHub DEMO ãªãŠå…¬é–‹ã—ã¦ã„ã‚‹ã®ã¯ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã®ã¿ã§ã€ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã®å®Ÿè£…ã¯å…¬é–‹ã—ã¦ã„ã¾ã›ã‚“ã€‚ãªãŠã€ã‚¨ãƒ ã‚¹ãƒªãƒ¼ç¤¾å†…ã§ä½¿ç”¨ã—ã¦ã„
k_oshima 2017/12/26
JavaScript

react.js
ãƒªãƒ³ã‚¯
JavaScript ã¨ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶ã§ã® IME event handling (2017å¹´) - ãŸã«ã—ãã‚“ããƒ€ãƒ
ã“ã®è¨˜äº‹ã¯ CAMPHOR Advent Calendar 2017 22æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ æ˜¨æ—¥ã¯ @ryota-ka ã«ã‚ˆã‚‹ Type-level TypeScript - ryota-ka's blog ã§ã—ãŸã€‚ CompositionEvent ãŒå¤šãã®ä¸»è¦ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚µãƒãƒ¼ãƒˆã•ã‚ŒãŸ2017å¹´å†¬ãªã‚‰ã€JavaScriptã§æ—¥æœ¬èªžå…¥åŠ›ã«å¯¾å¿œã—ãŸã¡ã‚‡ã£ã¨ã—ãŸå…¥åŠ›è£œå®Œæ©Ÿèƒ½ã®å®Ÿè£…ã¯ã‚·ãƒ¥ãƒƒã¨ã§ãã‚‹ã¨æ€ã£ãŸã®ã§ã™ãŒã€ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚ˆã£ã¦ç´°ã‹ã„å®Ÿè£…ãŒç•°ãªã£ã¦ã„ã¦ã¡ã¾ã¡ã¾ã¨ã—ãŸworkaroundãŒå¿…è¦ã«ãªã£ãŸã®ã§ãƒ¡ãƒ¢ æ¤œè¨¼ç’°å¢ƒ Windows10 / Microsoft Edge 41.16299.150 Windows10 / InternetExplorer11 ãƒãƒ¼ã‚¸ãƒ§ãƒ³: 11.64.16299.0 macOS Sierra 10.12.6 / Google Chrome ãƒãƒ¼ã‚¸ãƒ§ãƒ³: 63.0
k_oshima 2017/12/25
IME

JavaScript

keyboard

event

event handler
ãƒªãƒ³ã‚¯
GitHub - zackargyle/service-workers: A collection of utilities for creating/testing/experimenting with service workers.
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
k_oshima 2017/09/12
JavaScript

ServiceWorker
ãƒªãƒ³ã‚¯
Webã‚µã‚¤ãƒˆé–‹ç™ºã«CSS in JavaScriptã‚’ä½¿ã†ã®ã¯ã‚„ã‚ã‚ˆã† | POSTD
9ã¤ã®ãŠã¨ãŽè©± CSSã¯è¿·èµ°ã—ã¦ã„ã¾ã™ã€‚JavaScriptã§ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã—ã¦ã„ã‚‹ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã¯ã€å¤šãã®å ´åˆèª¤ã£ãŸç†ç”±ã‹ã‚‰ãã®æ–¹å¼ã‚’é¸æŠžã—ã¦ã„ã¾ã™ã€‚æœ¬ç¨¿ã§ã¯ã€ã‚ˆãã‚ã‚‹èª¤è§£ï¼ˆç¥žè©±ï¼‰ã‚’åˆ—æŒ™ã—ã€ãã†ã—ãŸå•é¡Œã«å¯¾ã™ã‚‹CSSã‚½ãƒªãƒ¥ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ æœ¬ç¨¿ã¯ã€ç‰¹å®šã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚„äººç‰©ã¸ã®æ”»æ’ƒã‚’æ„å›³ã™ã‚‹ã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ã“ã“ã§ã¯ã€â€œCSS in JavaScriptâ€(CSS in JS)ã‚’ styled-components ã‚’ä½¿ç”¨ã™ã‚‹ã“ã¨ã¨å®šç¾©ã—ã¾ã™ã€‚ã“ã‚Œã¯ã€Reactã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã™ã‚‹æœ€è¿‘ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã¨ãªã£ã¦ã„ã¾ã™ã€‚ styled-components ã®ä½œè€…ã§ã‚ã‚‹ Max Stoiber ã¨ Glen Maddern ã€ã¾ãŸå½¼ã‚‰ã«å”åŠ›ã—ãŸäººã€…ã¯çš†ã€å“è¶Šã—ãŸã‚¢ã‚¤ãƒ‡ã‚¢ã¨å–„æ„ã«ã‚ãµã‚Œã‚‹å„ªç§€ãªäººã€…ã§ã™ã€‚ å®Œå…¨ãªé€æ˜Žæ€§ã®ãŸã‚ã«æ–ã£ã¦ãŠãã¨ã€ç§ã¯ react-css-mo
k_oshima 2017/06/21
CSS

JavaScript

react.js

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