– Tech Pro ShoppingWE'RE COOMING SOON The page has not yet been created, but we are already working on it, we are working hard to give you the best experience with this
Re: RequireJSを使ã†ã®ã‚’æ¢ã‚ãŸç†ç”± - teppeis blog
RequireJSを使ã†ã®ã‚’æ¢ã‚ãŸç†ç”± | ãã‚Œãªã‚Šãƒ–ãƒã‚° ã‚’èªã‚“ã§ã€ã»ã¼åŒæ„ã ã£ãŸã®ã§ã™ãŒã€æ„è˜ãŒé«˜ã¾ã£ãŸã®ã§ã„ãã¤ã‹ã‚³ãƒ¡ãƒ³ãƒˆã‚’。 å«Œã ã£ãŸã¨ã“゠基本的ã«ã€1æžšã®JSファイルãŒ1モジュールã€ãƒ•ã‚¡ã‚¤ãƒ«åãŒã‚³ãƒ¼ãƒ‰ã«å½±éŸ¿ã™ã‚‹ã€‚ ãã‚ŒãŒã§ãã‚‹ã®ãŒè‰¯ã„ã¨ã“ã‚ã ã¨æ€ã£ã¦ã¾ã—ãŸã€‚ ãれもã‚ã£ã¦ã€çµåˆãƒ»åœ§ç¸®ã¯ r.js ã¨ã„ã†å°‚用ã®ãƒ„ールãŒå¿…è¦ã«ãªã‚‹ã€‚Grunt ã® concat ã¨ã‹ uglify ã¨ã‹ä½¿ãˆãªã„。 リリース版ã§ã¯ãƒ“ルドãŒã»ã¼å¿…é ˆã¨ã„ã†ã®ãŒRequireJSã®æ¬ 点ã§ã™ã。 ãŸã Gruntã«ã¤ã„ã¦ã¯ã€grunt-contrib-requirejsを使ãˆã°ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§uglifyã•ã‚Œã¾ã™ã—ã€concatãªã©ä»–ã®Gruntタスクã¨çµ„ã¿åˆã‚ã›ã‚‹ã“ã¨ã‚‚å¯èƒ½ã§ã™ã€‚ AMD ã®ä»•æ§˜ã§ã¯ã€ã€ŒJSファイルã®ãƒªã‚¹ãƒˆã‚’é †ç•ªé€šã‚Šã«èªã¿è¾¼ã¿/実行ã™ã‚‹ã€ã¨ã„ã†ã“ã¨ãŒã§ããªã„。実際何ãŒå›°ã£ãŸã‹ã¨ã„ã†ã¨ã€åˆ†å‰²ã—㟠m
RequireJSを使ã†ã®ã‚’æ¢ã‚ãŸç†ç”± | ãã‚Œãªã‚Šãƒ–ãƒã‚°
RequireJS ã¯ã¿ã‚“ãªä½¿ã£ã¦ã‚‹ã‚‰ã—ーã—〠何ã‹ã‹ã£ã“ã„ã„ã—ã€æ„è˜é«˜ãã†ã ã—ã€ä½¿ã£ã¨ãã‹ï¼ ・・・ã¨ã€æ€ã£ã¦è©¦ã—ã«ä½¿ã„始ã‚ã¦ã¿ãŸã®ã§ã™ãŒã€ 自分ãŒä½œã‚‹ã‚ˆã†ãªå°è¦æ¨¡ãªã‚‚ã®ã®å ´åˆã€ 大変ãªå‰²ã«è‰¯ã„事ã‚ã‚“ã¾ã‚Šãªã„ã®ã§ä½¿ã†ã®ã‚’æ¢ã‚ã¾ã—ãŸã€‚ 以下ã€å¿˜ã‚Œãã†ãªã®ã§ãã®ç†ç”±ã‚’メモã£ã¦ç½®ãã¾ã™ã€‚ 基本的ã«ã€1æžšã®JSファイルãŒ1モジュールã€ãƒ•ã‚¡ã‚¤ãƒ«åãŒã‚³ãƒ¼ãƒ‰ã«å½±éŸ¿ã™ã‚‹ã€‚ãれもã‚ã£ã¦ã€çµåˆãƒ»åœ§ç¸®ã¯ r.js ã¨ã„ã†å°‚用ã®ãƒ„ールãŒå¿…è¦ã«ãªã‚‹ã€‚Grunt ã® concat ã¨ã‹ uglify ã¨ã‹ä½¿ãˆãªã„。 AMD ã®ä»•æ§˜ã§ã¯ã€ã€ŒJSファイルã®ãƒªã‚¹ãƒˆã‚’é †ç•ªé€šã‚Šã«èªã¿è¾¼ã¿/実行ã™ã‚‹ã€ã¨ã„ã†ã“ã¨ãŒã§ããªã„。実際何ãŒå›°ã£ãŸã‹ã¨ã„ã†ã¨ã€åˆ†å‰²ã—㟠mocha ãƒ†ã‚¹ãƒˆã‚±ãƒ¼ã‚¹ã‚’é †ç•ªé€šã‚Šã«å®Ÿè¡Œã§ããªããªã£ãŸã¨ã„ã†ã“ã¨ã€‚çµæžœã¯å¤‰ã‚らãªãã¦ã‚‚ã€é †ç•ªé€šã‚Šã«å®Ÿè¡Œã•ã‚Œãªã„ã¨çµæžœãŒè¦‹è¾›ã„ã—ã€å•é¡ŒãŒèµ·ã“ã£ãŸæ™‚ã«ç™ºè¦‹ãŒé›£ã—ã„。ãŸã ã—ã“ã‚Œã¯
RequireJSを活用ã—ãŸã‚ャッシュ防æ¢ã€A/Bテストã€ç”»åƒäº‹å‰èªè¾¼ãªã© - Kengo's blog
[for English user] This article is a simple introduction about my project for Japanese developer. You do not have to read this, reading this project directly would be enough. RequireJSã®å¿œç”¨æ–¹æ³•ã«ã¤ã„ã¦èª¿ã¹ãŸå†…容をGitHubã§ã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚実装詳細ã¯GitHubã‚’ã”覧ã„ãŸã ãã¨ã—ã¦ã€ã“ã®ã‚¨ãƒ³ãƒˆãƒªã§ã¯ãã‚Œãžã‚Œã®å¿œç”¨ã«ã¤ã„ã¦ç°¡å˜ãªç´¹ä»‹ã‚’ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã‚ãƒ£ãƒƒã‚·ãƒ¥é˜²æ¢ JavaScriptファイルãŒãƒ–ラウザã«ã‚ャッシュã•ã‚Œã¦ã—ã¾ã†ãŸã‚ã«ã€ã‚¹ãƒ¼ãƒ‘ーリãƒãƒ¼ãƒ‰ãªã‚Šã‚ャッシュã®ã‚¯ãƒªã‚¢ãªã‚Šã‚’ã—ãªã„ã¨å¤‰æ›´å¾Œã®ãƒ•ã‚¡ã‚¤ãƒ«ãŒè©¦ã›ãªã„ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ ã‚ャッシュを防ã方法ã¨ã—ã¦ã‚¯ã‚¨ãƒªãƒ‘ラメータã®åˆ©ç”¨ãŒçŸ¥ã‚‰ã‚Œã¦ã„ã¾ã™ãŒã€Requ
RequireJS＋Backbone.jsã§ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ç®¡ç†ã•ã‚ŒãŸWebアプリ開発 | DevelopersIO
Todoアプリもã©ãを作る 今回ã¯RequireJSã®ç†è§£ã‚’æ·±ã‚ã‚‹ãŸã‚ã€Backbone.jsã¨çµ„ã¿åˆã‚ã›ã¦Todoã‚’è¿½åŠ ã™ã‚‹ã ã‘ã®ç°¡ç´ ãªãƒ‡ãƒ¢ã‚’作ã£ã¦ã¿ã¾ã—ãŸã€‚ Backbone.jsã«ã¤ã„ã¦ã‚‚触れã¦ã„ã‚‹ãŸã‚ã€è¨˜äº‹ãŒå°‘ã—é•·ã„ã§ã™ã€‚ ãŠæ€¥ãŽã®æ–¹ã¯ãƒšãƒ¼ã‚¸ä¸‹éƒ¨ã«ãƒ‡ãƒ¢ã¨ã‚µãƒ³ãƒ—ルコードãŒã‚ã‚‹ã®ã§ã€ãã¡ã‚‰ã‚’ã•ãã£ã¨ã”確èªãã ã•ã„。 RequireJS： http://requirejs.org/ RequireJS API： http://requirejs.org/docs/api.html Backbone.js： http://backbonejs.org/ ãªã«ãŒã§ãã‚‹ã®ï¼Ÿ Webアプリを制作ã™ã‚‹éš›ã«ã€RequireJSを使ã£ã¦Backbone.jsã§æ§‹æˆã•ã‚Œã‚‹Modelã‚„Viewをモジュール化ã™ã‚‹ã“ã¨ã§ã€é–‹ç™ºæ™‚ã®ç®¡ç†ã‚³ã‚¹ãƒˆå‰Šæ¸›ã‚’目指ã—ã¾ã™ã€‚ ãªãŠã€ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«åŒ–ã™ã‚‹ã¨ãƒ•ã‚¡ã‚¤ãƒ«æ•°ãŒå¢—ãˆã¦èªã¿è¾¼ã¿
RequireJSã§Twitter Bootstrap（jQuery）をéžåŒæœŸãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¦ã¿ã‚‹ | DevelopersIO
ã“ã‚“ã«ã¡ã¯ã€ã™ã©ãƒ¼ã§ã™ã€‚ RequireJSã§jQueryã‚„jQueryプラグインã®éžåŒæœŸãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’試ã—ã¦ã¿ã¾ã—ãŸã€‚ 最近ã¯å¤§è¦æ¨¡ãªæ§‹æˆã«ãªã‚‹ã¨ã€ã€Œã¡ã¢ã‚ã‚‹ã€ã¾ã¨ã‚ã‚‹ã€ã‹ãŸã‚る（minify, combine, compress）ã€ã®ãŒä¸»æµã®ã‚ˆã†ã§ã™ã€‚ ã§ã™ãŒå°ä¸è¦æ¨¡ãªæ§‹æˆã‚„ã€ä¾å˜é–¢ä¿‚ã«ã‚るフレームワークãªã©ã‚‚多ãã‚ã‚‹ã®ã§ã€ç°¡å˜ãªä½¿ã„æ–¹ã ã‘ã§ã‚‚覚ãˆã¦ãŠãã¨ä¾¿åˆ©ã‹ã¨æ€ã„ã¾ã™ã€‚ RequireJS： http://requirejs.org/ RequireJS API： http://requirejs.org/docs/api.html RequireJSã®ä¸»ãªç‰¹å¾´ モジュール化（AMD APIをサãƒãƒ¼ãƒˆï¼‰ éžåŒæœŸãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚° OPTIMIZERã«ã‚ˆã‚‹æœ€é©åŒ– 1. モジュール化（AMD APIをサãƒãƒ¼ãƒˆï¼‰ AMD(Asynchronous Module Definition)ã¯Comm
Require JSã§è¨å®šã‚’module外ã«å‡ºã—ã¦ã€ãれをビルド時ã«åŒæ¢±ã™ã‚‹ - monjudoh’s diary
モジュール別ã®è¨å®šã‚’èªã¿è¾¼ã‚€ RequireJSã§ã¯ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã®åå‰ã¨ã—ã¦"module"ãŒäºˆç´„ã•ã‚Œã¦ã„ã¦ã€ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«å†…ã§moduleモジュールをå–å¾—ã™ã‚‹ã¨ãã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã®æƒ…å ±ã‚’å‚ç…§ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ define('foo',['module'], function (module) { }); RequireJS API config methodã§è¨å®šã§ãã‚‹é …ç›®ã®ä¸ã®configã«ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«åã‚’key何らã‹ã®ã‚ªãƒ–ジェクトをvalueã¨ã„ã†è¾žæ›¸ã‚’è¨å®šã—ã¦ãŠãã¨ã€ moduleモジュールã®config methodã§ãã®ã‚ªãƒ–ジェクトをå–å¾—ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ 今回ã¯module moduleã¨ã‹config configã¨ã‹è¦‹ã¦ã¦æ··ä¹±ã™ã‚‹ã®ãŒå¤šã„ã§ã™ã。 ã“ã‚“ãªè¨å®šã‚’ã™ã‚‹ã¨ requirejs.config({ config: { 'baz': { color: 'blue' } }
RequireJSã«ã¦textプラグインを利用ã™ã‚‹ - æ–ç« 10100
Backbone.js ã¨ã‹åˆ©ç”¨ã—ã¦ã„る㨠template を外ã«å‡ºã™ã¨æ€ã†ã€‚ RequireJS ã«ã¯ text プラグインã¨ã„ã†ã€ã¾ã•ã« temlate 用ã«ä½œæˆã•ã‚ŒãŸãƒ—ラグインãŒã‚る。 サンプルã®ç‚ºã« Mustache.js を利用ã—ã¦ã€ãã®åˆ©ç”¨æ³•ã‚’記載ã™ã‚‹ã€‚ text プラグインã¨ã¯ text リソースã®èªã¿è¾¼ã¿ç”¨ã®ãƒ—ラグイン。RequireJS ã«ã¦ã€dependency names ã«èªã¿è¾¼ã‚€ template ã‚’ text!foobarbaz.html ã¨ã—ã¦æ›¸ã‘ã‚‹ã®ã§ã€ template ã®èªã¿è¾¼ã¿ã«ã¨ã¦ã‚‚便利。（説明を見るé™ã‚Šã€æœ€é©åŒ–ã™ã‚‹éš›ã¯ template ã®æ–‡è¨€ã‚’インライン展開ã™ã‚‹ã¿ãŸã„ã€ç¢ºèªã¯ã—ã¦ã„ã¾ã›ã‚“ãŒã€‚） Load text files and treat them as dependencies. Great for loading templates.
RequireJSã«ã¦Backbone.jsã¨Mustache.jsã‚’èªã¿è¾¼ã‚€ - æ–ç« 10100
RequireJS ã®2.0 ã‹ã‚‰å°Žå…¥ã•ã‚ŒãŸ shim を利用ã—ã¦ç°¡å˜ã«èªã¿è¾¼ã‚ãŸã®ã§ãƒ¡ãƒ¢ã€‚ 最åˆã«ã¾ã¨ã‚を書ã RequireJS ã§èªã¿è¾¼ã‚㟠html ファイル㧠script ãŒä¸€ã¤ã§æ¸ˆã‚€ã®ã§å¬‰ã—ã„。 ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªæ§‹æˆ $ tree . ├── index.html ├── js │   ├── libs │   │   ├── backbone-min.js │   │   ├── mustache.js │   │   ├── require.js │   │   ├── underscore-min.js │   │   └── zepto.min.js │&
Loading Backbone and Underscore using RequireJS
I'm trying to load Backbone and Underscore (as well as jQuery) with RequireJS. With the latest versions of Backbone and Underscore, it seems kind of tricky. For one, Underscore automatically registers itself as a module, but Backbone assumes Underscore is available globally. I should also note that Backbone doesn't seem to register itself as a module which makes it kind of inconsistent with the ot
tkyk.name
tkyk.name ã“ã®ãƒ‰ãƒ¡ã‚¤ãƒ³ã‚’購入ã™ã‚‹ã€‚ 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
勉強会資料シェア Getting Started with RequireJS
ã’ã‚Šã‚“ãã™ãŸãƒ¼ã¦ã£ã© ã†ãƒãš ã‚Šãã‚ãƒã‚ーã˜ã‡ãƒ¼ã‡ã™ ã¨ã„ã†ã“ã¨ã§ã€ç¤¾å†…勉強会ã§RequireJSã®å…¥é–€è³‡æ–™ã‚’ã“ã•ãˆãŸã®ã§ã‚·ã‚§ã‚¢ã€‚ 利用ã—ãŸãƒ‡ãƒ¢ãƒ•ã‚¡ã‚¤ãƒ«ã‚»ãƒƒãƒˆ http://d.aho.mu/S4mh ãªã‚“ã¨ãªãRequireJSãŒå‹•ãセットã§ã™ã€‚スライドä¸ã®r.jsã«ã‚ˆã‚‹ãƒ“ルドコマンドやã€gruntを利用ã—ãŸãƒ“ルドも試ã›ã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ ãŠã•ãˆã‚‹ã¹ãè¦ç‚¹ ã„ãã¤ã‹ã®è¦ç‚¹ã ã‘記事内ã«æ–‡å—列ã§ãŠã“ã—ã¦ãŠãã¾ã™ã‚‹ã€‚ モジュラーã¨ä¾å˜é–¢ä¿‚ Webサイト → Webアプリ ã¸ã®æµã‚ŒãŒæ˜Žç¢ºã«ãªã£ã¦ãã¦ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãŒè¤‡é›‘化ã—ã¦ãã¦ã„る今ã€1ã¤ã®JSファイルã«ã¤ã‚‰ã¤ã‚‰ã¨CSSã®ã‚ˆã†ãªãƒŽãƒªã§æ›¸ã連ãる時代ã¯çµ‚ã‚ã‚Šã¤ã¤ã‚ã‚Šã¾ã™ã€‚ ParisJS #10 : RequireJS ã“ã®ã‚ãŸã‚Šã«ã¤ã„ã¦ã¯ã€ä¸Šè¨˜ã®ç´ 晴らã—ã„スライドã‹ã‚‰ã€Figureã‚’æ‹å€Ÿã—ã¾ã—ãŸã€‚個々ã®JavaScriptã®ç²’度ãŒæƒãˆã¦ãƒ¢ã‚¸
RequireJSã«ã‚ˆã‚‹ã‚³ãƒ¼ãƒ‰ã®åˆ†å‰²ã¨æœ€é©åŒ– for enchant.js - Kengo's blog
enchant.jsプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã§RequireJSを使ã†ã¨ãªã«ãŒå¬‰ã—ã„ã®ï¼Ÿã©ã†ã‚„ã£ã¦ä½¿ã†ã®ï¼Ÿã¨ã„ã†è©±ã€‚最åˆã¯enchant.jsã‚’CommonJS/Modulesã«åˆã†ã‚ˆã†ã«æ›¸ã変ãˆãªãゃダメã ã¨æ€ã£ã¦ã„ãŸã‚“ã§ã™ãŒã€ãã‚“ãªã“ã¨ã¯ãªã„ã‚“ã§ã™ã。ã“ã‚Œã¯ä¾¿åˆ©ã€‚ 何ãŒå¬‰ã—ã„ã®ï¼Ÿ 開発時ã«ã¯ã‚²ãƒ¼ãƒ を複数ã®JSファイルã«åˆ†å‰²ã§ãã‚‹ã¨ã„ã†ãƒ¡ãƒªãƒƒãƒˆã‚’ã€å…¬é–‹æ™‚ã«ã¯ã‚²ãƒ¼ãƒ プレイã«å¿…è¦ãªãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰å›žæ•°ã‚’減らã›ã‚‹ã¨ã„ã†ãƒ¡ãƒªãƒƒãƒˆã‚’得られã¾ã™ã€‚ Why Web Modules? 複雑ãªã‚²ãƒ¼ãƒ ã˜ã‚ƒãªã„ã—ã¹ã¤ã«game.jsã²ã¨ã¤ã§å……分ã§ã™ã¨ã„ã†å ´åˆã«ã¯ã€ã¯ã£ãり言ã£ã¦ä¸è¦ãªãƒ¢ãƒŽã§ã™ã€‚ã—ã‹ã—長々ã¨é–‹ç™ºã—ã¦ãŸã‚‰ã‚¯ãƒ©ã‚¹æ•°ãŒ10を超ãˆã¦ãã¦è¶…é•·ã„スクリプトã«ãªã£ã¡ã¾ã£ãŸãœã‚¦ã‚©ã‚©ã¨ã„ã†å ´åˆã«ã¯ã€é æ…®ãªãコードを分割統治ã§ãã‚‹ã¨ã„ã†ãƒ¡ãƒªãƒƒãƒˆã¯å¤§ãã„ã§ã—ょã†ã€‚ enchant.jsã¨game.jsã‚’èªã¿è¾¼ã‚€ ã¾ãšã¯requir
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Optimize and Build a Backbone.js JavaScript application with Require.JS using Packages | HauteLook Engineering Blog
backbonetutorials/examples/todo-app at gh-pages · thomasdavis/backbonetutorials
ソイラテ
{{#tags}}- {{label}}
{{/tags}}