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

nilab id:nilab

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

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

JSã®ã‚¯ãƒ©ã‚¹åã‚’ã‚²ãƒƒãƒˆã™ã‚‹ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
nilab 2019/06/09
ã€ŒEventEmitterã¨ã‹ã®Eventåã«ã‚¯ãƒ©ã‚¹åã‚’ä»•è¾¼ã¿ãŸã„ãªã¨æ€ã£ã¦ã€è‡ªåˆ†ã®ã‚¯ãƒ©ã‚¹åã‚’å–å¾—ã™ã‚‹æ–¹æ³•ã‚’è€ƒãˆãŸã€‚ã‚·ãƒ³ãƒ—ãƒ«ã« this.constructor.name ã§ã‚ˆã‹ã£ãŸã€‚extendsã—ãŸæ™‚ã®æŒ™å‹•ãŒã‚ˆãã‚ã‹ã‚‰ãªã‹ã£ãŸã®ã§è©¦ã—ãŸã€

javascript
ãƒªãƒ³ã‚¯
GitHub - issm/mario: Mario on your website.
NAME mario.js - Mario on your website. SYNOPSYS // create Mario var mario = new Mario({ x: 100, // pixels from LEFT y: 100, // pixels from TOP }); mario.JUMP(); // create Mario controllable with keyboard var mario_controllable = new Mario({ x: 200, y: 200, scale: 2, // 1 or 2 status: 'SUPER', // 'MINI', 'SUPER' or 'FIRE' }); new Mario.Controller({ target: mario_controllable }); // create Luigi var
nilab 2019/05/27
GitHub - issm/mario: Mario on your website.

javascript
ãƒªãƒ³ã‚¯
documentationjs + add-text-to-markdownã§README.mdã®APIãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’è‡ªå‹•æ›´æ–°
documentationjs + add-text-to-markdownã§README.mdã®APIãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’è‡ªå‹•æ›´æ–° documentationjsã¯JSDocã‹ã‚‰ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’ç”Ÿæˆã§ãã‚‹ãƒ„ãƒ¼ãƒ«ã§ã€ES2015ä»¥é™ã®ã‚³ãƒ¼ãƒ‰ã«ã‚‚å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ (TypeScriptã¯å¯¾å¿œã—ã¦ãªã„ã‚ˆã†ã§ã™) ä»¥å‰ã¯Markdownã¸ã®å‡ºåŠ›ãŒé›£ã—ã‹ã£ãŸã®ã§ã™ãŒã€ã„ã¤ã®ã¾ã«ã‹documentation build -f mdã§Markdownã§ã®APIãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆãŒç”Ÿæˆã§ãã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã—ãŸã€‚ ã“ã‚Œã‚’ä½¿ã†ã“ã¨ã§ã€ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’æ›¸ã„ã¦ãã®JSDocã‹ã‚‰ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’ç”Ÿæˆã—ã¦ã€READMEã®Usageã‚»ã‚ãƒ¥ã‚¯ã‚·ãƒ§ãƒ³ã‚’è‡ªå‹•çš„ã«æ›´æ–°ã§ãã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ ä»¥å‰ã‚‚ã§ããŸã®ã§ã™ãŒã€ã‹ãªã‚Šãƒˆãƒªãƒƒã‚ãƒ¼ãªãƒ†ãƒ¼ãƒžã‚’æ›¸ã„ãŸã‚Šã—ãªã„ã¨ã„ã‘ã¾ã›ã‚“ã§ã—ãŸã€‚(å¾Œstdoutã¸ã®å‡ºåŠ›ãŒãªã‹ã£ãŸæ°—ãŒã—ã¾ã™) â€“theme for
nilab 2019/05/17
ã€Œdocumentation build -f mdã§Markdownã§ã®APIãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆãŒç”Ÿæˆã§ãã‚‹ã€ã€Œdocumentationjsã¯ã‚ãã¾ã§JSDocã‹ã‚‰ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’ä½œã‚‹ãƒ„ãƒ¼ãƒ«ãªã®ã§ã€JSDoc ã‚’æ›¸ã„ãŸã‚³ãƒ¼ãƒ‰ãŒå¿…è¦ã§ã™ã€

javascript
ãƒªãƒ³ã‚¯
proposal-class-fields/PRIVATE_SYNTAX_FAQ.md at main Â· tc39/proposal-class-fields
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
nilab 2019/05/04
proposal-class-fields/PRIVATE_SYNTAX_FAQ.md at master Â· tc39/proposal-class-fields

javascript
ãƒªãƒ³ã‚¯
Public and private class fields Â |Â Web Â |Â Google Developers
Show navigation Several proposals expand the existing JavaScript class syntax with new functionality. This article explains the new public class fields syntax in V8 v7.2 and Chrome 72, as well as the upcoming private class fields syntax. Hereâ€™s a code example that creates an instance of a class named IncreasingCounter: const counter = new IncreasingCounter(); counter.value; // logs 'Getting the cu
nilab 2019/05/04
ã€ŒThe new private fields syntax is similar to public fields, except you mark the field as being private by using #.ã€

