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

mytechnote id:mytechnote

*javascriptã«é–¢ã™ã‚‹mytechnoteã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (14)

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

TypeScriptã‚’ä½¿ã£ãŸæ–¹ãŒã„ã„ã‚±ãƒ¼ã‚¹ã¨ã¯ï¼Ÿ | POSTD
åŽ»å¹´ã®å¤ã€ç§ãŸã¡ã¯å¤§é‡ã®ã‚³ãƒ¼ãƒ‰ãƒ™ãƒ¼ã‚¹ï¼ˆ18,000è¡Œä»¥ä¸Šã® ã‚³ãƒ¼ãƒ‰è¡Œæ•° ï¼‰ã‚’JavaScriptã‹ã‚‰TypeScriptã¸ã¨å¤‰æ›´ã—ã¾ã—ãŸã€‚ã“ã®ç§»è¡Œä½œæ¥ã‚’é€šã˜ã¦ã€ä¸¡è€…ã®ç›¸é•ç‚¹ã‚„é¡žä¼¼ç‚¹ã«ã¤ã„ã¦å¤§ã„ã«å¦ã³ã€TypeScriptã®å„ªã‚ŒãŸãƒ¦ãƒ¼ã‚¹ã‚±ãƒ¼ã‚¹ã‚„ã€TypeScriptã‚’ä½¿ã†ã¹ãã§ã¯ãªã„ã‚±ãƒ¼ã‚¹ãªã©ã«ã¤ã„ã¦è€ƒãˆã¦ã¿ã¾ã—ãŸã€‚ åž‹ã‚·ã‚¹ãƒ†ãƒ ã¨ã¯è£œåŠ©è¼ªã®ã‚ˆã†ãªã‚‚ã®ã§ã™ã€‚è»¢å€’é˜²æ¢ã—ã¦ãã‚Œã‚‹ä»£ã‚ã‚Šã«ã€é…ããªã‚Šã€æ“ä½œæ€§ãŒåˆ¶é™ã•ã‚Œã¾ã™ã€‚ TypeScriptã®ãƒ¦ãƒ¼ã‚¹ã‚±ãƒ¼ã‚¹ ã‚³ãƒ¼ãƒ‰ã‚µã‚¤ã‚º ï¼šã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ãŒè†¨å¤§ã§ã‚ã‚‹å ´åˆã€ã¾ãŸè¤‡æ•°ã®äººãŒãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«å¾“äº‹ã—ã¦ã„ã‚‹å ´åˆã€åž‹ã‚·ã‚¹ãƒ†ãƒ ã¯æ˜Žã‚‰ã‹ãªã‚¨ãƒ©ãƒ¼ã‚’é˜²ãã®ã«å½¹ç«‹ã¡ã¾ã™ã€‚ ç‰¹ã« SPA ã®å ´åˆã¯å½“ã¦ã¯ã¾ã‚Šã¾ã™ã€‚èª°ã‹ãŒå¤‰æ›´ã—ãŸã‚³ãƒ¼ãƒ‰ãŒä»–ã®äººã®ã‚³ãƒ¼ãƒ‰ã‚’ç ´æã•ã›ã¦ã—ã¾ã†å¯èƒ½æ€§ãŒã‚ã‚‹ãªã‚‰ã€ä½•ã‚‰ã‹ã®å®‰å…¨æ©Ÿæ§‹ã‚’æŒã¤æ–¹ãŒã„ã„ã§ã—ã‚‡ã†ã€‚TypeScriptã® ãƒˆãƒ©ãƒ³ã‚¹ãƒ‘ã‚¤ãƒ© ã¯æ˜Žç™½ãªèª¤ã‚Šã‚’
mytechnote 2019/06/25
ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

babel

js

ãƒ–ãƒ©ã‚¦ã‚¶

javascript

ã‚·ã‚¹ãƒ†ãƒ

angular

*javascript

Article

C#
ãƒªãƒ³ã‚¯
javascriptã§æ–°è¦ã‚¿ãƒ–/ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚’ä½œæˆã™ã‚‹æ™‚ã®ç½ - Qiita
Help us understand the probl em. What is going on with this article?
mytechnote 2018/06/26
javascript

ãƒ–ãƒ©ã‚¦ã‚¶

qiita

HTTP

ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦

open

*javascript

