prototype.js が jQuery に置き換えられた時、開発者が気づいたのは、自分に本当に必要だったのはprototypeのメソッド拡張などではなく、クエリエンジンだったということ。 coffeescriptが当初、熱狂的に支持された背景はなんだっただろう。今思えば、それはアロー記法とクラス構文だったと思う。javascriptの関数型への憧れ、prototypeベースの限界javascript は断じて関数型言語ではないが、他の言語と同じぐらい関数型言語に憧れていたのも、また事実だろう。しかしビルトイン関数が高階関数を要求するデザインにしては function というキーワードはながすぎたし、その function が暗黙に作り出す this スコープの複雑な振る舞いも開発者の悩みの種だった。「あらゆる関数スコープで状態を持つことが"できすぎる"」という割れ窓だった。 ES5
ブラウザだけでjavascript,HTML,CSSを書いて実行できるサービス「jsdo.it」が、ちょっとパワーアップしました! これまでの言語に加え、JSX, CoffeeScript, SCSS, LESSを実行できるようになりましたー!! 「ちょっと試したいけど環境を作るが面倒...」「SCSSのmixinをシェアしたい」などなどブラウザだけで解決できちゃいますよ♪ 使い方 コードの1行目に特定のコメントを記述するだけです!JavaScript → JSXJavaScriptの1行目に以下のコメントを記述してください。 // #! jsxJavaScript → CoffeeScriptJavaScriptの1行目に以下のコメントを記述してください。 #! coffeescriptCSS → SCSSCSSの1行目に以下のコメントを記述してください。 /* #! s
<<前回「CoffeeScriptって何?」へ<< CoffeScriptを3時間で理解するための10のポイントのうち、ポイント1から3までを解説します。ポイント1は「CoffeeScriptはコンパイルで即時関数に変換される」こと、ポイント2は「変数は自動的に宣言される」こと、ポイント3は「リテラルで豊かな表現を可能に」したことです。 POINT1 CoffeeScriptはコンパイルで即時関数に変換される ★「即時関数」でグローバル変数を作らない ★JavaScriptのstrictモードにも対応 CoffeeScriptで記述されたコードをコンパイルすると、JavaScriptのコードは、(function() {...}).call(this);でラップされた状態で出力されます(リスト7)*1。奇異にも見える書き方ですが、実は、JavaScriptの世界では定石とも言える書き方の一

SCSS EditorはNetBeansにSCSS対応のハイライト、CSS自動生成機能を追加するプラグイン。 SCSS EditorはNetBeans用のオープンソース・ソフトウェア。最近JavaScript界隈で人気が集まっているのがCoffeeScriptだ。Railsでは3.1から正式採用されると言われており、Titaniumの開発でも利用できる。JavaScriptで物足りなく感じていた所を埋め合わせてくれる面白い言語だ。 エディット画面 同様の試みとしてCSSでもSCSSが知られている。CSSで面倒に感じてしまうネストして書けない、変数が使えないと言った不便さを解消してくれるCSS拡張版だ。そんなSCSSをNetBeansから使いやすくしてくれるのがSCSS Editorだ。 SCSS EditorはNetBeansプラグインとして提供される。インストーすると新規ファイルとしてS
こんにちは。毎年花粉症になりかけている飯塚です。 最近のNode.jsの普及などによってサーバサイドJavaScript界隈が盛り上がっています。 そんなホットなJavaScriptをラクにかつエレガントに書くためのCoffeeScriptという言語をチュートリアル風に紹介します。 何かしらのライブラリを自分で書く程度にJavaScriptで開発している人は絶対に使ったほうがいいと思います。JavaScriptを知っていれば1-2時間程度で十分駆使できるようになります。 (2011/6/28:@m_satyr様にご指摘頂いた箇所を修正しました。) 目次 CoffeeScriptとは? インストール Hello World 構文 関数 変数展開 Objectの生成 ループ 存在チェック ヒアドキュメント thisのバインド クラス 無名関数 {var} Tips ?の使い分け 存在チェック
1リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く