javascript
ãƒªãƒ³ã‚¯
Private Class Field ã®å°Žå…¥ã«ä¼´ã† JS ã®æ§‹æ–‡æ‹¡å¼µ | blog.jxck.io
Intro ECMAScript ã® Private Class Field ã®ä»•æ§˜ç–å®šã¨å„ãƒ–ãƒ©ã‚¦ã‚¶ã®å®Ÿè£…ãŒé€²ã‚“ã§ã„ã‚‹ã€‚ ã“ã‚Œã«ã‚ˆã‚Šã€å¾“æ¥ã® JS ã«ã¯ãªã‹ã£ãŸ Class ã® Private ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚‹ã€‚ ææ¡ˆã•ã‚Œã¦ã„ã‚‹æ§‹æ–‡ã‚„ã€æŒ™å‹•ã«ã¤ã„ã¦è§£èª¬ã™ã‚‹ã€‚ Class Field Declaration ã¾ãšå‰æã¨ã—ã¦ã€ç¾çŠ¶ã® Class ã® ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã¯ã‚³ãƒ³ã‚¹ãƒˆãƒ©ã‚¯ã‚¿ã§å®šç¾©ã™ã‚‹å¿…è¦ãŒã‚ã‚‹ã€‚ ä¾‹ãˆã° count ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã‚’æŒã¤ Counter ã‚¯ãƒ©ã‚¹ã‚’å®šç¾©ã—ãŸå ´åˆã€ä»¥ä¸‹ã®ã‚ˆã†ã«ãªã‚‹ã€‚ class Counter { constructor() { this.count = 0 } increment() { this.count ++ } display() { console.log(this.count) } } const c = new Counter() c.in
nilab 2019/05/04
ã€ŒPrivate ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã«ã¯ # ãŒæŽ¥é è¾žã¨ã—ã¦ä»˜ãã€ã€Œã“ã‚Œã¾ã§ Class ã«ã¯ Private ãŒãªã‹ã£ãŸãŸã‚ã€å…¬é–‹ã‚’æ„å›³ã—ãªã„ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã«ã¯ _ ã‚’ã¤ã‘ã‚‹ãªã©ã®é‹ç”¨ã§ã‚«ãƒãƒ¼ã•ã‚Œã¦ããŸã€

javascript
ãƒªãƒ³ã‚¯
ESDocã¨ã„ã†(å¤šåˆ†)ãƒ¢ãƒ€ãƒ³ãªãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ãƒ„ãƒ¼ãƒ«ã®ç´¹ä»‹ - maru source
ã“ã‚“ã«ã¡ã¯ä¸¸å±±@h13i32maruã§ã™ã€‚ åƒ•ã¯2015å¹´ã‹ã‚‰ESDoc*1ã¨ã„ã†JavaScriptå‘ã‘ã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ãƒ„ãƒ¼ãƒ«ã‚’é–‹ç™ºã—ã¦ã„ã¾ã™ã€‚ https://esdoc.org https://github.com/esdoc/esdoc Star æœ€åˆã®ãƒªãƒªãƒ¼ã‚¹ã‹ã‚‰2å¹´ã€æ˜¨æ—¥ã‚ˆã†ã‚„ãv1.0ã‚’ãƒªãƒªãƒ¼ã‚¹ã§ãã¾ã—ãŸðŸŽ‰ ã„ã‚„ãƒ¼ã€ã“ã“ã¾ã§é•·ã‹ã£ãŸã§ã™ã€‚ä»Šã§ã¯RxJSã‚„SketchAPIãªã©ã€æ§˜ã€…ãªãƒ„ãƒ¼ãƒ«ã§ä½¿ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã“ã®2å¹´é–“ã€ESDocã¯2ã¤ã®ã‚´ãƒ¼ãƒ«ã‚’ç›®æŒ‡ã—ã¦é–‹ç™ºã—ã¦ãã¾ã—ãŸã€‚ ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã®ä½œæˆãƒ»ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã‚’å¿«é©ã«ã™ã‚‹ï¼ˆãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’æ›¸ãã®æ¥½ã—ã„ï¼ã¨ã„ã†çŠ¶æ…‹ï¼‰ ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã®ä½¿ã„æ–¹ã‚’ç°¡å˜ã«ç†è§£ã§ãã‚‹ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’ä½œæˆã™ã‚‹ï¼ˆã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰èªã¾ãªãã¦ã‚‚å¤§ä¸ˆå¤«ï¼ã¨ã„ã†çŠ¶æ…‹ï¼‰ ã“ã®2ã¤ã‚’æº€ãŸã™ãŸã‚ã«ESDocã¯è‰²ã€…ãªæ©Ÿèƒ½ã‚’æä¾›ã—ã¦ã„ã¾ã™ã€‚ ä»Šæ—¥ã¯ãã‚Œã‚‰ã®æ©Ÿèƒ½ã®ä¸ã§ã‚‚(å¤šåˆ†)ãƒ¢ãƒ€
nilab 2019/05/03
ã€Œåƒ•ã¯2015å¹´ã‹ã‚‰ESDocã¨ã„ã†JavaScriptå‘ã‘ã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ãƒ„ãƒ¼ãƒ«ã‚’é–‹ç™ºã—ã¦ã„ã¾ã™ã€

