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

sotarok id:sotarok

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

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

Object.observe ã®æ» (ECMAScript ã®ææ¡ˆå–ã‚Šä¸‹ã’ã€V8 ã‹ã‚‰ã‚‚å‰Šé™¤äºˆå®š)
1å¹´å‰ã®è¨˜äº‹ JavaScript ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒãƒ‡ãƒ¼ã‚¿ãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã‚’å®Ÿç¾ã™ã‚‹ï¼”é€šã‚Šã®æ‰‹æ³• ã§ã¯ã€Object.observe() ã«ã¤ã„ã¦æ¬¡ã®ã‚ˆã†ã«èª¬æ˜Žã—ãŸã€‚ JavaScript ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆãŒå¤‰æ›´ã•ã‚ŒãŸã¨ãã«ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯ã‚’å‘¼ã‚“ã§ãã‚Œã‚‹ API ãƒ‡ãƒ¼ã‚¿ãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã®å®Ÿè£…ãŒç°¡å˜ã«ãªã‚‹ Google Chrome ã«ã¯å®Ÿè£…æ¸ˆã¿ ECMAScript 7 ã«ææ¡ˆä¸ ææ¡ˆãŒé€šã‚Œã° MV* ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®å®Ÿè£…ãŒã‚·ãƒ³ãƒ—ãƒ«ã«ãªã£ã¦ãƒãƒƒãƒ”ãƒ¼ å°†æ¥ã‚’æœŸå¾…ã•ã‚Œã¦ã„ãŸ Object.observe() ã§ã‚ã£ãŸãŒã€2015 å¹´ 11 æœˆé ã€ES Discuss ãƒ¡ãƒ¼ãƒªãƒ³ã‚°ãƒªã‚¹ãƒˆã¸ã® An update on Object.observe ã¨ã„ã†æŠ•ç¨¿ã§ã€ECMAScript ã‹ã‚‰ã®ææ¡ˆãŒå–ã‚Šä¸‹ã’ã‚‰ã‚Œã¦ã€V8 ã‚¨ãƒ³ã‚¸ãƒ³ã‹ã‚‰ã‚‚å¹´å†…ã«å‰Šé™¤ã•ã‚Œã‚‹äºˆå®šã§ã‚ã‚‹ã“ã¨ãŒè¡¨æ˜Žã•ã‚ŒãŸã€‚ Object.observe()
sotarok 2015/11/18
javascript
ãƒªãƒ³ã‚¯
Inline Attachment
Inline Attachment Embed images inside textareas View on GitHub Download .zip Download .tar.gz A new version is being developed in the dev-3.x branch Inline Attachment 2.0.3 Adds upload functionality to a textarea or CodeMirror instance by either drag-dropping or pasting (only in chrome) an image inside it. Itâ€™s similar to pasting of images in Github. Getting started The latest versions are availab
sotarok 2015/07/24
paste handling / image upload

