A-Listers

進化の早いJavaScript界隈に新しいアプローチのフレームワークが登場しました。Jan Lehnardt氏が中心になって開発されているHoodieはフロントエンドとバックエンドを完全に分離する事でそれぞれの開発効率を最大限にするnoBackendの実装の一つです。Hoodieはサーバーサイド用のモジュールとクライアント用のライブラリの2つから成っており、サーバーサイドが起動している状態であればクライアント側からは例えば下記のコードだけでユーザの登録ができます。

hoodie = new Hoodie('http://localhost:6007/_api');
hoodie.account.signUp('joe@example.com', 'secret');

すでに登録されたデータを取得する場合は下記のようになります。

var type = 'task';
hoodie.store.findAll(type)
  .done(function (tasks) {
    // Do something with the tasks
  });

またHoodieはオフラインデフォルトという設計になっており、データはローカルに保存されてからバックグランドで転送されるようになっています。これによりモバイルアプリケーションなどで快適に動作するようになっています。
クライアントライブラリとサーバーサイドモジュールのセットで構成されたこのプロジェクトを「フレームワーク」と呼んでいいのかは少し迷ったところなのですが、どのような実装ができるのかを見たほうがわかりやすいでしょう。

またnoBackendのAPIを再実装すれば別の言語とデータベースを使いつつ、同一のクライアントライブラリを利用するという未来もありえそうです。現時点ではAngularJSとRESTの組み合わせの方が優勢かと思いますが、ユーザ登録やメール送信といったハイレベルな機能を定義した標準的なAPIが定着するとさまざまな問題が少なくなるのではないでしょうか。

関連:
Hood.ie: "noBackend & Off-line first" という考え方 – ワザノバ | wazanova

via:http://hood.ie/

ジェフ・ラスキン氏の息子である、エイザ・ラスキン氏 (@aza) が twitter への投稿で zooming インタフェースを簡単に実現する JavaScript ライブラリを紹介していました。

Zoomooz.js: Make any web page zoom.

そしてそれを旨く使ったインフォメーション・グラフィックをフランス社会党が掲載しています。

表で解説：ニコラ・サルコジの５年間の収支報告

内容ごとのブロックをクリック、矢印キー、あるいは、画面下部のテーマセレクタを使ってナビゲーションできます。

フランス語で詳しいことはわからないかもしれませんが、こういうインタラクティブなページは見て楽しいし、ひとつひとつの論点が明確なので、記憶に残りやすいです。近年のオンラインメディアでは静的／動的なインフォ・グラフィックスが盛んに使われています。インタラクティブなものだと NYTimes はだいぶ前からいろいろと話題を提供してきましたが、今までそれらはみんな Flash で作られていました。最近はやはり JavaScript ですね。

ちなみに製作は Datagif というクリエイティブスタジオで、使われているフォントはフランス社会党オリジナル（！）の Jaures ファミリーのようです。

「var π = Math.PI; が文法的に正しいJavaScriptだと知っていますか？」という書き出しで始まるJavaScriptの変数名についてのエントリが話題になっていました。エントリーを書いたのはベルギーのフリーランスWEB開発者のMathias Bynensさんです。彼はUnicodeのどんなグリフが識別子として利用できるのかECMAScriptの仕様を見てみることにしたそうです。

ECMAScript 5.1によれば:
識別子は予約語ではない識別できる名前

となっており、直接記号やグリフについての制約には言及していません。元記事ではさらに予約語や識別子に使用できる文字の例外などについて解説した後に、下記のようなコードが有効なJavaScriptの変数名であるとして紹介しています。

// How convenient!
var π = Math.PI;

// Sometimes, you just have to use the Bad Parts of JavaScript:
var ಠ_ಠ = eval;

// Code, Y U NO WORK?!
var ლ_ಠ益ಠ_ლ = 42;

// How about a JavaScript library for functional programming?
var λ = function() {};

// Obfuscate boring variable names for great justice
var \u006c\u006f\u006c\u0077\u0061\u0074 = 'heh';

// …or just make up random ones
var Ꙭൽↈⴱ = 'huh';

// While perfectly valid, this doesn’t work in most browsers:
var foo\u200cbar = 42;

// This is *not* a bitwise left shift (`<<`):
var 〱〱 = 2;
// This is, though:
〱〱 << 〱〱; // 8

// Give yourself a discount:
var price_9̶9̶_89 = 'cheap';

// Fun with Roman numerals
var Ⅳ = 4,
    Ⅴ = 5;
Ⅳ + Ⅴ; // 9

最後にもう一個あったのですが、うまくペーストできなかったので割愛しています。ブラウザ固有の不具合などで動かない場合もあるようです。これらの知見を元に作成されたと思われる変数名チェッカーもあるので触って試すこともできます。
このような先鋭的な変数名を使う機会は無いかと思いますが、デバッグなどには役に立つ知識ではありそうです。

via:Valid JavaScript variable names · Mathias Bynens