javascript
ãƒªãƒ³ã‚¯
JavaScriptã§å…æ›œã‚’è¨ˆç®—ã™ã‚‹ï¼ãã®ï¼’ï¼ˆæ°—åˆ†ã ã‘é«˜é€ŸåŒ–ï¼‰ - babu_babu_babooã®ã‚´ãƒŸç®±
ã‚ã¾ã‚Šã«ã‚‚ã€ã“ã®è¨ˆç®—ã¯é…ã™ãŽã‚‹ï¼ ä¸€åº¦è¨ˆç®—ã—ãŸã‚‰ã€ãƒžãƒƒãƒ—ã‚’ä½œæˆã—ã¦ã€å¤‰æ›è¡¨ã‚’è£ã§ä½œã‚Œã°ã„ã„ã®ã ã‘ã‚Œã©ãƒ»ãƒ»ãƒ»ãƒ» IEã ã¨é…ã™ãŽã¦ã€ç¶™ç¶šã™ã‚‹ã‹alertãŒã§ã‚‹ã€‚FXã ã¨ï¼‘ç§’ã‹ã‹ã‚‰ãªã„ã®ã«ï¼ ã§ã‚‚å¾®å¦™ã«é«˜é€ŸåŒ–ã—ãŸï¼ã£ã¦ã©ã“ãŒã ã‚ˆã€œã£ã¦çªè¾¼ã¿ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œãªã„ãŒã€å¤‰æ•°tmpã¨q0ãŒä½¿ç”¨ã•ã‚Œã¦ã„ã‚‹ã¨ã“ã‚ã§ã™ ã¾ãã€œã‚‚ã¨ã‚‚ã¨ã®PHPã®ãƒ—ãƒã‚°ãƒ©ãƒ ãŒè¦‹æ˜“ã•å„ªå…ˆã§ä½œã£ã¦ã„ã‚‹ã®ã ã‹ã‚‰ã€è‡´ã—æ–¹ãªã„ã®ã ãŒã€ã‚‚ã£ã¨è€ƒãˆã¦ä½œã£ã¦ãã‚Œã‚Œã°è‰¯ã‹ã£ãŸã®ã«ã¨æ€ã†ã€‚é…åˆ—ã‚’ä½¿ã£ã¦ã€æ•°åè¡Œã®ã‚³ãƒ¼ãƒ‰ã‚’æ•°è¡Œã§æ›¸ãç›´ã—ãŸã®ã«ã¯ã€ã¡ã‚‡ã£ã¨é¼»ã‚’é«˜ãã—ã‚ˆã†ã£ã¨ï¼ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <title>å…æ›œã‚’è¨ˆç®—</title> <script type="text/javascript"> //____________________________________
nilab 2019/04/29
JavaScriptã§å…æ›œã‚’è¨ˆç®—ã™ã‚‹ï¼ãã®ï¼’ï¼ˆæ°—åˆ†ã ã‘é«˜é€ŸåŒ–ï¼‰ - babu_babu_babooã®ã”ã¿ç®±

javascript
ãƒªãƒ³ã‚¯
JavaScriptã§å…æ›œã‚’è¨ˆç®—ã—ã¦ã¿ã‚‹ - babu_babu_babooã®ã‚´ãƒŸç®±
ã‚‚ã¨ã®å…æ›œè¨ˆç®—ã®ãƒ—ãƒã‚°ãƒ©ãƒ ã¯PHPã§æ›¸ã‹ã‚Œã¦ã¾ã—ãŸã€‚ http://www7.big.or.jp/~fujiko/php/qreki.inc.txt ã“ã‚Œã‚’æ›¸ãç›´ã—ãŸã®ãŒä»¥ä¸‹ã€‚ï¼ˆã§ã‚‚æ£ã—ã„ç”ãˆã‚’å‡ºã™ã®ã‹ã¯ä¸æ˜Žï¼‰ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <title>å…æ›œã‚’è¨ˆç®—</title> <script type="text/javascript"> //__________________________________________________ // Date ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’æ‹¡å¼µã—ã¦ã€å…æ›œã‚’è¿”ã™ã‚ˆã†ã«ã™ã‚‹ Date.prototype.getQreki = (function ( ) { //æ—§æš¦ã®ã€å¹´ æœˆ æ—¥ é–æœˆ ã®é †ã§è¿”ã™ function func ( p0, p1, hosei, min ) { retu
nilab 2019/04/29
JavaScriptã§å…æ›œã‚’è¨ˆç®—ã—ã¦ã¿ã‚‹ - babu_babu_babooã®ã”ã¿ç®±