javascript
ãƒªãƒ³ã‚¯
ãƒ¢ãƒ€ãƒ³JavaScriptç’°å¢ƒæ§‹ç¯‰ä¸€æ©ç›®
JavaScriptã®ç¾çŠ¶ã‚’æ”¯ãˆã‚‹ã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ ç¾¤ã‚’è»½ãç´¹ä»‹ã—ã¦ã€ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã«ã¤ã„ã¦å°‘ã—æŽ˜ã‚Šä¸‹ã’ãŸå‹‰å¼·ä¼š
sotarok 2015/06/18
javascript
ãƒªãƒ³ã‚¯
JavaScriptã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚·ã‚¹ãƒ†ãƒ ã®æ´å²ã¨ç¾çŠ¶ - Qiita
ç¤¾å†…å‘ã‘è³‡æ–™ã€‚è‡ªåˆ†ãŒæ›¸ã„ãŸã‚³ãƒ¼ãƒ‰ã‚’èª¬æ˜Žã™ã‚‹ãŸã‚ã«è³‡æ–™ä½œã‚‹ç¾½ç›®ã«ãªã£ãŸã€‚ æ˜”ã®ã“ã¨ã¯ã†ã‚è¦šãˆã§é›°å›²æ°—ã§æ›¸ã„ã¦ã‚‹éƒ¨åˆ†ã‚‚ã‚ã‚‹ã®ã§ã€ãã“ã‚‰ã¸ã‚“å‹˜å¼ã€‚ å¤ã®æ™‚ä»£(~2010) å‰æã¨ã—ã¦JavaScriptã¯åå‰ç©ºé–“ãŒwindowã®ä¸€ã¤ã—ã‹ãªã„ã€‚ æ˜”Prototype.jsãŒã‚ã£ãŸã€‚ã‚‚ã†ã¿ã‚“ãªå¿˜ã‚ŒãŸã‘ã©ã‚ã®æ™‚æœŸã¯ãƒ—ãƒªãƒŸãƒ†ã‚£ãƒ–ãªã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã®prototypeã‚’ç”Ÿã‚„ã—ã¾ãã£ã¦ã€ãã‚ŒãŒè¡çªã—ã¾ãã£ã¦prototypeè‰¯ããªã„çš„ãªé›°å›²æ°—ãŒç”Ÿã¾ã‚ŒãŸã‚Šç”Ÿã¾ã‚Œãªã‹ã£ãŸã‚Šã—ãŸã€‚ ãã®åçœãŒã‚ã£ã¦ã‹(æ´å²çš„ã«è‹¥å¹²å¾®å¦™ãªæ°—ãŒã™ã‚‹ãŒ) jQueryã¯åå‰ç©ºé–“ã‚’ä¸€ã¤ã«é›†ç´„ã—ãŸã€‚ã„ã‚ã‚†ã‚‹ jQueryPlugin ã¯ã€jQueryã®ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ã«ãƒ˜ãƒ«ãƒ‘ã‚’ç”Ÿã‚„ã—ã¾ãã£ã¦ã„ãŸã€‚ã‚°ãƒãƒ¼ãƒãƒ«ã‚’æ±šã™ã®ã¯é§„ç›®ã ã‘ã©jQueryã®åå‰ç©ºé–“ã‚’æ±šã™ã®ã¯ã„ã„ã‚ˆãã€ãã‚‰ã„ã®è€ƒãˆã€‚ jQueryéžä¾å˜ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯ã€ã€ŒGoodPartsã€ã¨ã—ã¦ã€
sotarok 2015/04/17
javascript
ãƒªãƒ³ã‚¯
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’æ¥½ã«ã™ã‚‹ãŸã‚ã«
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
sotarok 2015/03/22
javascript

