In this talk, I describe a JavaScript application architecture that is highly decoupled, encouraging modules to only publish and subscribe to events of …
Scalable JavaScript Design Patterns
In this talk, I describe a JavaScript application architecture that is highly decoupled, encouraging modules to only publish and subscribe to events of …
JavaScriptã®é–¢æ•°ï¼ˆãƒ©ãƒ ダ関数ã¨ã‹ã‚¯ãƒãƒ¼ã‚¸ãƒ£ãƒ¼ã¨ã‹ï¼‰ - hogehoge @teramako
知ã£ã¦ã¦å½“然？åˆç´šè€…ã®ãŸã‚ã®JavaScriptã§ä½¿ã†å³æ™‚関数(function(){...})()ã®å…¨ã¦ - 三ç‰å…µ ã¯ã¦ãªãƒ–ックマーク - 知ã£ã¦ã¦å½“然？åˆç´šè€…ã®ãŸã‚ã®JavaScriptã§ä½¿ã†å³æ™‚関数(function(){...})()ã®å…¨ã¦ - 三ç‰å…µ 知ã£ã¦ã¦å½“然？åˆç´šè€…ã®ãŸã‚ã®JavaScriptã§ä½¿ã†å³æ™‚関数(function(){...})()ã®å…¨ã¦ - 三ç‰å…µã®è¨˜äº‹ã‚’èªã‚“ã 後ã«å½“記事をèªã‚€ã“ã¨æŽ¨å¥¨ã€‚ ブックマークコメントを見ã¦ã„ã¦ã€ç”¨èªžã®ä½¿ã„分ã‘ãŒæ°—ã«ãªã£ãŸã®ã§æ›¸ã„ã¦ãŠã“ã†ã¨æ€ã†ã€‚ ç„¡å関数ã‹ã‚¯ãƒãƒ¼ã‚¸ãƒ£ãƒ¼ãŒä¸€èˆ¬çš„ã˜ã‚ƒãªã„ã®ã‹?å³å®ŸåŠ¹é–¢æ•°ã¨ã‹ä½¿ã„æ¨ã¦é–¢æ•°ãªã‚“ã¦åˆã‚ã¦èžã„ãŸã€‚ 「å³æ™‚関数ã€ã‚’言ã„表ã—ãŸã„ã¨ãã«ã€ŒåŒ¿å関数ã€ã¨ã‹ã€Œã‚¯ãƒãƒ¼ã‚¸ãƒ£ãƒ¼ã€ã¨ã„ã†ã®ã¯ä¸ç›¸å¿œã€‚ 「匿å関数〠ã“ã‚Œã¯å˜ã«åå‰ã®ä»˜ã„ã¦ã„ãªã„関数を表ã™è¨€è‘‰ã§ã‚ã£ã¦ã€å®šç¾©å¾Œã«å³å®Ÿè¡Œã™ã‚‹é–¢æ•°ã‚’指ã™ã¨ã¯é™ã‚‰ãªã„。ã¾ãŸã€è¨˜
å½¼æ°ãŒ(function(){...})()ã‚’å³æ™‚関数ã£ã¦è¨€ã£ã¦ãŸã€‚別れãŸã„。 - ã“ã®ãƒ–ãƒã‚°ã¯è¨¼æ˜Žã§ããªã„。
JavaScriptã®(function(){...})()ã«ã¤ã„ã¦ã€åˆå¿ƒè€…å‘ã‘ã®è¨˜äº‹ãŒã‚ãŒã£ã¦ã¾ã—ãŸã€‚ã„ã„記事ã§ã™ã。長ã„ã‘ã©ã€ã„ã„記事ã§ã™ã。ã§ã‚‚ã€(function(){...})()ã‚’å³æ™‚関数ã¨å‘¼ã¶ã®ã«é•å’Œæ„ŸãŒã‚ã‚Šã¾ã™ã€‚ã‚。é•å’Œæ„Ÿã—ã‹ã‚ã‚Šã¾ã›ã‚“。 知ã£ã¦ã¦å½“然？åˆç´šè€…ã®ãŸã‚ã®JavaScriptã§ä½¿ã†å³æ™‚関数(function(){...})()ã®å…¨ã¦ - 三ç‰å…µ 記事ã‹ã‚‰å¼•ç”¨ã€‚ã“ã‚Œã§ã™ã。 (function($){ $.hoge = function() { }; })(jQuery) (function(){...})()ãŒã€ã€ŒJavaScriptパターン ―優れãŸã‚¢ãƒ—リケーションã®ãŸã‚ã®ä½œæ³•ã€ã¨ã„ã†æœ¬ã§ã€Œå³æ™‚関数ã€ã¨å付ã‘られã¦ã‚‹ã‚‰ã—ã„ã§ã™ã€‚ãˆãƒ¼ã€‚ã“ã‚Œã€é–¢æ•°ã˜ã‚ƒãªã„ã§ã™ã‚ˆã。(function(){...})ã¨ã„ã†ç„¡å関数を()ã§ã‚³ãƒ¼ãƒ«ã—ã¦ã‚‹å‡¦ç†ã«è¦‹ãˆã¾ã™ã€‚ å‹•è©žã‚’åè©žã¨ã—
å³æ™‚関数(function(){ ... })()ã®åˆ¥ã®æ›¸ãæ–¹ã„ã‚ã„ã‚ - æ³¥ã®ã‚ˆã†ã«
JavaScriptã§ã‚ˆã使ã‚れるコード片ã«å³æ™‚関数ã¨ã„ã†ã‚‚ã®ãŒã‚ã‚Šã¾ã™ã€‚ç„¡å関数を宣言ã—ã¦å³å®Ÿè¡Œã™ã‚‹ã“ã¨ã§ã€ãƒ–ãƒãƒƒã‚¯ã‚¹ã‚³ãƒ¼ãƒ—ã®å˜åœ¨ã—ãªã„JavaScriptã«ãŠã„ã¦æ“¬ä¼¼çš„ã«ãƒ–ãƒãƒƒã‚¯ã‚¹ã‚³ãƒ¼ãƒ—ã‚’å†ç¾ã—ã¾ã™ã€‚ var a = "global"; (function(){ var a = "local"; alert(a); //local })(); alert(a); //global 一番有åãªã®ã¯ã“ã®(function(){ ... })()ã®å½¢å¼ãªã®ã§ã™ãŒã€ãªãœfunctionã®å¤–å´ã«ã‚«ãƒƒã‚³ãŒå¿…è¦ãªã®ã‹ä¸æ€è°ã«æ€ã£ãŸã“ã¨ã¯ãªã„ã§ã—ょã†ã‹ï¼Ÿã€€ãŸã‚ã—ã«function(){ ... }()ã¨æ›¸ã„ã¦ã¿ã‚‹ã¨ã€Syntax ErrorãŒç™ºç”Ÿã—ã¾ã™ã€‚ ãªãœfunction(){ ... }()ã¯Syntax Errorãªã®ã‹ JavaScriptã«ã¯functionæ–‡ã¨functionå¼ãŒã‚ã£ã¦ã€
JavaScriptパターンèªã‚“ã 。çµæ§‹ã„ã„本ã ã¨æ€ã†ã€‚ - terurouメモ
JavaScriptパターン ―優れãŸã‚¢ãƒ—リケーションã®ãŸã‚ã®ä½œæ³•posted with amazlet at 11.03.08Stoyan Stefanov オライリージャパン 売り上ã’ランã‚ング: 1642 Amazon.co.jp ã§è©³ç´°ã‚’見る id:uupaa ã•ã‚“ãŒè‰¯ã„本ã¨Twitter上ã§è¨€ã£ã¦ã„ãŸã®ã§ã€å‹¢ã„ã§è²·ã£ã¦ä¸€æ°—ã«èªã‚“ã 。索引もå«ã‚ã¦200ページ程度ã®æœ¬ãªã®ã§ã€JavaScriptãŒã‚¬ãƒƒãƒ„リ書ã‘る人ã§ã‚ã‚Œã°1時間弱ã€ä¸ç´šè€…程度ã§ã‚‚2時間強もã‚ã‚Œã°ä¸€é€šã‚Šèªã‚ã‚‹ã¨æ€ã†ã€‚ 感想ã¨ã‹ã€å„ç« ã§å€‹äººçš„ã«æ°—ã«ãªã£ãŸã¨ã“ã‚ã¨ã‹ 多少「ã“れ書ã‹ãªãã¦ã‚‚ã„ã„ã‚“ã˜ã‚ƒã？ã€çš„ãªæ„Ÿã˜ã‚’å—ã‘ãŸç®‡æ‰€ãŒã‚ã£ãŸãŒã€ä¸Šç´šè€…を目指ã™ä¸ç´šãƒ¬ãƒ™ãƒ«ã®JSerã¯èªã‚“ã ã»ã†ãŒè‰¯ã•ãã†ãªæ°—ãŒã™ã‚‹ã€‚個人的ã«ã¯è‡ªå·±æµï¼Ÿã§ã‚„ã£ã¦ã„ãŸã“ã¨ãŒãƒ‘ターンã¨ã—ã¦è¨˜è¼‰ã•ã‚Œã¦ã„ã¦ã€æ¦‚ãæ£ã—ã„ã“ã¨ã‚’ã—ã¦ã„ãŸã‚“ã ãªãã¨å†ç¢ºèªã§ãã¦ã‚ˆã‹ã£ãŸã€‚
this===javascript.modern; // 書評 - JavaScriptパターン : 404 Blog Not Found
2011å¹´02月10æ—¥20:45 カテゴリ書評/画評/å“è©•Lightweight Languages this===javascript.modern; // 書評 - JavaScriptパターン オライリー矢野様より献本御礼。 JavaScriptパターン Stoyan Stefanov / 豊ç¦å‰›è¨³ [原著:JavaScriptパターン] å¾…ã£ã¦ã¾ã—ãŸ! ã“ã‚Œã“ãã€ãƒ¢ãƒ€ãƒ³ãªJavaScript。 「JavaScript: The Good Partsã€ãŒã€ŒJavaScriptã‹ãã‚ã‚‹ã¹ãã€ã¨ã„ã†ä¸€å†Šãªã‚‰ã€ã“ã¡ã‚‰ã¯ã€ŒJavaScriptã“ã†æ›¸ãã¹ãã€ã¨ã„ã†ä¸€å†Šã€‚プãƒJavaScriptersã€å¿…æºã€‚ 本書「JavaScriptパターンã€ã¯ã€ã€Œãªã‚“ã§ã‚‚ã‚ã‚Šã€ã§ã‚ã‚‹ãŒã‚†ãˆã«ã€Œãªã«ãŒãªã‚“ã ã‹ã‚ã‹ã‚‰ãªã‹ã£ãŸã€JavaScriptã®ä¸–界を「ã‹ãŸã¥ã‘ã¦ãれるã€ä¸€å†Šã€‚ 内容紹介 JavaScript
javascript - ãµã¤ã†ã®namespace : 404 Blog Not Found
2007å¹´02月02æ—¥16:45 カテゴリ javascript - ãµã¤ã†ã®namespace ã“ã‚Œã¯ã„ã„ã¨ã—ã¦ã€ IT戦記 - JavaScript ã®åå‰ç©ºé–“ シンボルã®è¡çªãŒéžå¸¸ã«å¤§ããªå•é¡Œã¨ãªã‚‹ã€‚ãã®ä»£è¡¨ä¾‹ãŒ Firefox ã®æ‹¡å¼µæ©Ÿèƒ½å†…ã®ã‚·ãƒ³ãƒœãƒ«ã§ã‚る。 ã“ã‚Œã¯JSç•Œã®ãƒ©ãƒžãƒŒã‚¸ãƒ£ãƒ³ãªamachangãªã‚‰ã¨ã«ã‹ãã€ç§ã§ã‚‚èµ·ã抜ã‘ã«ã‚³ãƒ¼ãƒ’ーã®æ¹¯æ°—も当ãŸã‚‰ã¬ã“ã¡ã“ã¡ã®é ã§ã¯ã¤ã„ã¦ã‘ん。 window['http://d.hatena.ne.jp/amachang/']={}; // URI (function(){with(this){ // ã“ã“ã«ã‚³ãƒ¼ãƒ‰ã‚’書ã }}).apply(window['http://d.hatena.ne.jp/amachang/']); // URI ã“ã‚Œã¯ãµã¤ã†ã« // Namespace jp.ne.hatena.d.amachang a la J
JavaScript Garden
JavaScript Garden is a growing collection of documentation about the most quirky parts of the JavaScript programming language. It gives advice to avoid common mistakes and subtle bugs, as well as performance issues and bad practices, that non-expert JavaScript programmers may encounter on their endeavours into the depths of the language. JavaScript Garden does not aim to teach you JavaScript. Form
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}