javascript
ãƒªãƒ³ã‚¯
NodeSchool
ãƒ¯ãƒ¼ã‚¯ã‚·ãƒ§ãƒƒãƒ‘ãƒ¼ã¯ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã®å¦ç¿’ç”¨ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã§ã™ã€‚ ã™ã¹ã¦ã®ãƒ¯ãƒ¼ã‚¯ã‚·ãƒ§ãƒƒãƒ‘ãƒ¼ã¯ã‚¦ã‚£ã‚¶ãƒ¼ãƒ‰å½¢å¼ã§ã™ ï¼ˆãƒ¯ãƒ¼ã‚¯ã‚·ãƒ§ãƒƒãƒ—ã«å‚åŠ ã—ãªãã¦ã‚‚å‹‰å¼·ã§ãã¾ã™ï¼ï¼‰ã€‚ ã»ã¨ã‚“ã©ã¯ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ã§ã‚‚å‹•ãã¾ã™ã€‚
nilab 2019/04/25
NodeSchool

javascript

node.js
ãƒªãƒ³ã‚¯
Window: devicePixelRatio ãƒ—ãƒãƒ‘ãƒ†ã‚£ - Web API | MDN
devicePixelRatio ã¯ Window ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã§ã€ç¾åœ¨ã®ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤æ©Ÿå™¨ã«ãŠã‘ã‚‹ CSS ãƒ”ã‚¯ã‚»ãƒ«ã®è§£åƒåº¦ã¨ç‰©ç†ãƒ”ã‚¯ã‚»ãƒ«ã®è§£åƒåº¦ã®æ¯”ã‚’è¿”ã—ã¾ã™ã€‚ ã“ã‚Œã¯ 1 ç‰©ç†ãƒ”ã‚¯ã‚»ãƒ«ã®å¤§ãã•ã«å¯¾ã™ã‚‹ 1 CSS ãƒ”ã‚¯ã‚»ãƒ«ã®å¤§ãã•ã®æ¯”çŽ‡ã¨è€ƒãˆã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ã‚‚ã£ã¨ç°¡å˜ã«è¨€ã†ã¨ã€ 1 ã¤ã® CSS ãƒ”ã‚¯ã‚»ãƒ«ãŒå®Ÿéš›ã«ã¯ã„ãã¤ã®ç‰©ç†ãƒ”ã‚¯ã‚»ãƒ«ã§è¡¨ç¤ºã•ã‚Œã‚‹ã‹ã¨ã„ã†å€¤ã§ã™ã€‚ ã“ã‚Œã¯ä¸€èˆ¬çš„ãªãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã¨ã€HiDPI (é«˜ DPI) ã‚„ Retina ã®ã‚ˆã†ã«åŒã˜å¤§ãã•ã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’æç”»ã™ã‚‹ã®ã«ã‚ˆã‚Šå¤šãã®ãƒ”ã‚¯ã‚»ãƒ«ã‚’ä½¿ã£ã¦é®®æ˜Žã•ã‚’å¾—ã¦ã„ã‚‹ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã¨ã®å·®ç•°ã‚’æ‰±ã†ã®ã«ä¾¿åˆ©ã§ã™ã€‚ window.matchMedia() ã‚’ä½¿ã†ã¨ã€devicePixelRatio ã®å€¤ã®å¤‰åŒ–ï¼ˆä¾‹ãˆã°ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒç•°ãªã‚‹ãƒ”ã‚¯ã‚»ãƒ«è§£åƒåº¦ã®ç”»é¢ã¸ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚’ãƒ‰ãƒ©ãƒƒã‚°ã—ãŸæ™‚ãªã©ï¼‰ã‚’æ¤œçŸ¥ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚å¾Œè¿°ã®
nilab 2018/06/05
ã€ŒCSSè§£åƒåº¦ã¨ç‰©ç†è§£åƒåº¦ã®æ¯”ã€ã€Œä¸€èˆ¬çš„ãªãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã¨ã€HiDPI(é«˜DPI)ã‚„Retinaã®ã‚ˆã†ã«åŒã˜å¤§ãã•ã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’æç”»ã™ã‚‹ã®ã«ã‚ˆã‚Šå¤šãã®ãƒ”ã‚¯ã‚»ãƒ«ã‚’ä½¿ã£ã¦é®®æ˜Žã•ã‚’å¾—ã¦ã„ã‚‹ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã¨ã®å·®ç•°ã‚’æ‰±ã†ã®ã«ä¾¿åˆ©ã€

