linnovate/mean · GitHub
Superhero.js
Creating, testing and maintaining a large JavaScript code base is not easy — especially since great resources on how to do this are hard to find. This page is a collection of the best articles, videos and presentations we've found on the topic. Follow us on Twitter, GitHub, or check out our newsletter. We'd love to hear your suggestions via e-mail or as Github Issues. We come across a lot of great
Componentã«ã‚ˆã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ‘ッケージ管ç†
ç›´è¿‘ã§ã€æ–°è¦æ¡ˆä»¶ã«é–¢ã‚ã‚‹ã“ã¨ã«ãªã‚Šãã†ãªã®ã§ã€ãƒ©ã‚¤ãƒ–ラリé¸å®šã‚„タスクランナーã€ãã—ã¦ä»Šå›žã®ä¾å˜ç®¡ç†ã®ã‚ˆã†ã«ãƒ™ãƒ¼ã‚·ãƒƒã‚¯ãªè©±ãŒç¶šã„ã¦ã¾ã™ã€‚次第ã«ã€å…·ä½“çš„ãªå®Ÿè£…やコードè¨è¨ˆã®ãƒã‚¹ãƒˆãŒå¤šããªã‚‹ï½¥ï½¥ï½¥ã¯ãšã€‚ 今回ã¯Vue.jsã§ã‚‚触れã¾ã—ãŸãŒã€æ”¹ã‚ã¦component - modular javascript frameworkã«ã¤ã„ã¦ã€‚ æ¦‚è¦ Componentã¯ãƒ‘ッケージマãƒãƒ¼ã‚¸ãƒ£ãƒ¼å…¼ã€ä¾å˜è§£æ±ºè¾¼ã¿ã®ãƒ“ルドツールã§ã™ã€‚クライアントサイドã«ã¤ã„ã¦ã€JSã®ãƒ‘ッケージマãƒãƒ¼ã‚¸ãƒ£ãƒ¼ã‚„ビルダーã¯æ—¢ã«ã‚ã‚Šã¾ã™ãŒã€Component㯠HTML/CSS/JSをセットã«ã—ã¦æ‰±ã†ã“ã¨ãŒã§ãã¾ã™ã€‚ npmã§ã„ã†package.jsonã¨åŒæ§˜ã«ã€component.jsonã¨ã„ã†å®šç¾©ãƒ•ã‚¡ã‚¤ãƒ«ã«ã‚ˆã£ã¦ã€ãƒ‘ッケージã®ä¾å˜é–¢ä¿‚やリãƒã‚¸ãƒˆãƒªãªã©ã®å„ç¨®æƒ…å ±ã‚’ç¤ºã—ã¾ã™ã€‚ component/component コア部分ã®ãƒªãƒã‚¸ãƒˆ
sweet.jsã§shift/reset: é™å®šç¶™ç¶šã‚’使ã£ã¦ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯åœ°ç„ã‹ã‚‰æŠœã‘出㙠- 標高+1m
Stop Writing JavaScript Compilers! Make Macros Insteadã‚’èªã‚“ã§ã€sweet.jsを使ã£ã¦ã¿ãŸã€‚ 解決ã—ãŸã„事 JavaScriptã§ã¯éžåŒæœŸå‡¦ç†ãŒå¤šã„ã®ã§ã€ç¶™ç¶šæ¸¡ã—スタイルã®ã‚³ãƒ¼ãƒ‰ã°ã£ã‹ã‚Šã«ãªã‚‹ã®ã ã‘ã©ã€ã¿ã‚“ãªã“れをcallback hellã¨ã‹pyramid of doomã¨ã‹å‘¼ã‚“ã§å«Œã£ã¦ã„る。 ãã“ã§ãƒ—ãƒãƒŸã‚¹ã¨ã‹ãƒ•ãƒ¥ãƒ¼ãƒãƒ£ã£ã¦ã„ã†ã®ãŒä½¿ã‚れるよã†ã«ãªã£ãŸã€‚プãƒãƒŸã‚¹ã‚’使ã†åˆ©ç‚¹ã¯çµæžœãŒå‡ºã¦ã„ãªã„状態をファーストクラスãªå€¤ã¨ã—ã¦ä½¿ãˆã‚‹äº‹ã ã¨æ€ã†ã€‚ãƒã‚¹ãƒˆã¯ãªããªã‚‹ã‘ã©ã€çµå±€æ–‡æ³•ã®æ”¯æ´ãŒãªã„ã‹ã‚‰promise.then(function () {...})ã¿ãŸã„ã«ã€é™å®šç¶™ç¶šæ¸¡ã—çš„ãªã“ã¨ã¯ã—ãªãã¡ã‚ƒã„ã‘ãªã„。 継続渡ã—å½¢å¼ãŒå«Œãªã‚‰call/ccã¨ã‹shift/resetã‚’å°Žå…¥ã—ãŸã‚‰ã„ã„ã‚“ã˜ã‚ƒãªã„ã‹ã¨ã¯ãšã£ã¨æ€ã£ã¦ã„ãŸã€‚ãã“ã§ä»Šæ—¥ã¯ã€sweet.
PayPal社ãŒãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã‚’Javaã‹ã‚‰JavaScriptã¸ç§»è¡Œ
ã‚ãªãŸã«ã¨ã£ã¦é‡è¦ãªãƒˆãƒ”ックやåŒåƒšã®æœ€æ–°æƒ…å ±ã‚’å…¥æ‰‹ã—ã¾ã—ょã†æœ€æ–°ã®æ´žå¯Ÿã¨ãƒˆãƒ¬ãƒ³ãƒ‰ã«é–¢ã™ã‚‹æœ€æ–°æƒ…å ±ã‚’å³åº§ã«å—ã‘å–ã‚Šã¾ã—ょã†ã€‚ 継続的ãªå¦ç¿’ã®ãŸã‚ã«ã€ç„¡æ–™ã®ãƒªã‚½ãƒ¼ã‚¹ã«æ‰‹è»½ã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¾ã—ょã†ãƒŸãƒ‹ãƒ–ックã€ãƒˆãƒ©ãƒ³ã‚¹ã‚¯ãƒªãƒ—ト付ãå‹•ç”»ã€ãŠã‚ˆã³ãƒˆãƒ¬ãƒ¼ãƒ‹ãƒ³ã‚°æ•™æ。 記事をä¿å˜ã—ã¦ã€ã„ã¤ã§ã‚‚èªã‚€ã“ã¨ãŒã§ãã¾ã™è¨˜äº‹ã‚’ブックマークã—ã¦ã€æº–å‚™ãŒã§ããŸã‚‰ã„ã¤ã§ã‚‚èªã‚ã¾ã™ã€‚
Dust Tutorial
There are a number of advantages provided by implementing templates in JavaScript with the Dust template rendering solution. They include: Dust templates are compiled to JavaScript for speed of execution Since JavaScript is cacheable, Dust templates can be sent to a browser once and reused which is not the case with server-side generated JSP pages In addition to being cacheable, the Dust templates
Koa - next generation web framework for node.js
IntroductionKoa is a new web framework designed by the team behind Express, which aims to be a smaller, more expressive, and more robust foundation for web applications and APIs. By leveraging async functions, Koa allows you to ditch callbacks and greatly increase error-handling. Koa does not bundle any middleware within its core, and it provides an elegant suite of methods that make writing serve
Moment.js | Parse, validate, manipulate, and display dates in javascript.
Moment.js 2.30.1 Parse, validate, manipulate, and display dates and times in JavaScript. Install npm install moment --save # npm yarn add moment # Yarn spm install moment --save # spm meteor add momentjs:moment # meteor bower install moment --save # bower (deprecated) Format Dates moment().format('MMMM Do YYYY, h:mm:ss a'); moment().format('dddd'); moment().format("MMM Do YY"); moment().format('YY
タスクを並列超速化ã™ã‚‹grunt-parallelizeを紹介ã™ã‚‹ã‚ˆ - teppeis blog
ã“ã®è¨˜äº‹ã¯ Grunt Plugins Advent Calendar 2013 23日目ã®è¨˜äº‹ã§ã™ã€‚ Gruntタスクを並列ã§å®Ÿè¡Œã™ã‚‹ãƒ—ラグイン grunt-parallelize を紹介ã—ã¾ã™ã€‚ ã‚る程度プãƒã‚¸ã‚§ã‚¯ãƒˆãŒå¤§ãããªã‚‹ã¨JavaScriptãŒ1500ファイルã¨ã‹è¶…ãˆã¦ãã¦JSHintã«ãã£ã時間ã‹ã‹ã‚‹ã¿ãŸã„ãªã“ã¨ãŒã‚ˆãã‚ã‚Šã¾ã™ã€‚JSHintã‚’å«ã‚€å¤šãã®Node製ツールã¯ã‚·ãƒ³ã‚°ãƒ«ãƒ—ãƒã‚»ã‚¹ãªã®ã§ã€æ™®é€šã«å®Ÿè¡Œã—ã¡ã‚ƒã†ã¨ãƒžãƒ«ãƒã‚³ã‚¢ãªCPUãŒéŠã‚“ã§ã¦ã‚‚ã£ãŸã„ãªã„ã‚ã‘ã§ã™ã€‚ ãã‚“ãªã¨ãã«grunt-parallelizeを使ã†ã¨ã€æŒ‡å®šã®ãƒ—ãƒã‚»ã‚¹æ•°ã«ãƒ•ã‚¡ã‚¤ãƒ«ãƒªã‚¹ãƒˆã‚’分割ã—ã¦ãƒžãƒ«ãƒãƒ—ãƒã‚»ã‚¹ã§ã‚¿ã‚¹ã‚¯ã‚’実行ã—ã¦ãã‚Œã¾ã™ã€‚ ã¾ãšã¯ã‚‚ã¨ã«ãªã‚‹ã‚¿ã‚¹ã‚¯ã®Gruntfile.jsã®å®šç¾©ã€‚grunt-contrib-jshintを使ã£ãŸæ™®é€šã®ã‚¿ã‚¹ã‚¯ã§ã™ã。 grunt.initConfig({ jshint
Backbone-Eye – Add-ons for Firefox
A Firebug extension to understand and debug Backbone application behavior without debugging JavaScript. Understand Backbone application behavior without wading through JavaScript code. Work with application level constructs, pursue what-if exploration and more... Detailed documentation @ http://dhruvaray.github.io/spa-eye/ Repo @ https://github.com/dhruvaray/spa-eye
ygoto3.com
ç¾åœ¨é–‹ç™ºæ‹…当ã—ã¦ã„ã‚‹ AbemaTV ã§ã€æ˜¨å¹´æœ«ã«ãƒ‘ナソニックã•ã‚“ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ†ãƒ¬ãƒ“ VIERA å‘ã‘ã«ã‚¢ãƒ—リケーションをリリースã—ã¾ã—ãŸã€‚AbemaTV リモコンボタン㧠AbemaTV ã«ã‚¢ã‚¯ã‚»ã‚¹ã§ãã¾ã™ã€‚今回ã“ã®ã‚¢ãƒ—リケーション㮠UI を開発ã™ã‚‹ã«ã‚ãŸã£ã¦ã€æ–°ã—ã„デザインワークフãƒãƒ¼ã‚’å°Žå…¥ã—ã¾ã—ãŸã€‚ 本記事ã§ã¯ã€ Story-Assured Design ã¨ã„ã†ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã‚’ã€ç¾åœ¨ãƒ—ãƒãƒ€ã‚¯ãƒˆé–‹ç™ºã§ç›´é¢ã—ã¦ã„るデザインã®èª²é¡Œã¨ã¨ã‚‚ã«ç´¹ä»‹ã—ã¾ã™ã€‚ Story-Assured Design ã¨ã¯ï¼Ÿ Story-Assured Design ã¯ãã®åå‰ãŒç¤ºã—ã¦ã„るよã†ã«ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¹ãƒˆãƒ¼ãƒªãƒ¼ã‚’ä¿è¨¼ã™ã‚‹ã“ã¨ã‚’目的ã¨ã—㟠UI デザインã®ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã§ã™ã€‚UI デザインを３ã¤ã®ã‚¹ãƒ†ãƒƒãƒ—ã«åˆ†ã‘ã¦è¡Œã„ã¾ã™ã€‚ ストーリーデザイン デザインã®æ§‹é€ 化 è¦–è¦šæƒ…å ±ãƒ‡ã‚¶ã‚¤ãƒ³ 一番é‡è¦ãªãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¹ãƒˆãƒ¼ãƒªãƒ¼ã®
ComponentJS
Powerful run-time Component System for structuring HTML5-based Rich Clients ComponentJS is a stand-alone MPL-licensed Open Source library for JavaScript, providing a powerful run-time Component System for hierarchically structuring the User-Interface (UI) dialogs of complex HTML5-based Rich Clients (aka Single-Page-Apps) — under maximum applied Separation of Concerns (SoC) architecture principle,
Closure Library を使ã†ã¹ã 10 ã®ç†ç”± - WebOS Goodies
WebOS Goodies ã¸ã‚ˆã†ã“ãï¼ WebOS ã¯ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã®æœªæ¥å½¢ã€‚ã‚らゆる Web サイトãŒç¹‹ãŒã‚Šã€å…±æœ‰ã—ã€å”力ã—ã¦å‰µã‚Šä¸Šã’ã‚‹ã€ã²ã¨ã¤ã®å·¨å¤§ãªæƒ…å ±ã‚·ã‚¹ãƒ†ãƒ ã§ã™ã€‚ãã“ã§ã¯ã€ã‚ã‚‰ã‚†ã‚‹æƒ…å ±ãŒãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ä¸Šã«è“„ç©ã•ã‚Œã€æˆ‘々ã¯ã„ã¤ã§ã‚‚ã€ã©ã“ã‹ã‚‰ã§ã‚‚ã€å¤šå½©ãªãƒ‡ãƒã‚¤ã‚¹ã‚’使ã£ã¦ãれらã«ã‚¢ã‚¯ã‚»ã‚¹ã§ãã¾ã™ã€‚ WebOS Goodies ã¯ã€ã•ã¾ã–ã¾ãªæƒ…å ±æ供やツール開発を通ã—ã¦ã€ãã‚“ãªä¸–ç•Œã®å®Ÿç¾ã«å°‘ã—ã§ã‚‚貢献ã™ã‚‹ã¹ã活動ã—ã¦ã„ãã¾ã™ã€‚ 先週 Closure Library ã§æ§‹ç¯‰ã—ãŸãƒ‰ãƒãƒ¼ã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆ Closure Draw を公開ã—ã¾ã—ãŸãŒã€ã¯ã¦ã¶æ•°ãªã©ã‚’見るé™ã‚Šã•ã»ã©å¤šãã®å響ã¯ãªã‹ã£ãŸã‚ˆã†ã§ã™ã€‚ã¾ã‚ã€æ©Ÿèƒ½ãŒä¸é€”åŠç«¯ã ã£ãŸã‚Šä½œã‚ŠãŒç”˜ã‹ã£ãŸã‚Šã¨ã„ã†ã¨ã“ã‚ãŒå¤§ãã„ã®ã¯é–“é•ã„ã‚ã‚Šã¾ã›ã‚“ãŒã€ Closure Library 自体ãŒã¾ã メジャーã§ã¯ãªã„ã®ã‚‚ã‚ã‚‹ã®ã‹ãªã€ã¨ã‚‚æ€ã„ã¾ã™ã€‚実際ã€ããã£ã¦ã‚‚フ
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Component.js vs Bower
mizchi / ã™ã¹ã¦ã®MVCã‚’éŽåŽ»ã«ã™ã‚‹ - Glide
GitHub - angular/batarang: AngularJS WebInspector Extension for Chrome
Loading...
Mocha, chai, sinon 㧠JavaScriptã®ãƒ†ã‚¹ãƒˆ - Qiita
SqueakJS
Ian Thomas Plan Room
{{#tags}}- {{label}}
{{/tags}}