jquery
ãƒªãƒ³ã‚¯
2018 å¹´ React ã¨ Redux ã®ã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ ç·ã¾ã¨ã‚ - Qiita
Angular ãªã©ã® JavaScript ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯å¤§è¦æ¨¡å‘ã‘ã«è¨è¨ˆã•ã‚Œã¦ãŠã‚Šã€æ¨™æº–ã§å¤šãã®ã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ ãŒçµ„ã¿è¾¼ã¾ã‚Œã¦ã„ã¾ã™ã€‚ React ã¯å˜ãªã‚‹ View ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ãã®ãŸã‚ View ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’è£œå®Œã™ã‚‹ãŸã‚ã®ã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ ã®é¸æŠžãŒå¿…é ˆã¨ãªã‚Šã¾ã™ã€‚ ã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ ã‚’è‡ªç”±ã«çµ„ã¿åˆã‚ã›ã¦é–‹ç™ºè€…ã¨ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«å¿œã˜ãŸç†æƒ³çš„ãªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ä½œæˆã™ã‚‹å¿…è¦ãŒã‚ã‚‹ã‚ã‘ã§ã™ã€‚ ã“ã‚Œã¯ã€å°è¦æ¨¡ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‹ã‚‰å¤§è¦æ¨¡ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã¾ã§ã®æ§˜ã€…ãªè¦ä»¶ã‚„ãƒ‹ãƒ¼ã‚ºã«å¯¾å¿œã§ãã‚‹æŸ”è»Ÿæ€§ãŒé«˜ã„ã“ã¨ã‚’æ„å‘³ã—ã¦ã„ã¾ã™ãŒã€ã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ ã‚’é¸æŠžã™ã‚‹ãŸã‚ã®ã‚³ã‚¹ãƒˆãŒå¿…è¦ã¨ãªã‚Šã¾ã™ã€‚ ä¸‹è¨˜ã§ã¯ã€ç†è€…ãŒæœ€ä½Žé™ã€å°Žå…¥ã‚’æ¤œè¨Žã™ã‚‹ä½™åœ°ãŒã‚ã‚‹ã¨è€ƒãˆã‚‹ä¸»è¦ãª React ã®ã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ ã¨ãã®ç°¡å˜ãªæ¦‚è¦ã‚’è¨˜è¼‰ã—ã¦ã„ã¾ã™ã€‚ ç†è€…ã®ç‹¬æ–ã¨åè¦‹ã§é¸æŠžã—ãŸã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ ã§ã‚ã‚‹ã“ã¨ã‚’è€ƒæ…®ã—ã¦ãŠèªã¿ã„ãŸã ããŸã„ã§ã™ã€‚ æ—¢çŸ¥ã®ã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ (ã»
mytechnote 2018/02/01
boilerplate

ã‚ã¨ã§èªã‚€

CSS

react

*JavaScript
ãƒªãƒ³ã‚¯
JavaScriptãƒ¦ãƒ¼ã‚¶ã®ãŸã‚ã®é–¢æ•°åž‹ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°(å¾Œç·¨) | POSTD
ã“ã®è¨˜äº‹ã®å‰ç·¨ã¯ã“ã¡ã‚‰ï¼š JavaScriptãƒ¦ãƒ¼ã‚¶ã®ãŸã‚ã®é–¢æ•°åž‹ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°(å‰ç·¨) é…å»¶è©•ä¾¡ é…å»¶è©•ä¾¡ ã¯ã€ ã‚µãƒ³ã‚¯ ã‚„ ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ ãªã©ã®ã‚‚ã£ã¨å…·ä½“çš„ãªæ¦‚å¿µã‚’ã‚«ãƒãƒ¼ã™ã‚‹ä¸€èˆ¬çš„ãªç”¨èªžã®ä¸€ç¨®ã§ã™ã€‚é…å»¶è©•ä¾¡ã¯ã€ãã®è¨€è‘‰ãŒè¡¨ã™ã¨ãŠã‚Šã®ã“ã¨ã‚’è¡Œã„ã¾ã™ã€‚ã¤ã¾ã‚Šã€å€¤ãŒå¿…è¦ã«ãªã‚‹ã¾ã§è©•ä¾¡ã—ã¾ã›ã‚“ã€‚å¯èƒ½ãªé™ã‚Šãšã‚‹ãšã‚‹ã¨ã€å…ˆå»¶ã°ã—ã«ã—ã¾ã™ã€‚ä¾‹ãˆã°ã€æ´—ã‚ãªã‘ã‚Œã°ãªã‚‰ãªã„é£Ÿå™¨ãŒå¤§é‡ã«ã€ã‚‚ã—ã‹ã™ã‚‹ã¨ç„¡é™ã«ã‚ã‚‹ã¨ã—ã¾ã™ã€‚é£Ÿå™¨ã‚’å…¨ã¦æµã—ã«ç½®ã„ã¦ä¸€åº¦ã«æ´—ã†ã®ã§ã¯ãªãã€ã‚†ã£ãã‚Šã€ä¸€åº¦ã«1ã¤ãšã¤å–ã£ã¦æ´—ã†ã®ã«ä¼¼ã¦ã„ã¾ã™ã€‚ é…å»¶è©•ä¾¡ã®æœ¬è³ªã‚’å°‘ã—ã§ã‚‚ç†è§£ã—ã‚„ã™ãã™ã‚‹ãŸã‚ã«ã€Haskellã‚’ä½¿ã£ã¦èª¬æ˜Žã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ã¾ãšã€ ãƒ—ãƒã‚°ãƒ©ãƒ ãŒã©ã®ã‚ˆã†ã«è©•ä¾¡ã‚’è¡Œã†ã‹ ã‚’ç†è§£ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚çš†ã•ã‚“ãŒæ…£ã‚Œã¦ã„ã‚‹ã»ã¨ã‚“ã©å…¨ã¦ã®è¨€èªžã¯ã€ æœ€å†…ç°¡ç´„ ã‚’ç”¨ã„ã¦ã„ã¾ã™ã€‚æœ€å†…ç°¡ç´„ã¨ã¯ã€æ¬¡ã®ã‚ˆã†ãªã‚‚ã®ã§ã™ã€‚
mytechnote 2016/04/14
*Programming

*JavaScript

Haskell

Clojure

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

ã‚ã¨ã§èªã‚€

ãƒ›ãƒƒãƒˆã‚¨ãƒ³ãƒˆãƒª

JavaScript

é–¢æ•°åž‹ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

functional
ãƒªãƒ³ã‚¯
async.jsã§ãƒ•ãƒãƒ¼åˆ¶å¾¡ - ã™ãŽã‚ƒãƒ¼ã‚“ãƒ¡ãƒ¢
ã‚ˆãåˆ†ã‹ã‚‰ãªããªã‚‹ã®ã§ãƒ¡ãƒ¢ã€‚ Nodeã®éžåŒæœŸã‚’æ‰±ã†ãƒ©ã‚¤ãƒ–ãƒ©ãƒªasyncã€‚ã®æ©Ÿèƒ½ã§ãƒ•ãƒãƒ¼åˆ¶å¾¡é–¢æ•°ãŒå¹¾ã¤ã‹ã‚ã‚‹ã€‚ var async = require('async'); async.waterfall([ function (callback) { console.log('waterfall 1'); setTimeout(function () { console.log('waterfall 1 done.'); callback(null, 1); }, 500); }, function (arg, callback) { console.log('waterfall 2'); setTimeout(function () { console.log('waterfall 2 done.'); callback(null, arg + 1); }, 300); }, funct
mytechnote 2016/01/28
callback

node.js

javascript

console

async

nodejs

development

*programming

*javascript
ãƒªãƒ³ã‚¯
ã€ŒJSã‚ªã‚¸ã‚µãƒ³ã«æ€’ã‚‰ã‚Œãªã„è„±åˆå¿ƒè€…JavaScriptã€ã«è¡Œã£ã¦ãã¾ã—ãŸ - WEBãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼2å¹´ç›®
html5j-begin.doorkeeper.jp javascriptã®å‹‰å¼·ãŒä¸€é€šã‚Šçµ‚ã‚ã£ãŸã®ã§ã€å‚åŠ ã—ã¦ãã¾ã—ãŸï¼ javascriptã®å‹‰å¼·ä¼šã«å‚åŠ ã™ã‚‹ã¾ã§ã®é“ã®ã‚ŠãŒé•·ã‹ã£ãŸãœ...(T_T) è©±ã®å†…å®¹ 4åã®JSã‚ªã‚¸ã‚µãƒ³ã‹ã‚‰ã®ã‚ã‚ŠãŒãŸããŠè©±ï¼‹è³ªå•ã‚¿ã‚¤ãƒ ã£ã¦æ„Ÿã˜ã§ã—ãŸã€‚ ä¸€ã¤ãšã¤ã€ã¤ã‚‰ã¤ã‚‰æ›¸ã„ã¦ã„ãã¾ã™ï¼ˆâ€»é•·æ–‡æ³¨æ„ã§ã™ãžï¼ï¼‰ 1.ã‚½ãƒ¼ã‚¹ãƒ¬ãƒ“ãƒ¥ãƒ¼ã‹ã‚‰å¦ã¶ Javascript + 1 æ ªå¼ä¼šç¤¾ã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®ã€å®—å®š æ´‹å¹³ã•ã‚“ã®ãŠè©±ã§ã™ã€‚ speakerdeck.com ã–ã£ãã‚Šã¾ã¨ã‚ã‚‹ã¨ã€ä»¥ä¸‹ã®4ç‚¹ã«ã¤ã„ã¦ã®ãŠè©±ã§ã—ãŸã€‚ ãƒ¬ãƒ“ãƒ¥ãƒ¼ã§ã¿ã¦ã„ã‚‹ãƒã‚¤ãƒ³ãƒˆ ã€Œãƒã‚°ãŒãªã„ã€ã¨ã„ã†è¨€è‘‰ã®å®šç¾© é–¢æ•°åã®ã¤ã‘æ–¹ ã‚¹ãƒ†ãƒƒãƒ—ã‚¢ãƒƒãƒ—ã™ã‚‹ãŸã‚ã«å¿…è¦ãªã“ã¨ å°è±¡çš„ã ã£ãŸã®ãŒ...ã‚¹ãƒ†ãƒƒãƒ—ã‚¢ãƒƒãƒ—ã™ã‚‹ãŸã‚ã«å¿…è¦ãªã“ã¨...ãã‚Œã¯... ã€Œæƒ…å ±å‡¦ç†æŠ€è¡“è€…è©¦é¨“ã‚’å‹‰å¼·ã™ã‚‹ã€ã§ã™ã€‚ ãªã€ãªã‚“ã˜ã‚ƒãã‚Šã‚ƒãƒ¼ï¼åˆè€³ã§ã™ã€‚
mytechnote 2015/11/11
as

com

*javascript

*ã‚ã¨ã§èªã‚€

JavaScript

*programming

ã‚ã¨ã§èªã‚€

å‹‰å¼·

webåˆ¶ä½œ

js
ãƒªãƒ³ã‚¯
Ajax èª•ç”Ÿã‹ã‚‰ 10 å¹´ã¨ã“ã‚Œã‹ã‚‰ - Block Rockinâ€™ Codes
Intro èª•ç”Ÿã¨è¨€ã†ã®ãŒæ£ã—ã„ã‹å¾®å¦™ã ã‘ã©ã€å¤šåˆ†èª•ç”Ÿã§ã„ã„ã¨æ€ã„ã¾ã™ã€‚ ã¨ã„ã†ã®ã‚‚ã€ã€ŒAjaxã€ã¨ã„ã†åå‰ã®å‡ºå…¸ã¯ä»¥ä¸‹ã®è¨˜äº‹ã§ã€ã“ã®è¨˜äº‹ãŒæ›¸ã‹ã‚ŒãŸã®ãŒä»Šæ—¥ã‹ã‚‰ã¡ã‚‡ã†ã© 10 å¹´å‰ã§ã—ãŸã€‚ Ajax: A New Approach to Web Applications (å½“æ™‚ã‹ã‚‰ã€ URL ãŒä¸€å›žå¤‰ã‚ã£ã¦ã„ã‚‹) Web åˆã‚ã¦ã¾ã 10 å¹´ãŸã£ã¦ç„¡ã„ã‚“ã§ã€å…¨éƒ¨è¦‹ã¦ããŸã£ã¦ã‚ã‘ã§ã¯ãªã„ã§ã™ãŒã€å€‹äººçš„ã«ã¯ã¡ã‚‡ã£ã¨æ€ã„å‡ºæ·±ã„è¨˜äº‹ã ã£ãŸã‚Šã™ã‚‹ã®ã§ã€ã¡ã‚‡ã£ã¨æŒ¯ã‚Šè¿”ã£ã¦ã¿ã¾ã™ã€‚ Ajax: A New Approach to Web Applications ç†è€…ã® Jesse James Garrett æ°ã¯ UX ã®ã‚³ãƒ³ã‚µãƒ«ãƒ†ã‚£ãƒ³ã‚°ä¼šç¤¾ã§ã‚ã‚‹ Adaptive Path ã®å‰µç«‹ãƒ¡ãƒ³ãƒãƒ¼ã®ä¸€äººã§ã€ UX ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã§ã™ã€‚ ã“ã®è¨˜äº‹ã®è¶£æ—¨ã¯ã€å½“æ™‚æ—¢ã«ã‚ã£ãŸ Google Maps ã‚„ Gmailã€G
mytechnote 2015/02/18
ajax

google map

*javascript

google

Web

javascript

history

æ–‡

æ´å²

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
ES6æ™‚ä»£ã®JavaScript - ã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰é–‹ç™ºè€…ãƒ–ãƒã‚°
ã“ã‚“ã«ã¡ã¯ä¼šå“¡äº‹æ¥éƒ¨ã®ä¸¸å±±@h13i32maruã§ã™ã€‚ æœ€è¿‘ã®Webãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®å¤‰åŒ–ã¯éžå¸¸ã«æ¿€ã—ãã€ã¡ã‚‡ã£ã¨ç›®ã‚’é›¢ã—ãŸé–“ã«ã©ã‚“ã©ã‚“æ–°ã—ã„ã‚‚ã®ãŒå‡ºã¦ãã¾ã™ã‚ˆãã€‚ãã‚“ãªæ¿€ã—ã„å¤‰åŒ–ã®ä¸€ã¤ã¨ã—ã¦ES6ã¨ã„ã†æ¬¡æœŸJavaScriptã®ä»•æ§˜ãŒã‚ã‚Šã¾ã™ã€‚ã“ã®ES6ã¯ç¾åœ¨ç–å®šä¸ã§ã€åŸ·ç†æ™‚ç‚¹ã§ã¯Draft Rev31ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ JavaScriptã¯ECMAScript(ECMA262)ã¨ã„ã†ä»•æ§˜ã‚’ã‚‚ã¨ã«å®Ÿè£…ã•ã‚Œã¦ã„ã¾ã™ã€‚ ç¾åœ¨ã®ãƒ¢ãƒ€ãƒ³ãªWebãƒ–ãƒ©ã‚¦ã‚¶ã¯ECMAScript 5.1th Editionã‚’ã‚‚ã¨ã«ã—ãŸJavaScriptå®Ÿè¡Œã‚¨ãƒ³ã‚¸ãƒ³ã‚’æè¼‰ã—ã¦ã„ã¾ã™ã€‚ ãã—ã¦æ¬¡ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã‚ã‚‹ECMAScript 6th EditionãŒç¾åœ¨ç–å®šä¸ã§ã€ç•¥ç§°ã¨ã—ã¦ES6ã¨ã„ã†åå‰ãŒã‚ˆãä½¿ã‚ã‚Œã¾ã™ã€‚ ä»Šå›žã¯ã€ä»–ã®è¨€èªžã«ã¯ã‚ã£ã¦JavaScriptã«ã‚‚æ¬²ã—ã„ãªã¨æ€ã£ã¦ã„ãŸæ©Ÿèƒ½ã‚„ã€JavaScriptã§ã‚ˆ
mytechnote 2015/02/02
function

cookpad

admin

*javascript

class

javascript

ã‚ã¨ã§èªã‚€

ES6

ecmascript
ãƒªãƒ³ã‚¯
5åˆ†ã§ã‚ã‹ã‚‹Vue.jsã¨ã€jQueryã§é ‘å¼µã£ã¦ã¯ã„ã‘ãªã„ç†ç”±ï½œæŠ€è¡“ãƒ–ãƒã‚°ï½œåŒ—æµ·é“æœå¹Œå¸‚ãƒ»å®®åŸŽçœŒä»™å°å¸‚ã®VRãƒ»ã‚²ãƒ¼ãƒ ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™º ã‚¤ãƒ³ãƒ•ã‚£ãƒ‹ãƒƒãƒˆãƒ«ãƒ¼ãƒ—
5åˆ†ã§ã‚ã‹ã‚‹Vue.jsã¨ã€jQueryã§é ‘å¼µã£ã¦ã¯ã„ã‘ãªã„ç†ç”± å…ˆæ—¥ã®ã€ŒOpenIL vol.2ã€ã«ã¦ã€Œ5åˆ†ã§ã‚ã‹ã‚‹Vue.jsã€ã¨ã„ã†LTã‚’ç™ºè¡¨ã—ã¾ã—ãŸã€‚ ã€ã‚¹ãƒ©ã‚¤ãƒ‰æœ‰ã€‘ã‚¤ãƒ³ãƒ•ã‚£ãƒ‹ãƒƒãƒˆãƒ«ãƒ¼ãƒ—å…¬é–‹å‹‰å¼·ä¼šã€ŒOpenIL vol.2ã€é–‹å‚¬ãƒ¬ãƒãƒ¼ãƒˆã€€å‰ç·¨ ã€ã‚¹ãƒ©ã‚¤ãƒ‰æœ‰ã€‘ã‚¤ãƒ³ãƒ•ã‚£ãƒ‹ãƒƒãƒˆãƒ«ãƒ¼ãƒ—å…¬é–‹å‹‰å¼·ä¼šã€ŒOpenIL vol.2ã€é–‹å‚¬ãƒ¬ãƒãƒ¼ãƒˆã€€å¾Œç·¨ ã“ã®è¨˜äº‹ã¯ã€ãã®æ™‚ã®LTã®è³‡æ–™ã‚’å…ƒã«ãƒ–ãƒã‚°åŒ–ã—ãŸã‚‚ã®ã§ã™ã€‚ jQueryã¯é ‘å¼µã‚Œã°é ‘å¼µã‚‹ã»ã©è¾›ããªã‚‹ jQueryã€ç°¡å˜ã«å‹•ãã®ã‚ã‚‹ã‚µã‚¤ãƒˆã‚’ä½œã‚Œã¦ã¨ã¦ã‚‚ä¾¿åˆ©ã§ã™ã‚ˆãã€‚ // ä½•ã‹ç”»é¢ã«åæ˜ ã™ã‚‹ $(".hoge").html("å¤‰æ›´ã—ãŸã„å†…å®¹"); // å¤‰æ›´æ™‚ã«ä½•ã‹å‡¦ç†ã—ã¦å¤‰æ›´ã™ã‚‹ $(".foo").on("change", function() { $(".bar").html("å¤‰æ›´ã—ãŸã„å†…å®¹"); }); ã‚¤ãƒ™ãƒ³ãƒˆã‚’å—ã‘å–ã£ã¦ã€è‰²ã€…ã¨å‡¦ç†ã‚’ã—
mytechnote 2014/06/26
js

()

html

javascript

library

LT

DOM

*javascript

jquery

vue.js
ãƒªãƒ³ã‚¯
jQueryã®ãƒ¡ãƒ¢ãƒªãƒ¼ãƒªãƒ¼ã‚¯ã®å‚¾å‘ã¨å¯¾ç– â€” KaoriYa
Webé–‹ç™ºã«ã¨ã¦ã‚‚ä¾¿åˆ©ãªjQueryã§ã™ãŒã€ å®Ÿã¯ãƒ¡ãƒ¢ãƒªãƒ¼ãƒªãƒ¼ã‚¯ã‚’èª˜ç™ºã—ã‚„ã™ã„æ§‹é€ ã§ã‚ã‚‹ã“ã¨ã¯ ã‚ã¾ã‚ŠçŸ¥ã‚‰ã‚Œã¦ã„ãªã„ã‚ˆã†ã§ã™ã€‚ æœ¬è¨˜äº‹ã§ã¯ãƒ¡ãƒ¢ãƒªãƒ¼ãƒªãƒ¼ã‚¯ãŒç™ºç”Ÿã™ã‚‹å‚¾å‘ã¨å¯¾ç–ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ çš†ã•ã‚“jQueryã¯ä½¿ã£ãŸã“ã¨ã‚ã‚Šã¾ã™ã‚ˆãã€‚Webã§ã®é–‹ç™ºã§ã¯ã¨ã¦ã‚‚ä¾¿åˆ©ã§ã€ã»ã¼å¿…é ˆã¨è¨€ã£ã¦ã‚‚éŽè¨€ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ã—ã‹ã—ãªãŒã‚‰ã“ã®jQueryã¯ãƒ¡ãƒ¢ãƒªãƒ¼ãƒªãƒ¼ã‚¯ã‚’èª˜ç™ºã—ã‚„ã™ã„æ§‹é€ ã§ã‚ã‚‹ã“ã¨ã¯ã‚ã¾ã‚ŠçŸ¥ã‚‰ã‚Œã¦ã„ã¾ã›ã‚“ã€‚ GCã®ã‚ã‚‹JavaScriptã§ãƒ¡ãƒ¢ãƒªãƒ¼ãƒªãƒ¼ã‚¯ãŒç™ºç”Ÿã™ã‚‹ã¨ã¯ä½•ã‚’è¨€ã£ã¨ã‚‹ã‚“ã ã€ã¨æ€ã‚ã‚Œã‚‹å‘ãã‚‚ã‚ã‚‹ã‚„ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ã—ã‹ã—GCãŒã‚ã£ã¦ã‚‚ã€ã‚‚ã†ä½¿ã‚ãªããªã£ãŸã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’é…åˆ—ã‚„ãƒ†ãƒ¼ãƒ–ãƒ«(Object)ã«ã—ã¾ã„ã“ã‚“ã§ã„ã¦ã€ãã‚Œã‚’å›žåŽã™ã‚‹ã‚¿ã‚¤ãƒŸãƒ³ã‚°ãŒå˜åœ¨ã—ãªã‘ã‚Œã°ç©ã‚‚ã‚Šç©ã‚‚ã£ã¦ãƒ¡ãƒ¢ãƒªã‚’åœ§è¿«ã™ã‚‹ã€ãƒ¡ãƒ¢ãƒªãƒ¼ãƒªãƒ¼ã‚¯ã¨ãªã‚Šã†ã‚‹ã¨ã„ã†ã®ã¯æƒ³åƒã«é›£ããªã„ã§ã—ã‚‡ã†ã€‚jQueryã§èµ·ã“ã‚Šã†ã‚‹ãƒ¡ãƒ¢ãƒªãƒ¼ãƒªãƒ¼ã‚¯ã¯ãã®ã‚ˆã†ãª
mytechnote 2014/03/28
jquery

jQuery

javascript

Evernote

GC_memoryleak

tips

*javascript

DOM

node
ãƒªãƒ³ã‚¯
ã€JavaScriptã€‘ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’çŸ¥ã£ã¦ã¿ã‚‹ã€‚ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ãƒ»ãƒ‘ã‚¿ãƒ¼ãƒ³ç·¨ | ãƒã‚·ãƒ£ãƒã‚°ã€‚
JavaScriptã§æ›¸ããƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ãŒæ°—ã«ãªã£ã¦ã„ã‚‹ã®ã§ã€æ‰‹å§‹ã‚ã«ä¸€ç•ªã‚ˆãè¦‹ã¦ã„ã‚‹ã§ã‚ã‚ã†ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ãƒ»ãƒ‘ã‚¿ãƒ¼ãƒ³ã«ã¤ã„ã¦ã„ã‚ã„ã‚èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ ãªãœä½¿ã†ã®ï¼Ÿ ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ãƒ»ãƒ‘ã‚¿ãƒ¼ãƒ³ã¯åå‰ã®é€šã‚Šã€å‡¦ç†ã‚’ä»–ã®å‡¦ç†ã¨ã¶ã¤ã‹ã‚‰ãªã„ã‚ˆã†ã«å®‰å…¨ã«åˆ‡ã‚Šé›¢ã—ã€ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã®å½¢ã¨ã—ã¦æä¾›ã™ã‚‹è€ƒãˆæ–¹ã§ã™ã€‚YUI ãªã©ã®å¤§è¦æ¨¡ãªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‹ã‚‰å°ã•ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«ã‚‚å–ã‚Šå…¥ã‚Œã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ä»¥ä¸‹ã®ã‚ˆã†ãªãƒ¡ãƒªãƒƒãƒˆãŒã‚ã‚Šã¾ã™ã€‚ ã‚°ãƒãƒ¼ãƒãƒ«å¤‰æ•°ã‚’æ¥µåŠ›æ¸›ã‚‰ã—ã¦ã€æ©Ÿèƒ½ã‚’ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã®å½¢ã§æä¾›ã§ãã‚‹ã€‚ ã‚³ãƒ¼ãƒ‰ã®æˆé•·ã«åˆã‚ã›ã¦æ§‹é€ ã‚’ä½œã‚Œã‚‹ ã‚³ãƒ¼ãƒ‰ã‚’è¦‹é€šã—ã‚„ã™ãã™ã‚‹ è¦ä»¶ã«å¿œã˜ã¦è¿½åŠ ã€ç½®ãæ›ãˆã€å‰Šé™¤ãŒã§ãã‚‹ ã‚·ãƒ³ãƒ—ãƒ«ãªæ›¸ãæ–¹ Sample ã¨ã„ã†ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’ä½œã£ã¦ã€ã„ã‚ã„ã‚ä¾¿åˆ©ãªæ©Ÿèƒ½ã‚’ã¤ã‘ã¦ã„ããŸã„ã€ã¨ã„ã†å ´åˆã€ä¸‹è¨˜ã®ã‚ˆã†ãªæ›¸ãæ–¹ãŒã§ãã¾ã™ã€‚ var Sample = { name: 'sampleãã‚“', age: '30',
mytechnote 2014/03/25
javascript

log

*Webåˆ¶ä½œ

*JavaScript

js

develop

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³
ãƒªãƒ³ã‚¯
AngularJSã‚’ã¯ã˜ã‚ã‚‹å‰ã«#AngularJSå…¥é–€ãã®1 | DevelopersIO
AngularJSã‚’ã¯ã˜ã‚ã‚ˆã† ã“ã“ã«ã‚ã‚‹ã‚ˆã†ã«ã€æœ€è¿‘ã¯Webã‚¢ãƒ—ãƒªã‚’ä½œæˆã™ã‚‹éš›ã«JavaScriptã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ä½¿ç”¨ã™ã‚‹ã®ãŒå½“ãŸã‚Šå‰ã¨ã„ã£ã¦ã„ã„ãã‚‰ã„ã€ ã•ã¾ã–ã¾ãªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒå˜åœ¨ã—ã¾ã™ã€‚ å¼Šç¤¾ãƒ–ãƒã‚°ã§ã‚‚ember.jsã®è¨˜äº‹ç‰ã€JavaScriptã®ã„ã‚ã„ã‚ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ»ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ç´¹ä»‹ã—ã¦ã„ã¾ã™ãŒã€ ç§ãŒè¿‘é ƒAngularJSã‚’ä½¿ç”¨ã™ã‚‹æ©Ÿä¼šãŒã‚ã‚Šã€ã¨ã¦ã‚‚ä½¿ã„ã‚„ã™ã‹ã£ãŸã®ã§ã€æ”¹ã‚ã¦ã“ã“ã§ç´¹ä»‹ã—ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ AngularJSã¨ã¯ ã‚‚ã†ä¸€åº¦ã€ŒAngularJSã¨ã¯ãªã«ã‹ã€ã¨ã„ã†éƒ¨åˆ†ã‚’ç°¡å˜ã«ãŠã•ã‚‰ã„ã‚’ã€‚ AngularJSã¯Googleã¨ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã‚ˆã‚Šé–‹ç™ºã—ã¦ã„ã‚‹ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹(MIT)ã®JavaScriptç”¨MVWãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆè¨€èªžã¨ã—ã¦HTMLã‚’ä½¿ç”¨ã§ããŸã‚Šã€åŒæ–¹å‘ãƒ‡ãƒ¼ã‚¿ãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã‚„DI(ä¾å˜æ³¨å…¥)ãŒä½¿ç”¨ã§ããŸã‚Šã¨ã€ è¿‘å¹´è¤‡é›‘åŒ–ã™ã‚‹Webã‚¢ãƒ—
mytechnote 2014/01/18
javascript

angularjs

Angular.js

*javascript

angular

AngularJS ã‚¬ã‚¤ãƒ‰

é–‹ç™º

*åˆ¶ä½œ
ãƒªãƒ³ã‚¯
äººæ°—ä¸Šæ˜‡ä¸ã®JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’èª¿ã¹ã¦ã¿ãŸï¼»ã‚¸ãƒ£ãƒ³ãƒ«åˆ¥ã«æ¯”è¼ƒï¼½
é€£è¼‰ INDEX æ¬¡å›ž â†’ ã“ã¡ã‚‰ã®ãƒšãƒ¼ã‚¸ã§ã€2015å¹´ç‰ˆã€‘ã‚‚ç™ºè¡¨ï¼ â– 2014å¹´ãŒå§‹ã¾ã‚Šã€å¿ƒæ©Ÿä¸€è»¢ã§ã€Œä»Šå¹´ã“ãã¯Webé–‹ç™ºã‚’é ‘å¼µã‚ã†ã€ã¨æ€ã£ã¦ã„ã‚‹äººã‚‚å°‘ãªããªã„ã ã‚ã†ã€‚ãã‚“ãªæ–¹ã€…ã«å‘ã‘ã¦æœ¬ç¨¿ã§ã¯ã€2013å¹´ä¸ã«äººæ°—ãŒæ€¥ä¸Šæ˜‡ã—ã¦ãã¦ãŠã‚Šã€ã€Œ2014å¹´ã§ã¯å¿…é ˆã®çŸ¥è˜ã€ã¨ãªã‚Šãã†ãªJavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªï¼ˆLibraryï¼‰ã‚’ãƒ©ãƒ³ã‚ãƒ³ã‚°å½¢å¼ã§ç™ºè¡¨ã™ã‚‹ã€‚ ãªãŠã€æœ¬ç¨¿ã®ãƒ©ãƒ³ã‚ãƒ³ã‚°æ±ºå®šã§ã¯ã€æ¤œç´¢ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ã®æµè¡Œã‚’èª¿æŸ»å¯èƒ½ãªã€ŒGoogleãƒˆãƒ¬ãƒ³ãƒ‰ã€ï¼ˆã€Œã™ã¹ã¦ã®å›½ã€ã€ŒéŽåŽ» 12 ã‹æœˆé–“ã€ã€Œã™ã¹ã¦ã®ã‚«ãƒ†ã‚´ãƒªã€ã€Œã‚¦ã‚§ãƒ–æ¤œç´¢ã€ã¨ã„ã†æ¡ä»¶ã§çµžã‚Šè¾¼ã¿ï¼‰ã‚’ä½¿ã£ã¦ã€ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®äººæ°—ã‚’ã‚¸ãƒ£ãƒ³ãƒ«ã”ã¨ã«æ¯”è¼ƒã—ãŸï¼ˆâ€»ãƒ©ã‚¤ãƒ–ãƒ©ãƒªåãŒä¸€èˆ¬çš„ãªè‹±å˜èªžã®å ´åˆã€Webæ¤œç´¢æ™‚ã«ã€ãã®è‹±å˜èªžã«ã‚‚ãƒ’ãƒƒãƒˆã—ã¦ã—ã¾ã†ã€‚ã“ã®ãƒŽã‚¤ã‚ºãŒGoogleãƒˆãƒ¬ãƒ³ãƒ‰ã§ã®çµæžœã¨ã—ã¦å…¥ã‚Šè¾¼ã‚“ã§ã„ã‚‹å¯èƒ½æ€§ãŒé«˜ã„ã“ã¨ã‚’ã”äº†æ‰¿ã„ãŸã ããŸã„ã€‚å„ã‚¸ãƒ£ãƒ³ãƒ«ã¯ã€ç†è€…ãŒç‹¬è‡ª
mytechnote 2014/01/11
2014å¹´

framework

library

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

*javascript

0110

javascript

js

MVC
ãƒªãƒ³ã‚¯
Webé–‹ç™ºè€…ã«é©å‘½ã‚’ã‚‚ãŸã‚‰ã™ï¼ã€ŒWeb Componentsã€è¶…å…¥é–€ | æ ªå¼ä¼šç¤¾LIG
ã“ã‚“ã«ã¡ã¯ã€‚ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®çŽ‹ã§ã™ã€‚ Webã‚¢ãƒ—ãƒªã¯ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚¢ãƒ—ãƒªã¨ã¯é•ã„ã€ã¾ã ã¾ã ç™ºå±•é€”ä¸Šã®æŠ€è¡“ã®ãŸã‚ã€è‰²ã‚“ãªæ‰€ã§ã¾ã æœªç†Ÿãªéƒ¨åˆ†ãŒã‚ã‚Šã¾ã™ã€‚ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚¢ãƒ—ãƒªã§ã¯å½“ãŸã‚Šå‰ã®ã“ã¨ã§ã‚‚Webã‚¢ãƒ—ãƒªã§ã¯ã§ããªã‹ã£ãŸã‚Šã™ã‚‹ã“ã¨ã‚‚å¤šã„ã®ã§ã™ã€‚ä¸ã§ã‚‚ã€UIã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆåŒ–å•é¡ŒãŒä»¥å‰ã‹ã‚‰æŒ‡æ‘˜ã•ã‚Œã¦ãã¾ã—ãŸã€‚ é€šè²©ã‚µã‚¤ãƒˆã«ã‚ã‚‹ã€Œè³¼å…¥ãƒœã‚¿ãƒ³ã€ã‚’ä¾‹ã«èª¬æ˜Žã™ã‚‹ã¨åˆ†ã‹ã‚Šã‚„ã™ã„ã¨æ€ã„ã¾ã™ã€‚ ã“ã®æ‰‹ã®ãƒœã‚¿ãƒ³ã‚’ä½œã‚‹ã«ã¯ä»¥ä¸‹ã®æ‰‹ç¶šãã‚’è¦ã™ã‚‹ã¨è€ƒãˆã‚‰ã‚Œã¾ã™ã€‚ å¤–è¦³ã‚’æ•´ãˆã‚‹ CSS HTMLãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ— ã‚¯ãƒªãƒƒã‚¯ã—ãŸéš›ã®æŒ™å‹• JavaScript ä½•ãŒåŽ„ä»‹ã‹ã¨ã„ã†ã¨ã€ã€Œå†åˆ©ç”¨ã€ãŒé›£ã—ã„ã¨ã„ã†ã¨ã“ã‚ãªã‚“ã§ã™ãã€‚ ä¾‹ãˆã°ã€åŒã‚µã‚¤ãƒˆã®åˆ¥ã®ãƒšãƒ¼ã‚¸ã§åŒã˜ãƒœã‚¿ãƒ³ã‚’ä½¿ã„ãŸã„å ´åˆã€jsã€CSSã€HTMLã‚’å†åº¦è¨˜è¿°ã—ãªã‘ã‚Œã°ãªã‚Šã¾ã›ã‚“ã€‚ã—ã‹ã‚‚å ´åˆã«ã‚ˆã£ã¦ã¯HTMLã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ãŒéžå¸¸ã«å†—é•·åŒ–ã—ã¦ã„ã‚‹ã“ã¨ã‚‚ã‚ã‚‹ã€‚ ã€Œè³¼å…¥ãƒœã‚¿ãƒ³ã€ã¯ã‚ãã¾ã§ä¸€
mytechnote 2013/12/28
components

design

webcomponents

*JavaScript

google

HTML

DOM

develop

webåˆ¶ä½œ

web
ãƒªãƒ³ã‚¯
1