javascript
ãƒªãƒ³ã‚¯
2017å¹´JavaScriptã®ãƒ†ã‚¹ãƒˆæ¦‚è«– | POSTD
æœ¬ç¨¿ã¯ã€JavaScriptã®ãƒ†ã‚¹ãƒˆã«ã¤ã„ã¦æœ€ã‚‚é‡è¦ãªæ ¹æ‹ ã€ç”¨èªžã€ãƒ„ãƒ¼ãƒ«ã€ã‚¢ãƒ—ãƒãƒ¼ãƒãªã©ã®çŸ¥è˜ã‚’èº«ã«ç€ã‘ã‚‹ã“ã¨ã‚’ç›®çš„ã¨ã—ãŸç°¡ç•¥ç‰ˆã‚¬ã‚¤ãƒ‰ãƒ–ãƒƒã‚¯ã§ã™ã€‚æœ¬ç¨¿ã§æ¤œè¨Žã™ã‚‹æ•°ã€…ã®å´é¢ã«é–¢ã™ã‚‹æœ€æ–°ã®ç§€é€¸ãªè¨˜äº‹ã‚‚ç´¹ä»‹ã—ã¤ã¤ã€ç§ãŸã¡ãŒçµŒé¨“çš„ã«å¾—ãŸã“ã¨ã‚‚å¤šå°‘ä»˜ã‘åŠ ãˆãŸã„ã¨æ€ã„ã¾ã™ã€‚ Facebookã«ã‚ˆã‚‹ãƒ†ã‚¹ãƒˆç”¨ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã‚ã‚‹Jestã®ãƒã‚´ã‚’ã”è¦§ãã ã•ã„ã€‚ è¦‹ã¦ãŠåˆ†ã‹ã‚Šã®ã‚ˆã†ã«ã€ã“ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯ã€Œè‹¦ç—›ã®ãªã„ã€JavaScriptã®ãƒ†ã‚¹ãƒˆã‚’ã‚¹ãƒãƒ¼ã‚¬ãƒ³ã«æŽ²ã’ã¦ã„ã¾ã™ã€‚ã—ã‹ã—ã€ â€œæ¬¡ã®ã‚ˆã†ã«è¨€ã†äººâ€ ã‚‚ã„ã¾ã™ã€‚ è‹¦ç—›ã®ãªã„ãƒ†ã‚¹ãƒˆãªã‚“ã¦ã‚ã‚Šå¾—ãªã„ã€‚ å®Ÿéš›ã€Facebookã¯ã“ã®ã‚¹ãƒãƒ¼ã‚¬ãƒ³ã‚’æŽ²ã’ã‚‹ã ã‘ã®ç´ æ™´ã‚‰ã—ã„ç†ç”±ãŒã‚ã‚Šã¾ã™ã€‚ä¸€èˆ¬çš„ã«JSã®ãƒ‡ãƒ™ãƒãƒƒãƒ‘ã¯ Webã‚µã‚¤ãƒˆã®ãƒ†ã‚¹ãƒˆã«ã‚ã¾ã‚Šæº€è¶³ã—ã¦ã„ã¾ã›ã‚“ ã€‚JSã®ãƒ†ã‚¹ãƒˆã«ã¯åˆ¶é™ãŒã‚ã‚Šã€å®Ÿè£…ãŒé›£ã—ãã€ä½Žé€Ÿã§ã‚ã‚‹å‚¾å‘ãŒã‚ã‚Šã¾ã™ã€‚ ä¸€æ–¹ã€æ£ã—ã„æˆ¦ç•¥ã‚’ç«‹ã¦ã¦é©åˆ‡ã«ãƒ„ãƒ¼ãƒ«ã‚’
nilab 2017/07/12
è‡ªå‹•ãƒ†ã‚¹ãƒˆç”¨ JavaScript ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚ã‚Œã“ã‚Œã€‚

software_test

javascript
ãƒªãƒ³ã‚¯
asyncé–¢æ•°ãŒå®Ÿè£…ã•ã‚ŒãŸ - JS.next
æ¦‚è¦ éžåŒæœŸãªå‡¦ç†ã‚’åŒæœŸçš„ã«æ›¸ã‘ã‚‹é–¢æ•°ã‚¿ã‚¤ãƒ—ãŒå®Ÿè£…ã•ã‚ŒãŸã€‚ åŸºæœ¬ ã€Œasyncã€ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ã«ç¶šã‘ã¦é–¢æ•°å®šç¾©ã‚’æ›¸ãã¨ã€asyncé–¢æ•°ã¨ãªã‚‹ã€‚ async function afn1() { } afn2 = async () => { } obj = { async afn3() { } } asyncé–¢æ•°ã‚’å‘¼ã³å‡ºã™ã¨ãƒ—ãƒãƒŸã‚¹ãŒè¿”ã•ã‚Œã‚‹ã€‚ console.log( afn1() ) // <Promise> ã“ã®ãƒ—ãƒãƒŸã‚¹ã¯ã€asyncé–¢æ•°ãŒçµ‚äº†ã™ã‚‹ã¨ãã®è¿”ã‚Šå€¤ã§è§£æ±ºã•ã‚Œã€ä¾‹å¤–ãŒèµ·ã“ã‚‹ã¨æ£„å´ã•ã‚Œã‚‹ã€‚ async function afn4( flag ) { if ( flag ) return 'Yes' else throw 'No' } afn4( true ).then( v => console.log( v ) ) /// "Yes" afn4( false ).catch( v
nilab 2017/05/18
ã€Œã€Œasyncã€ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ã«ç¶šã‘ã¦é–¢æ•°å®šç¾©ã‚’æ›¸ãã¨ã€asyncé–¢æ•°ã¨ãªã‚‹ã€ã€Œasyncé–¢æ•°ã‚’å‘¼ã³å‡ºã™ã¨ãƒ—ãƒãƒŸã‚¹ãŒè¿”ã•ã‚Œã‚‹ã€

