Marionette.js(Backbone.js)のチュートリアル with yeoman その２（Modelと基本View側実装編） - lxyuma BLOG
marionette.jsのチュートリアルの続き。 ここから、クライアント側の話。 先に言うと、メインのmarionetteは、この記事でなく、その３なので読んで飽きてきたら、その３に飛ぶべし。 前回に引き続き、gruntを起動している状態で進める事。 もし、起動していなければ、gruntを起動する。 model 初めにmodel を作る。 railsみたいに、MVC,routerそれぞれのgeneratorが準備されているので、勿論それを使う。 $ yo marionette:model task create app/scripts/models/task.js invoke mocha-amd:unitTest create test/spec/models/task.js conflict test/spec/testSuite.js [?] Overwrite test/spec
Backbone.Marionetteのコード読んで日本語コメントをつけた - console.lealog();
バージョンは1.8.1です。 (この記事書いてる間に最新バージョンが1.8.2になっててちょっとかなしかった。) Marionetteにはソースコメントつきのコードが見れるとこがあるのです。 参考：backbone.marionette.js それを、こう。 参考：backbone.marionette-ja.js 普通にBackbone使うより良いらしいと聞くものの、実際にどんなもんなのかはわからず・・。 検索しても日本語の情報がほとんどないので、とりあえずソース読んでみようということで。 どうせ読むならコメントを日本語にしよう！と思い。 訳自体は直訳気味のものが多いので、ソース読んでみての学びも一緒にメモっておく。 Backbone.Marionetteとは 公式にも説明があるように、Backbone.jsをベースにしたライブラリで、 jsで大規模なアプリケーションを作る！ってケースに
Marionette.js(Backbone.js)のチュートリアル with yeoman その１(準備からサーバー側実装まで) - lxyuma BLOG
Marionette.jsのチュートリアルを書く。 特に、yeoman製のgenerator-marionetteを使って、 railsみたいに、楽しながら、進めていく。 量が多くなったので、何度かに分けて書く。 この記事は、yeomanによる準備から、node+expressによるサーバー側まで。(baucis という楽チンな仕組みを使う) Marionette.jsとは？ この前作ったslideをご参考に。 introduction to Marionette.js (jscafe14) from Ryuma Tsukano インストール 以下のgenerator-marionetteのgithubのページを参照 https://github.com/mrichard/generator-marionette#install 特にハマる事は無い。多分ね。 project作成 proje
GitHub - umdjs/umd: UMD (Universal Module Definition) patterns for JavaScript modules that work everywhere.
This repository formalizes the design and implementation of the Universal Module Definition (UMD) API for JavaScript modules. These are modules which are capable of working everywhere, be it in the client, on the server or elsewhere. The UMD pattern typically attempts to offer compatibility with the most popular script loaders of the day (e.g RequireJS amongst others). The repository aims to forma
GitHub - substack/node-mkdirp: Recursively mkdir, like `mkdir -p`, but in node.js
mkdirp(dir, opts, cb) Create a new directory and any necessary subdirectories at dir with octal permission string opts.mode. If opts is a non-object, it will be treated as the opts.mode. If opts.mode isn't specified, it defaults to 0777 & (~process.umask()). cb(err, made) fires with the error or the first directory made that had to be created, if any. You can optionally pass in an alternate fs imp
2014-09-23のJS: npm 2.0.0、iOS8 WKWebView、Node.jsとPromise
JSer.info #193 - Node.jsのパッケージ管理ツールであるnpm 2.0.0がリリースされました。 npm run-scriptに引数を渡せるようになったことや、npmのリリースプロセスがドキュメント化されたこと、Scoped packagesという機能が追加された点等結構色々変更があります。 Scoped packagesは企業利用などで使うときにPublicではなく社内でモジュールを管理するためのスコープ機能を提供する仕組みです。 npm 2.0.0はnpmからインストールできます。 詳細は以下の記事に書かれています。 The npm Blog — [email protected] iOS8がリリースされ内蔵されているSafariのアップデートと新しいWebViewが入りました。 以下の記事ではどのような機能が入ったかや、今までのWebView(UIWebView)
[Node.js] コマンド引数パーサーの比較 | それなりブログ
いわゆる getopts、argparse 的なことをしてくれる以下のモジュールたちをざっと使ってみて： commander nopt nomnom minimist 比較というか、雑な感想を述べてみます。 – help のドキュメントを自動生成してくれる – サブコマンドの設定ができる - 中で子プロセスで起動するようになっている - original_command-sub_command.js のファイル名で別に設置する必要がある - ぶっちゃけ、余計なお世話としか思えない – 設定は commander のモジュールに対して行うので、副作用がある - それどころか展開した結果も何故かモジュール以下に展開する。ウワァァン、キモイヨー！ – 要件がシンプルなら便利 追記、ブコメから： – teppeis さん「commanderはnew Commandすればグローバルではなくインスタン
GitHub - RaveJS/rave: Zero-configuration application bootstrap and development
Rave eliminates configuration, machinery, and complexity. Stop configuring and tweaking module loaders, file watchers, minifiers, and transpilers just to get to a runnable app. Instead, go from zero to "hello world" in less than 30 seconds. In the next 30 seconds, use npm or Bower to install your favorite frameworks and libraries. Start coding instantly without configuring anything. With the help
The Backbone Framework
The Backbone FrameworkMarionette simplifies your Backbone application code with robust views and architecture solutions. Download v4.1.2View Docs Organize your app in terms of small Views. Marionette makes it easy to compose rich layouts out of small components Show a sorted filtered list without breaking a sweat. Have a massive collection? Want to add or remove an item? No worries! Learn to love
jQueryが要素検索に使うSizzleについて。 | Ginpen.com
jQueryの強力な機能のひとつに、 $('#the-target') のようにCSSのセレクターを用いて要素検索できるというものがあります。この要素検索を行うモジュールにはSizzleという名前が付けられています。 一方、近代的なブラウザーには .querySelectorAll() がネイティブで実装されています。こちらもCSSのセレクターで要素検索できるメソッドです。 セレクタを使用した DOM 要素の指定 | Mozilla Developer Network var $elems = $('elem#id.class, .and.more.selectors'); var elems = document.querySelectorAll('elem#id.class, .and.more.selectors'); JavaScriptで何かするよりも、ネイティブでやった方が高速
そうだったのか！ よくわかる process.nextTick() node.jsのイベントループを理解する
そうだったのか！ よくわかる process.nextTick() node.jsのイベントループを理解する
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - benjamn/recast: JavaScript syntax tree transformer, nondestructive pretty-printer, and automatic source map generator
GitHub - snowmantw/Fe: Mock file and directories in Node.js
GitHub - nodeca/hike-js: Javascript port of Hike (Ruby) - a library for finding files in a set of paths
GitHub - vojtajina/node-mocks: Suite of mocks for node.js (fs, http) + some testing utils...
GitHub - thlorenz/proxyquire: 🔮 Proxies nodejs require in order to allow overriding dependencies during testing.
GitHub - eldargab/node-fake-fs: Fake node.js file system for testing
GitHub - Olegas/node-mockfs: MockFS - Virtual in-memory file system accessible through native FS module
GitHub - npm/npm-registry-client
http://impulse.luster.io/