css
ãƒªãƒ³ã‚¯
Backbone.JSã‹ã‚‰Angular2ã¾ã§ã€å…¨9å¤§JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’æ›¸ãæ¯”ã¹ãŸ! -
(English article is here.) ã“ã‚“ã«ã¡ã¯ã€å‰å²¡([twitter:@yoshiokatsuneo])ã§ã™ã€‚ ã‚¦ã‚§ãƒ–é–‹ç™ºã«æ¬ ã‹ã›ãªã„JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ãŒã€æ—¥ã€…ç™ºå±•ã—ã¦ãŠã‚ŠReact.js, Ractive.js, Aurelia.js, AngularJS2.0ãªã©æ¬¡ã€…ã¨æ–°ã—ã„ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒå‡ºã¦ãã¦ã„ã¾ã™ã€‚ ä¸€ä½“ã©ã‚Œã‚’ä½¿ãˆã°ã„ã„ã®ã‹ï¼Ÿä½•ãŒé•ã†ã®ã‹ï¼Ÿä½•ã‹ã‚‰èª¿ã¹ã¦ã„ã„ã®ã‹è¿·ã†ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ ãã“ã§ã€ç¾æ™‚ç‚¹ã§äº‹å®Ÿä¸Šå…¨ã¦ã¨ãªã‚‹ã€ï¼™å¤§ä¸»è¦ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«ã¤ã„ã¦ã€å®Ÿéš›ã«ä½¿ã£ã¦ã¿ã¦æ¯”è¼ƒã‚’è¡Œã„ã¾ã™ã€‚ Backbone.js Ember.js Knockout.js AngularJS(1.x) React.js Ractive.js vue.js Aurelia.js AngularJS2.0(ã‚¢ãƒ«ãƒ•ã‚¡ç‰ˆ) ã“ã‚Œã‚‰ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã¯ã€ä»¥ä¸‹ã®ã‚ˆã†ãªæ©Ÿèƒ½ãŒå®Ÿç¾ã•
sotarok 2015/03/14
javascript
ãƒªãƒ³ã‚¯
#error_handling_sushi ã§Promiseã®ã‚¨ãƒ©ãƒ¼ãƒãƒ³ãƒ‰ãƒªãƒ³ã‚°ã«ã¤ã„ã¦ç™ºè¡¨ã—ãŸ
#error_handling_sushi ã§JavaScriptã®ã‚¨ãƒ©ãƒ¼ãƒãƒ³ãƒ‰ãƒªãƒ³ã‚°ã«ã¤ã„ã¦è°è«–ã—ãŸã€‚ è‡ªåˆ†ã¯Promiseã®ã‚¨ãƒ©ãƒ¼ãƒãƒ³ãƒ‰ãƒªãƒ³ã‚°ã®æ¡ã‚Šã¤ã¶ã—ã®å•é¡Œã‚’è¦‹ã¤ã‘ã‚„ã™ãã™ã‚‹ã‚¤ãƒ™ãƒ³ãƒˆã®å®Ÿè£…ã«ã¤ã„ã¦ã€Promise Error Handlingã¨ã„ã†è©±ã‚’ã—ãŸã€‚ ãƒã‚°: #error_handling_sushi - Togetterã¾ã¨ã‚ #error_handling_sushi å§‹ã¾ã£ãŸ #å¯¿å¸ã¨ã¯ pic.twitter.com/XZe21QTsDO â€” Takuto Wada (@t_wada) March 6, 2015 â€“ åŸºèª¿è¬›æ¼” - teppeis ã“ã‚ŒãŒ #error_handling_sushi pic.twitter.com/vSLDpthYi4 â€” azu (@azu_re) March 6, 2015 #error_handling_sushi åŸºèª¿è¬›æ¼” ä¸€
sotarok 2015/03/10
javascript
ãƒªãƒ³ã‚¯
require('events').EventEmitter.call(this) ã®æ„å‘³ - Block Rockinâ€™ Codes
[ä¿®æ£] ã‚³ãƒ¡ãƒ³ãƒˆã§æŒ‡æ‘˜ã•ã‚ŒãŸã‚ˆã†ã«ã€å›žç”4ã®è¨³ãŒé–“é•ã£ã¦ã„ãŸã®ã§è¨‚æ£ã—ã¾ã—ãŸã€‚ Node ã® ML ã«ä»¥ä¸‹ã®ã‚ˆã†ãªè³ªå•ãŒæŠ•ç¨¿ã•ã‚Œã¾ã—ãŸã€‚ What is the meaning of require('events').EventEm itter.call(this) å†…å®¹ã¨ã—ã¦ã¯ã€‚ ã€Œä»¥ä¸‹ã®ã‚ˆã†ãªã‚³ãƒ¼ãƒ‰ãŒã‚ã£ãŸã‚“ã ã‘ã©ã€ã“ã‚Œã£ã¦ã©ã†ã„ã†æ„å‘³ï¼Ÿã€ var util = require("util"); var events = require("events"); function MyStream() { // ã“ã“ã®æ„å‘³ãŒã‚ˆãã‚ã‹ã‚‰ã‚“ã€ã“ã‚Œã¯ `new MyStream` ã¨åŒã˜ã«è¦‹ãˆã‚‹ã‚“ã ã‘ã©é•ã†ã®ï¼Ÿ events.EventEm itter.call(this); } util.inherits(MyStream, events.EventEm itter); var steam =
sotarok 2015/02/24
eventemitter

javascript
ãƒªãƒ³ã‚¯
Webã®æœªæ¥ ã€œ PNaClã¨asm.jsã¦ã‚™ã‚«ãƒ¯ãƒ«ãƒŸãƒ©ã‚¤ - ã„ã¾ã€ãƒ¢ãƒã‚™ã‚¤ãƒ«Webã®å…ˆç«¯ã¦ã‚™èµ·ã“ã£ã¦ã„ã‚‹ã“ã¨
Webã®æœªæ¥ ã€œ PNaClã¨asm.jsã¦ã‚™ã‚«ãƒ¯ãƒ«ãƒŸãƒ©ã‚¤ - ã„ã¾ã€ãƒ¢ãƒã‚™ã‚¤ãƒ«Webã®å…ˆç«¯ã¦ã‚™èµ·ã“ã£ã¦ã„ã‚‹ã“ã¨
sotarok 2015/02/19
javascript

asm.js
ãƒªãƒ³ã‚¯
ãƒ†ã‚¹ãƒˆãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ mocha - hokaccha memo
JavaScript Advent Calendar 2011 (Node.js/WebSocketsã‚³ãƒ¼ã‚¹)3æ—¥ç›®ã®hokacchaã§ã™ã€‚Node.jsã®ãƒ†ã‚¹ãƒˆãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€mochaã«ã¤ã„ã¦æ›¸ãã¾ã™ã€‚ mochaã¯TJãŒæ–°ã—ãä½œã‚Šå§‹ã‚ã¦ã„ã‚‹ãƒ†ã‚¹ãƒˆãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’è¦‹ã‚Œã°ã§ãã‚‹ã“ã¨ã¯å¤§ä½“æ›¸ã„ã¦ã‚ã‚Šã¾ã™ã®ã§ã€ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’å…ƒã«ã©ã†ã„ã†ã“ã¨ãŒã§ãã‚‹ã®ã‹ã‚’è§£èª¬ã—ã¦ã„ãã¾ã™ã€‚ç¾æ™‚ç‚¹ã§ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯0.2.0ã§ã™ã€‚ http://visionmedia.github.com/mocha/ shouldã«ã¤ã„ã¦ ã¾ãšmochaã§ã©ã†ã„ã†ã“ã¨ãŒã§ãã‚‹ã‹ã®å‰ã«shouldã«ã¤ã„ã¦è§£èª¬ã—ã¦ãŠãã¾ã™ã€‚mochaã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã«ã¯ç‰¹ã«èª¬æ˜Žã‚‚ãªãshouldãŒä½¿ã‚ã‚Œã¦ã„ã¦ã€shouldã§ã©ã†ã„ã†ã“ã¨ãŒã§ãã‚‹ã‹ã‚ã‹ã£ã¦ãªã„ã¨ã€ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’èªã‚“ã ã¨ãã«mochaã®æ©Ÿèƒ½ãªã®ã‹shouldã®æ©Ÿèƒ½ãªã®
sotarok 2015/02/18
mocha

javascript

testing
ãƒªãƒ³ã‚¯
Gitlet
Gitlet is an implemention of Git in JavaScript. Over the last six years, I've become better at using Git for version control. But my conceptions of the index, the working copy, the object graph and remotes have just grown fuzzier. Sometimes, I can only understand something by implementing it. So, I wrote Gitlet, my own version of Git. I pored over tutorials. I read articles about internals. I trie
sotarok 2015/01/23
git

javascript
ãƒªãƒ³ã‚¯
ãªãœä»®æƒ³DOMã¨ã„ã†æ¦‚å¿µãŒä¿ºé”ã®é‚ã‚’éœ‡ãˆã•ã›ã‚‹ã®ã‹ - Qiita
è¿½è¨˜: æƒ…å ±ãŒè‰²ã€…ã¨å¤ããªã£ãŸãŸã‚ã€2020å¹´ã«æ›¸ãç›´ã—ãŸç‰ˆã¸ã®ãƒªãƒ³ã‚¯ã‚’å¼µã£ã¦ãŠãã¾ã™ã€‚ ã“ã®è¨˜äº‹ã¯ VirtualDOM Advent Calendar 2014 - Qiita ã®åˆæ—¥ã§ã™ã€‚ åˆæ—¥ã¨ã„ã†ã“ã¨ã§ã€åŸºèª¿è¬›æ¼”é¢¨ã«ã€Virtual DOMã¨ã¯ãªã«ã‹ã€ãªãœåƒ•ã¯ã“ã‚“ãªèˆˆå¥®ã—ã¦ã„ã‚‹ã®ã‹ï¼ã¨ã„ã†è©±ã‹ã‚‰ã€‚ Virtual DOMã¨ã¯ãªã«ã‹ æ—¢å˜ã®æ¦‚å¿µã§å½“ã¦ã¯ã‚ã‚‹ã¨ã€JavaScriptã®MVC, MVW(Whatever)ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®Viewã«ä½ç½®ã—ã¾ã™ã€‚ãŒã€ãã®ç¨‹åº¦ã§ã¯çµ‚ã‚ã‚Šã¾ã›ã‚“ã€‚ä»®æƒ³DOMã¨ã¯ä¸–ç•Œã‚’é©å‘½ã™ã‚‹åŠ›ã§ã‚ã‚Šã€ã“ã®jQueryã®DOMæ“ä½œã§æ±šã‚Œãã£ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’æ•‘ã†æ•‘ä¸–ä¸»ãªã®ã§ã™ã€‚ ç¾æ™‚ç‚¹ã§è‡ªåˆ†ãŒçŸ¥ã£ã¦ã„ã‚‹é™ã‚Šã¯ã€ä»¥ä¸‹ã®å®Ÿè£…ã‚’æŒ‡ã—ã¾ã™ã€‚ facebook/react æœ€ã‚‚ä½¿ã‚ã‚Œã¦ã‚‹Facebookã®å®Ÿè£… Matt-Esch/virtual-dom Altenative
sotarok 2015/01/06
javascript

virtualdom

react
ãƒªãƒ³ã‚¯
ãƒšãƒ¼ã‚¸ãƒ£Night 1ãƒšãƒ¼ã‚¸ç›®ã¨ã„ã†å‹‰å¼·ä¼šã‚„ã‚Šã¾ã—ãŸ - ãã®æ‰‹ã®å¹³ã¯å°»ã‚‚ã¤ã‹ã‚ã‚‹ã•
ãã†ã„ãˆã°æ˜¨æ—¥ã€Œãƒ”ã‚¯ã‚·ãƒ–æ ªå¼ä¼šç¤¾ã€ã£ã¦è¨€ãŠã†ã¨ã—ã¦3å›žãã‚‰ã„å™›ã‚“ã æ°—ãŒã™ã‚‹â€” ãƒ—ãƒªãƒ³ãƒˆã‚´ãƒƒã‚³ (@moznion) 2014, 7æœˆ 5 ãƒšãƒ¼ã‚¸ãƒ£Nightï¼Œåƒ•ãŒå½“åˆæƒ³å®šã—ã¦ã„ãŸã‚ˆã‚Šã‚‚1000å€ä½æœ‰ç›Šãªä¼šã«ãªã£ã¦æœ¬å½“ã«å¬‰ã—ã‹ã£ãŸã§ã™ï¼Žã‚ã¨ã§è¨˜äº‹ç‰æ›¸ãã¾ã™ï¼Žâ€” ãƒ—ãƒªãƒ³ãƒˆã‚´ãƒƒã‚³ (@moznion) 2014, 7æœˆ 5 éŒ²ç”»ã—ãŸustã®æ§˜åã¯ã“ã¡ã‚‰ http://www.ustream.tv/recorded/49544381 ãƒšãƒ¼ã‚¸ãƒ£Night <[1]> on Zusaarã¨ã„ã†ã‚¤ãƒ™ãƒ³ãƒˆã‚’é–‹å‚¬è‡´ã—ã¾ã—ãŸï¼Ž å®Ÿã«å†—è«‡ã¿ãŸã„ãªç†ç”±ã‹ã‚‰èˆˆã£ãŸã‚¤ãƒ™ãƒ³ãƒˆã§ã—ãŸãŒï¼Œãƒšãƒ¼ã‚¸ãƒ£ (ãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³) ã¨ã„ã†Webã‚µãƒ¼ãƒ“ã‚¹ã®1ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã«ç„¦ç‚¹ã‚’çµžã£ãŸéžå¸¸ã«æ¿ƒåŽšã‹ã¤èˆˆå‘³æ·±ã„ãƒˆãƒ¼ã‚¯ã®æ•°ã€…ã‚’èžãã“ã¨ãŒã§ãã¦ï¼Œéžå¸¸ã«è‰¯ã„å‹‰å¼·ä¼šã«ãªã£ãŸã¨æ€ã„ã¾ã™ï¼Ž ä»¥ä¸‹ï¼Œç™ºè¡¨ã®ä¸€è¦§ã§ã™ï¼Ž 15åˆ†ãƒˆãƒ¼ã‚¯ @mizchiã•ã‚“ ãŠå‰
sotarok 2014/07/07
javascript
ãƒªãƒ³ã‚¯
https://ruangkonsumen.com/promise-anti-patterns/
sotarok 2014/02/27
javascript
ãƒªãƒ³ã‚¯
Trelloã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹æ”¹å–„ - ãƒ¯ã‚¶ãƒŽãƒ | wazanova
http://blog.fogcreek.com/we-spent-a-week-making-trello-boards-load-extremely-fast-heres-how-we-did-it/ 1 comment | 0 points | by WazanovaNews â– comment by Jshiike | ç´„3æ™‚é–“å‰ Fog CreekãŒã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒ–ãƒã‚°ã§ã€ã‚«ãƒ¼ãƒ‰ã‚’è¼‰ã›ãŸãƒœãƒ¼ãƒ‰ç”»é¢ã®èªã¿è¾¼ã¿æ™‚é–“ã‚’æ”¹å–„ã•ã›ãŸå–çµ„ã¿ã‚’ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚1000ä»¶ç¨‹åº¦ã®ã‚«ãƒ¼ãƒ‰ã‚’èªã¿è¾¼ã‚‚ã†ã¨ã™ã‚‹ã¨ã€ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°å®Œäº†ã«7ç§’ã€œ8ç§’ã‹ã‹ã£ã¦ã€ç”»é¢ãŒãƒãƒƒã‚¯ã™ã‚‹ã“ã¨ãŒã‚ã£ãŸã®ã‚’ã€ã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³å¤‰æ›´ã«åˆã‚ã›ã¦ã€906ä»¶ã®ã‚«ãƒ¼ãƒ‰ã‚’1400x1000 pixel windowã§æ¯Žæ—¥10%ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°æ™‚é–“ã‚’çŸç¸®ã•ã›ã‚‹ç›®æ¨™ã«1é€±é–“æŒ‘æˆ¦ã—ãŸè¨˜éŒ²ã§ã™ã€‚ 1) Monday (7.2 seconds down to
sotarok 2014/01/23
javascript
ãƒªãƒ³ã‚¯
JavaScript Garden
JavaScript Garden ã¯JavaScriptã¨ã„ã†ãƒ—ãƒã‚°ãƒ©ãƒ è¨€èªžã®ä¸€ç•ªå¥‡å¦™ãªéƒ¨åˆ†ã«ã¤ã„ã¦ã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆé›†ã§ã™ã€‚ ã“ã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã¯JavaScriptã¨ã„ã†è¨€èªžã«æ…£ã‚Œã¦ã„ãªã„ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ãŒã“ã®è¨€èªžã«ã¤ã„ã¦æ·±ãçŸ¥ã‚ã†ã¨ã™ã‚‹éš›ã«éé‡ã™ã‚‹ã€è‰¯ãã‚ã‚‹é–“é•ã„ãƒ»å°ã•ãªãƒã‚°ãƒ»ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®å•é¡Œãƒ»æ‚ªã„ç¿’æ…£ãªã©ã‚’é¿ã‘ã‚‹ç‚ºã®ã‚¢ãƒ‰ãƒã‚¤ã‚¹ã‚’ä¸Žãˆã¾ã™ã€‚ JavaScript Gardenã¯JavaScriptã‚’æ•™ãˆã‚‹äº‹ã‚’ç›®çš„ã«ã—ã¦ã„ã¾ã›ã‚“ã€‚ã“ã®ã‚¬ã‚¤ãƒ‰ã®é …ç›®ã‚’ç†è§£ã™ã‚‹ç‚ºã«ã¯ã€ã“ã®è¨€èªžã«å¯¾ã™ã‚‹å‰æçŸ¥è˜ãŒã‚ã‚‹äº‹ã‚’æŽ¨å¥¨ã—ã¾ã™ã€‚ã“ã®è¨€èªžã®åŸºç¤Žéƒ¨åˆ†ã«ã¤ã„ã¦ã¯Mozilla Developer Networkã®ã‚¬ã‚¤ãƒ‰ ãŒã‚ªã‚¹ã‚¹ãƒ¡ã§ã™ã€‚ è‘—è€… ã“ã®ã‚¬ã‚¤ãƒ‰ã¯æ„›ã™ã¹ãStack Overflowã®2äººã®ãƒ¦ãƒ¼ã‚¶ãƒ¼Ivo Wetzel (åŸ·ç†)ã¨Zhang Yi Jiang (ãƒ‡ã‚¶ã‚¤ãƒ³)ã«ã‚ˆã£ã¦ä½œã‚‰ã‚Œã¾ã—ãŸã€‚ è²¢çŒ®è€… è²¢çŒ®
sotarok 2013/10/24
javascript
ãƒªãƒ³ã‚¯
JavaScript - Markdownãƒ‘ãƒ¼ã‚µãƒ¼ã®showdown.jsã€markdown-jsã€markedã‚’ç°¡å˜æ¯”è¼ƒ - ã¼ã£ã¡å‹‰å¼·ä¼š
ä¸»ã«æ¯”è¼ƒã—ãŸã„ã“ã¨ ä½¿ã„æ–¹ å¤‰æ›çµæžœã®è¦‹ãŸç›®ã®å°è±¡ tableè¨˜æ³•ã‚’è§£é‡ˆã§ãã‚‹ã‹ ã‚³ãƒ¼ãƒ‰ãƒ–ãƒãƒƒã‚¯ã®è§£é‡ˆ å‹•ä½œç¢ºèªã®å‰æ Markdownã¯Quick Markdown Exampleã‹ã‚‰ä¸€éƒ¨å¼•ç”¨ã—ã¦ã„ã¾ã™ ä½¿ç”¨ã—ãŸãƒ†ã‚ã‚¹ãƒˆã¯Gistã«ç½®ã„ã¦ãŠãã¾ã™ CSSã¯Twitter Bootstrapã‚’ä½¿ã£ã¦ã„ã¾ã™ ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã§ä½¿ã†å ´åˆã‚’æƒ³å®šã—ã¦ã„ã¾ã™(=node.jsã§ã®ä½¿ç”¨ä¾‹ã§ã¯ãªã„) HTMLã¯ã©ã‚Œã‚‚æ¬¡ã®ã‚³ãƒ¼ãƒ‰ã‚’åŸºæœ¬ã¨ã—ã¦ã„ã¾ã™ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <link href="bootstrap.min.css" rel="stylesheet"> </head> <body> <div class="container"> <div id="content">hoge</div> </di
sotarok 2013/10/16
markdown

javascript
ãƒªãƒ³ã‚¯
nodetime ãŒå‹•ã„ã¦ã„ã‚‹ä»•çµ„ã¿ - ã¼ã¡ã¼ã¡æ—¥è¨˜
ã¡ã‚‡ã†ã©æ˜¨æ—¥ã§ã™ãŒã€nodetime ã¨ã„ã†ãªã‹ãªã‹é¢ç™½ã„ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ãŒå…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚ https://nodetime.com/ npm ã§ nodetime ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ãŸå¾Œã«è‡ªåˆ†ã®ãƒ—ãƒã‚°ãƒ©ãƒ ã®å…ˆé ã«ã€ require('nodetime').profile(); ã‚’ä»˜ã‘åŠ ãˆã¦å®Ÿè¡Œã™ã‚‹ã¨ã€æ¨™æº–å‡ºåŠ›ã« URL ãŒå‡ºåŠ›ã•ã‚Œãã“ã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã¨ã€ã‚ã‚‰ã‚ã‚‰ä¸æ€è° å®Ÿè¡Œã—ãŸã‚µã‚¤ãƒˆã®CPUè² è·ã‚„ãƒ¡ãƒ¢ãƒªä½¿ç”¨é‡ã®æ™‚é–“ç³»åˆ—ã‚„APIã§èªã¿æ›¸ãã—ãŸãƒ‡ãƒ¼ã‚¿é‡ã®æŽ¨ç§»ãªã©ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã«å¿…è¦ãªãƒ‡ãƒ¼ã‚¿ãŒã‚°ãƒ©ãƒ•ã‚„è¡¨ã§è¡¨ç¤ºã•ã‚Œã¦ã¾ã™ã€‚ ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚„ node ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«ä¸€åˆ‡æ‰‹ã‚’å…¥ã‚Œãšã«ã“ã‚“ãªãƒ‡ãƒ¼ã‚¿ãŒè‡ªå‹•çš„ã«å–å¾—ã§ãã‚‹ã¨ã¯ãªã‚“ã¦ã‚¹ãƒ†ã‚ãªæ©Ÿèƒ½ãªã‚“ã§ã—ã‚‡ã†ã€‚ãã“ã§ github ã§å…¬é–‹ã•ã‚Œã¦ã„ã‚‹ã‚½ãƒ¼ã‚¹ã‹ã‚‰ã“ã® nodetime ã¨ã„ã†æ©Ÿèƒ½ãŒã©ã†ã‚„ã£ã¦å®Ÿç¾ã§ãã¦ã„ã‚‹ã‹ã¡ã‚‡ã£ã¨èª¿ã¹ã¾ã¦ã¿ã¾ã—ãŸã€‚
sotarok 2013/08/27
node.js

javascript
ãƒªãƒ³ã‚¯
Loading JSON-formatted data with Ajax and xhr.responseType='json' Â· Mathias Bynens
This post explains a hidden gem in the XMLHttpRequest standard that simplifies the process of fetching and parsing JSON data through Ajax. JSON & JSON-P A common way to offer server-generated data to browsers so that it can be used in client-side JavaScript is by formatting the data as JSON, and making it accessible through its own URL. For example: $ curl 'https://mathiasbynens.be/demo/ip' {"ip":
sotarok 2013/07/29
json

javascript
ãƒªãƒ³ã‚¯
æœ€è¿‘ã®JavaScripté–‹ç™ºã¾ã¨ã‚
ã“ã‚“ã«ã¡ã¯ã€ä¸å·ã§ã™ã€‚ ã“ã“1ãƒ»2å¹´ã§ã™ãŒã€ç§ã®æ‹…å½“ã™ã‚‹ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã¯ã€ PHPã‚ˆã‚Šã‚‚JavaScriptã®é–‹ç™ºãŒå¤šã„çŠ¶æ…‹ãŒç¶šã„ã¦ãŠã‚Šã¾ã™ã€‚ JSã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’é‡ãã‚‹ã«ã¤ã‚Œã€é–‹ç™ºç’°å¢ƒã‚‚æ®µã€…ã¨æ•´ç†ã•ã‚Œã¦ãã¾ã—ãŸã®ã§ã€ ä¸€æ—¦ã€æœ€è¿‘ã®JSé–‹ç™ºã§åˆ©ç”¨ã—ã¦ã„ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚„ãƒ„ãƒ¼ãƒ«ãªã©ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ â—Backbone.js http://backbonejs.org/ JavaScriptã®MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€‚ ä½•ã‚‚ä½¿ã‚ãªã„(ã‚‚ã—ãã¯æˆ‘æµ)ã‚ˆã‚Šã¯ã€ã“ã‚Œã‚’ä½¿ã£ã¦æ¬²ã—ã„ã¨æ€ãˆã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ åˆ©ç”¨è€…ãŒå¤šãæ—¥æœ¬èªžæƒ…å ±ã‚‚è±Šå¯Œã«ã‚ã‚‹ã®ã¨ã€ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯è‡ªä½“ãŒ1500è¡Œç¨‹åº¦ã¨è»½é‡ãªãŸã‚ã€å¦ç¿’ã‚³ã‚¹ãƒˆã‚’ä½ŽãæŠ‘ãˆã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ â—AngularJS http://angularjs.org/ ãƒ‡ãƒ¼ã‚¿ãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã‚’å‚™ãˆãŸãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€‚ é«˜æ©Ÿèƒ½ãªãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚„ã€DIã®ä»•çµ„ã¿ã€ãƒ«ãƒ¼ãƒ†
sotarok 2013/07/21
javascript
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 8 9 10 æ¬¡ã®ãƒšãƒ¼ã‚¸