javascript
ãƒªãƒ³ã‚¯
ãƒ¢ãƒã‚¤ãƒ«ãƒ–ãƒ©ã‚¦ã‚¶ã§ç”»é¢ã®ç¸¦é•·ãƒ»æ¨ªé•·ã‚’æ¤œå‡ºã™ã‚‹æ–¹æ³•ã‚’å†ç¢ºèªã—ã¦ã¿ãŸ - Qiita
â€» iOS 8ã§ã®æŒ™å‹•ã«é–¢é€£ã—ã¦è¿½åŠ æƒ…å ±ã‚’æ›¸ã„ã¦ã¿ã¾ã—ãŸ: Safari for iOS 8ã§ã®ç”»é¢å›žè»¢ã¨ã‚¤ãƒ™ãƒ³ãƒˆ ã¯ã˜ã‚ã« ãƒ¢ãƒã‚¤ãƒ«ãƒ–ãƒ©ã‚¦ã‚¶(iOS Safariã‚„Androidæ¨™æº–ãƒ–ãƒ©ã‚¦ã‚¶ã€Chrome for Androidãªã©)ã§ã€Webã‚¢ãƒ—ãƒªã®JavaScriptã‹ã‚‰ç«¯æœ«ç”»é¢ãŒç¸¦é•·(portrait)ã¨æ¨ªé•·(landscape)ã®ã©ã¡ã‚‰ã‚’å‘ã„ã¦ã„ã‚‹ã‹ã‚’èª¿ã¹ã‚‹æ–¹æ³•ã¯ã€Webä¸Šã§æ¤œç´¢ã™ã‚‹ã¨è‰²ã€…å‡ºã¦ãã‚‹ã®ã§ã™ãŒã€ç‰¹ã«Androidå¯¾å¿œã‚’è€ƒãˆã‚‹ã¨ã€ä¾‹ãˆã°ã€Œaué–‹ç™ºè€…æƒ…å ±Blog: CSS3 MediaQueries ã§ç«¯æœ«å›žè»¢æ–¹å‘ã«ã‚ˆã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆåˆ‡ã‚Šæ›¿ãˆãŒã§ããªã„ã€è¾ºã‚Šã«æ›¸ã„ã¦ã‚ã‚‹ã‚ˆã†ã«ã€ã‚„ã£ã¦ã¿ã‚‹ã¨ä¸Šæ‰‹ãã„ã‹ãªã„ã“ã¨ãŒè‰²ã€…ã¨å‡ºã¦ããŸã‚Šã™ã‚‹ã‚ˆã†ã«æ€ãˆã¾ã™ã€‚ æ³¨æ„äº‹é …(å‚è€ƒ) åŽ³å¯†ã«ã¯ã€window.orientationã‚„orientationchangeã‚¤ãƒ™ãƒ³ãƒˆã¯ã€ç¾åœ¨ã¯*ã‚ãã¾ã§ã‚‚ãƒ™
nilab 2017/05/11
ã€Œorientationchangeã‚¤ãƒ™ãƒ³ãƒˆã€resizeã‚¤ãƒ™ãƒ³ãƒˆã€å®Ÿéš›ã®ç”»é¢ãƒªã‚µã‚¤ã‚ºå‡¦ç†ãŒå®Ÿè¡Œã•ã‚Œã‚‹é †åºãŒiOS Safariã¨Androidå‘ã‘ãƒ–ãƒ©ã‚¦ã‚¶ã¨ã§ç•°ãªã£ã¦ã„ã‚‹ã€

javascript
ãƒªãƒ³ã‚¯
request-promiseã‚’ä½¿ã£ãŸHTTPã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚’ä½œã‚‹ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
nilab 2017/04/28
request-promiseã‚’ä½¿ã£ãŸHTTPã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚’ä½œã‚‹ - Qiita

