Using Grunt & the ES6 Module Transpiler
(or tomorrow's syntax, today!) Modules are one of the most interesting and useful additions coming in ES6, the next version of JavaScript. A lack of universal module support has long been a pain point for JavaScript. While it's been understood for a long time that simply concatenating files together isn't going to cut it when you start developing complicated applications and dependency trees, the
勉強会資料シェア Getting Started with RequireJS
ã’ã‚Šã‚“ãã™ãŸãƒ¼ã¦ã£ã© ã†ãƒãš ã‚Šãã‚ãƒã‚ーã˜ã‡ãƒ¼ã‡ã™ ã¨ã„ã†ã“ã¨ã§ã€ç¤¾å†…勉強会ã§RequireJSã®å…¥é–€è³‡æ–™ã‚’ã“ã•ãˆãŸã®ã§ã‚·ã‚§ã‚¢ã€‚ 利用ã—ãŸãƒ‡ãƒ¢ãƒ•ã‚¡ã‚¤ãƒ«ã‚»ãƒƒãƒˆ http://d.aho.mu/S4mh ãªã‚“ã¨ãªãRequireJSãŒå‹•ãセットã§ã™ã€‚スライドä¸ã®r.jsã«ã‚ˆã‚‹ãƒ“ルドコマンドやã€gruntを利用ã—ãŸãƒ“ルドも試ã›ã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ ãŠã•ãˆã‚‹ã¹ãè¦ç‚¹ ã„ãã¤ã‹ã®è¦ç‚¹ã ã‘記事内ã«æ–‡å—列ã§ãŠã“ã—ã¦ãŠãã¾ã™ã‚‹ã€‚ モジュラーã¨ä¾å˜é–¢ä¿‚ Webサイト → Webアプリ ã¸ã®æµã‚ŒãŒæ˜Žç¢ºã«ãªã£ã¦ãã¦ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãŒè¤‡é›‘化ã—ã¦ãã¦ã„る今ã€1ã¤ã®JSファイルã«ã¤ã‚‰ã¤ã‚‰ã¨CSSã®ã‚ˆã†ãªãƒŽãƒªã§æ›¸ã連ãる時代ã¯çµ‚ã‚ã‚Šã¤ã¤ã‚ã‚Šã¾ã™ã€‚ ParisJS #10 : RequireJS ã“ã®ã‚ãŸã‚Šã«ã¤ã„ã¦ã¯ã€ä¸Šè¨˜ã®ç´ 晴らã—ã„スライドã‹ã‚‰ã€Figureã‚’æ‹å€Ÿã—ã¾ã—ãŸã€‚個々ã®JavaScriptã®ç²’度ãŒæƒãˆã¦ãƒ¢ã‚¸
CommonJS AMDã¨Deferred - monjudoh’s diary
Writing Modular JavaScript With AMD, CommonJS & ES Harmonyã®Modules With Deferred DependenciesãŒä¾¿åˆ©ãªã®ã§æ´»ç”¨ã—ã¦ã‚‹ã€‚ åˆæœŸåŒ–処ç†ãŒéžåŒæœŸå‡¦ç†ã§requireã—ã¦ãã¦ã‚‚å³ä½¿ãˆã‚‹ã¨ã¯é™ã‚‰ãªã„å ´åˆã«ä½¿ã†ã€‚ モジュールå´ã§ã¯ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ãã®ã‚‚ã®ã§ã¯ãªãã¦promiseã‚’è¿”ã—ã¦ãŠã„ã¦ã€ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã®å®Ÿä½“ãŒå®Œæˆã—ãŸã‚‰resolveã§æ¸¡ã™ã€‚ 使ã†å´ã¯requireã—ã¦ããŸpromiseã®thenメソッドã®callbackã§ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã®å®Ÿä½“ã‚’å—ã‘å–ã£ã¦ä½¿ã†ã€‚ // 何らã‹ã®éžåŒæœŸå‡¦ç†ã‚’経ã¦åˆæœŸåŒ–ã•ã‚Œã‚‹ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ« define('someModule',['jquery'],function($){ var dfd = $.Deferred(); setTimeout(function(){ // モジュールã¨ã—ã¦å®Ÿéš›
Writing Modular JavaScript With AMD, CommonJS & ES Harmony
Writing Modular JavaScript With AMD, CommonJS & ES Harmony When we say an application is modular, we generally mean it's composed of a set of highly decoupled, distinct pieces of functionality stored in modules. As you probably know, loose coupling facilitates easier maintainability of apps by removing dependencies where possible. When this is implemented efficiently, its quite easy to see how cha
Upgrading to RequireJS 2.0
There has been a good deal real world usage of requirejs, and there were some features around configuration that have come up that would be nice to add. At the same time, there were some configuration options and internal features that have not held their weight, and it would be good to remove them. Support for the AMD APIs has not changed. If anything, I am hoping that the AMD loader implementers
geddesign/wrapjs · GitHub
README.mdwrap.js version 0.2.1 A RequireJS plugin for wrapping regular scripts as AMD modules. This is useful for cases where regular scripts have dependencies, like jQuery plugins and Backbone. Inpired by Tim Branyen's use.js plugin. Depends on the text plugin Usage In your require.config use the wrapJS object to specify which scripts you want to wrap. Use the deps attribute to specify all the sc
最近ã®JavaScriptモジュールã®æ›¸ãæ–¹ - yo_waka's blog
サーãƒã‚µã‚¤ãƒ‰ï¼ˆç‰¹ã«Node.js）ã¨ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ä¸¡æ–¹ã§å‹•ã‹ã—ãŸã„ã‚‚ã®ã¯æœ€è¿‘ã¯ã“ã‚“ãªæ„Ÿã˜ã§æ›¸ã„ã¦ã„る。 CommonJSã®wiki見ã¦ã¦ãã“ã«ç´¹ä»‹ã•ã‚Œã¦ã‚‹ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã§ï¼ˆã©ã‚Œã ã£ãŸã‹å¿˜ã‚ŒãŸã‘ã©ã€‚。）やã£ã¦ãŸã®ã‚’見ã¦ã„ã„ãªãƒ¼ã¨æ€ã£ã¦çœŸä¼¼ã£ã“ã—ãŸã€‚ (function(define) { define([], function() { 'use strict'; /** * @constructor */ var SomeClass = function() { // initialize }; /** * @type {string} * @private */ SomeClass.prototype.hoge_ = 'hoge'; /** * @return {string} */ SomeClass.prototype.getHoge = function() { return th
Essential jQuery Plugin Patterns — Smashing Magazine
Addy Osmani explores several time-saving design patterns and best practices that can be employed to improve your plugin development process. (Note: this post is targeted at intermediate to advanced developers.) I occasionally write about implementing design patterns in JavaScript. They’re an excellent way of building upon proven approaches to solving common development problems, and I think there’
CoffeeScript時代ã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚·ã‚¹ãƒ†ãƒ ã®é¸ã³æ–¹ã‚¬ã‚¤ãƒ‰ | netswitch!
猫もæ“åã‚‚CoffeeScriptã®ä¸–ã®ä¸ã€CoffeeScriptã«æ‰‹ã‚’出ã—ã¦ã—ã¾ã£ãŸãŒãŸã‚ã«(JavaScriptã®ä¸–ã«)帰らã¬äººã¨ãªã‚Šã¤ã¤ã‚る人ã¯ãŸãã•ã‚“ã„ã‚‹ã¨æ€ã†ã€‚ 僕も最近CoffeeScriptã«æ‰‹ã‚’染ã‚五分ã§å¸°ã‚Šé€”を見失ã£ã¦ã—ã¾ã£ãŸã€‚ CoffeeScriptã®ç·¨é›†ã«ã¯ujihisaæ°ã®shadow.vimãŒä¾¿åˆ©ã 。 shadow.vimを手çŸã«ç´¹ä»‹ã™ã‚‹ã¨ã€main.js ã‚’é–‹ã„ã¦ç·¨é›†ã—ã¦ã„ã‚‹ã¨æ€ã£ãŸã‚‰å®Ÿã¯main.js.shd(ä¸èº«ã¯CoffeeScript)を編集ã—ã¦ã„ã¦ã€æ°—ã¥ã„ãŸæ™‚ã«ã¯ã™ã§ã«main.js.shdã®ã‚³ãƒ³ãƒ‘イルçµæžœãŒmain.jsã«ä¿å˜ã•ã‚Œã¦ã„ã‚‹ã€ã¨ã„ã†vim-pluginã§ã‚る。 ã•ã¦ã€JavaScriptã‚’æœ¬æ ¼çš„ã«ä½¿ã†ã«ã¯ã€ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚·ã‚¹ãƒ†ãƒ ã‚’é¿ã‘ã¦é€šã‚‹äº‹ã¯ã§ããªã„。 ã‚°ãƒãƒ¼ãƒãƒ«å¤‰æ•°ã‚’多用ã™ã‚‹ã“ã¨ã‚‚許ã•ã‚Œã¦ã„ã‚‹JavaScriptã§ã¯ã€ãƒ©ã‚¤ãƒ–ラリã«ã‚ˆã‚‹
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Introducing Wire Protocol Buffers
http://usejsdoc.org/howto-commonjs-modules.html
GitHub - millermedeiros/amd-utils: modular JavaScript utilities written in the AMD format
The Definitive TypeScript Guide - Blog | SitePen
{{#tags}}- {{label}}
{{/tags}}