javascript
ãƒªãƒ³ã‚¯
[ãƒ…]RequireJS ã® define é–¢æ•°ã¯ã‚°ãƒãƒ¼ãƒãƒ«å¤‰æ•°çš„ãªã‚‚ã®ã‚’ç”Ÿã¿å‡ºã™ (2016-05-20)
å¦™ãªæŒ™å‹•ã‚’ã™ã‚‹ãªã(ï¼›Â´Ð”ï½€) ã¨æ€ã£ã¦èª¿ã¹ã¦ã¿ãŸã‚‰ã€ RequireJS ã§ã¯ define ã®å¼•æ•°ã§æŒ‡å®šã—ãŸã‚³ãƒ¼ãƒ‰ã¯ä¸€åº¦ã—ã‹èªã¿è¾¼ã¾ã‚Œãªã„ã‚‰ã—ã„ã€‚ èªã¿è¾¼ã‚“ã ã‚‚ã®ã¯ã€ã‚°ãƒãƒ¼ãƒãƒ«ãªã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã§ç®¡ç†ã•ã‚Œã¦åŒã˜ã‚‚ã®ã¯èªã¿è¾¼ã¾ã‚Œãªã„ã‚ˆã†ã«ãªã£ã¦ã„ã‚‹ã€‚ require.jsã®ã€requireã¨defineã®é•ã„ - webãƒã‚¿ ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ã„ã¦è©¦ã—ã¦ã¿ã‚‹ã€‚ RequireJS ã‚’ä½¿ã£ã¦ JavaScript ã®ã‚³ãƒ¼ãƒ‰ã‚’èªã¿è¾¼ã‚€ã«ã¯ã€ãƒ¡ã‚¤ãƒ³å‡¦ç†ã‚’æ›¸ã„ãŸ JavaScript ãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ‘ã‚¹ã‚’ã€ script è¦ç´ ã® data-main å±žæ€§ã«æŒ‡å®šã™ã‚‹ã€‚ index.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>RequireJS: sample</title> <!-- data-main attribut
nilab 2016/05/20
å¦™ãªæŒ™å‹•ã‚’ã™ã‚‹ãªã(ï¼›Â´Ð”ï½€) ã¨æ€ã£ã¦èª¿ã¹ã¦ã¿ãŸã‚‰ã€ RequireJS ã§ã¯ define ã®å¼•æ•°ã§æŒ‡å®šã—ãŸã‚³ãƒ¼ãƒ‰ã¯ä¸€åº¦ã—ã‹èªã¿è¾¼ã¾ã‚Œãªã„ã‚‰ã—ã„ã€‚ã‚°ãƒãƒ¼ãƒãƒ«ãªã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã§ç®¡ç†ã•ã‚Œã‚‹ã€‚

javascript
ãƒªãƒ³ã‚¯
[ãƒ…]Node.js: Promise ã§æŒ‡å®šã—ãŸé–¢æ•°ãŒã„ã¤å®Ÿè¡Œã•ã‚Œã‚‹ã®ã‹ (2016-05-09)
è³‡æ–™ã‚’æ¼ã£ã¦ã‚‚ã‚ˆãã‚ã‹ã‚‰ãªã„ã®ã§ã€ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãã€‚ $ cat p.js var f = function(resolv, reject){ console.log("hello"); resolv("goodbye"); }; console.log("f"); var p = new Promise(f); console.log("p"); p.then(function(result){ console.log(result); }); console.log("t"); å®Ÿè¡Œçµæžœã€‚Promise ã‚’ new ã—ãŸã‚‰ã™ãã«å®Ÿè¡Œã•ã‚Œã¦ã‚‹ã€‚ $ node p.js f hello p t goodbye å®Ÿè¡Œã•ã‚ŒãŸå¾Œã§ã‚‚ã€then ãƒ¡ã‚½ãƒƒãƒ‰ã§å¾Œã®å‡¦ç†ã‚’æŒ‡å®šã§ãã¦ã„ã‚‹ã®ã‚‚ã‚ã‹ã‚‹ã€‚then ãƒ¡ã‚½ãƒƒãƒ‰ã§æŒ‡å®šã—ãŸå‡¦ç†ã¯éžåŒæœŸã«å®Ÿè¡Œã•ã‚Œã¦ã„ã‚‹ã€‚ Promise ã‚’ new ã—ãŸæ™‚ç‚¹ã§å®Ÿè¡Œã•
nilab 2016/05/09
è³‡æ–™ã‚’æ¼ã£ã¦ã‚‚ã‚ˆãã‚ã‹ã‚‰ãªã„ã®ã§ã€ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãã€‚

node.js

javascript
ãƒªãƒ³ã‚¯
ES6æ™‚ä»£ã®Node.js
ãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã¯ã€2023å¹´10æœˆ1æ—¥ã«LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã«ãªã‚Šã¾ã—ãŸã€‚LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã®æ–°ã—ã„ãƒ–ãƒã‚°ã¯ã“ã¡ã‚‰ã§ã™ã€‚LINEãƒ¤ãƒ•ãƒ¼ Tech Blog ã“ã‚“ã«ã¡ã¯ã€‚æƒ…å ±ã‚·ã‚¹ãƒ†ãƒ æœ¬éƒ¨ã®ä¼Šè—¤(@koh110)ã§ã™ã€‚ ç¤¾å†…ã‚·ã‚¹ãƒ†ãƒ ã®é–‹ç™ºã€é‹ç”¨ã‚’æ‹…å½“ã—ã¦ã„ã¾ã™ã€‚ ä»Šå›žã€æ‹…å½“ã—ã¦ã„ã‚‹ã‚·ã‚¹ãƒ†ãƒ ã‚’Node.js LTS(v4.x)ã¸ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã—ã¾ã—ãŸã€‚ ãã‚Œã«ä¼´ã„å®Ÿæ–½ã—ãŸES6å¯¾å¿œã®ä¸ã‹ã‚‰3ã¤ã®äº‹ä¾‹ã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ varã‚’æ’²æ»…ã—ã‚ˆã† arrow functionã‚’ä½¿ãŠã† callbackã‚’æ’²æ»…ã—ã‚ˆã† varã‚’æ’²æ»…ã—ã‚ˆã† varã‚’let, constã«ç½®ãæ›ãˆã¾ã™ã€‚åŸºæœ¬ã¯constã«ç½®ãæ›ãˆã¾ã™ã€‚ ãƒ¡ãƒªãƒƒãƒˆã¯ä»¥ä¸‹ã®ç‚¹ã§ã€ã‚³ãƒ¼ãƒ‰ã®å“è³ªå‘ä¸Šã«ã¤ãªãŒã‚‹ã¨æ€ã„ã¾ã™ã€‚ ãƒ—ãƒã‚°ãƒ©ãƒ ä¸ã§å¤‰æ›´ä¸å¯ã§ã‚ã‚‹äº‹ã‚’æ˜Žç¤ºçš„ã«ç¤ºã›ã‚‹ã€‚ èª¤ã£ãŸä½¿ã„æ–¹ã‚’ã—ãŸæ™‚ã«ãƒã‚°ã¨ã—ã¦æ¤œå‡ºã•ã‚Œã‚‹ã€‚ varã‚’åˆ©ç”¨ã™ã‚‹ã¨ãƒ–ãƒãƒƒã‚¯
nilab 2016/05/09
ES6æ™‚ä»£ã®Node.js - Yahoo! JAPAN Tech Blog

javascript
ãƒªãƒ³ã‚¯
ES6 ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ | POSTD
æ—¥ã€…ã®ä»•äº‹ã®ä¸ã§å½¹ã«ç«‹ã¤ES2015ï¼ˆES6ï¼‰ã®ãƒ†ã‚£ãƒƒãƒ—ã‚¹ã€ã‚³ãƒ„ã€ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ã€ãƒ—ãƒã‚°ãƒ©ãƒ ã®è¦‹æœ¬ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ã‚³ãƒ³ãƒˆãƒªãƒ“ãƒ¥ãƒ¼ã‚·ãƒ§ãƒ³æ“è¿Žã§ã™ï¼ ç›®æ¬¡ var vs. let / const IIFEã‹ã‚‰ãƒ–ãƒãƒƒã‚¯ãƒ™ãƒ¼ã‚¹ã¸ ã‚¢ãƒãƒ¼é–¢æ•° æ–‡å—åˆ— ãƒ‡ã‚¹ãƒˆãƒ©ã‚¯ãƒãƒ£ãƒªãƒ³ã‚° ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ« ãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿ ã‚¯ãƒ©ã‚¹ ã‚·ãƒ³ãƒœãƒ« ãƒžãƒƒãƒ— WeakMaps Promises ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ Async/Await var vs. let / const var ã®ä»–ã«ã€å€¤ã‚’æ ¼ç´ã™ã‚‹ let ã¨ const ã¨ã„ã†è˜åˆ¥åãŒæ–°ãŸã«è¿½åŠ ã•ã‚Œã¾ã—ãŸã€‚ var ã¨ã¯ç•°ãªã£ã¦ã€ let ã¨ const ã¯ã‚¯ãƒãƒ¼ã‚¸ãƒ£ã®ã‚¹ã‚³ãƒ¼ãƒ—å†…ã§æœ€åˆã«è¨˜è¿°ã•ã‚Œã‚‹ã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ var ã®ä½¿ç”¨ä¾‹ã§ã™ã€‚ var snack = 'Meow Mix'; function getFood(food) { if (food) { var snack
nilab 2016/02/11
ES6 ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ | ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚° | POSTD

javascript
ãƒªãƒ³ã‚¯
Spirit - The animation tool for the web
SpiritThe ultimate tool to create high-quality animations directly in the browser. Important Notice: I want to extend my deepest gratitude to everyone who has supported Spirit over the years. After careful consideration, I have made the difficult decision to discontinue Spirit as a service. Read more ...
nilab 2016/02/11
Spirit "Easily animate objects on the web. For Designers & Developers." "SpiritJS is the animation-tool that will change the way you create animations for the web."

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