CoffeeScriptとは？わかりやすく解説

CoffeeScript
	CoffeeScriptのロゴ
パラダイム	マルチパラダイム: プロトタイプベース, 関数型言語, 命令型, スクリプト言語
設計者	Jeremy Ashkenas
開発者	Jeremy Ashkenas, et al.
最新リリース	2.7.0/ 2022年4月23日 (18か月前)
影響を受けた言語	JavaScript, Python, Ruby, Haskell
影響を与えた言語	JavaScript, LiveScript
プラットフォーム	クロスプラットフォーム
ライセンス	MIT License
ウェブサイト	coffeescript.org
拡張子	.coffee
	テンプレートを表示

CoffeeScript はプログラミング言語のひとつである。コードはJavaScript のコードに変換される。

Ruby や Python、Haskell ^[1] から影響を受けたシンタックスシュガーの導入により、JavaScript に比べ簡潔さと可読性を向上させたほか、配列内包 (Array comprehensions) やパターンマッチングといった機能を追加している。

CoffeeScript により、パフォーマンスを下げることなく、より短いコードでプログラムを記述することができる (JavaScript に比べ 1/3 程度の行数が削減できる)^[2]。 2011年3月16日から一時、CoffeeScript は GitHub でもっともウォッチされているプロジェクトであった^[3]。

この言語は Ruby コミュニティによく受け入れられており、(Ruby on Rails 開発者のデビッド・ハイネマイヤー・ハンソン（英語版）が所属する) 37signalsでは、実際に製品の開発に使われている^[4]。また Ruby on Rails 3.1以降でも正式にサポートされている。

ブレンダン・アイクは、氏が考える「JavaScript の未来」に影響を与えたものとして CoffeeScript に言及している^[5]^[6]。

歴史

2009年12月13日、Jeremy Ashkenas は、この言語を「謎の言語を初回コミット(initial commit of the mystery language)」というコメントとともに Git リポジトリにコミットした^[7]。CoffeeScript は電子書籍である "Create Your Own Programming Language" ^[8] を読んで開発された。このときのコンパイラは Ruby で書かれている。同年12月24日には初めてタグとドキュメントのついた、バージョン 0.1.0 がリリースされた。2010年2月21日には、コンパイラを純粋な CoffeeScript で記述した、バージョン 0.5 がコミットされる。この頃にはこのプロジェクトは GitHub を利用する他の開発者の興味を引き、1日に300回ほどプロジェクトページが参照された。

2010年12月24日、Askenas は、安定版であるバージョン 1.0.0 のリリースを、Hacker News で発表した^[9]。なお、Hacker News は、最初のバージョンを発表した場でもある^[10]。

2017年9月18日、コンパイル後の出力を ES2015+ 構文に変更した2.0.0 がリリースされた。ES2015+ の実装に合わせて、1.x とは仕様の一部が変更及び追加されており、JSXや型アノテーションコメント等の機能が追加されている。また、Babel と連携してES5へのトランスパイルを同時に行うことができるようになった。

例

下記は jQuery を使った典型的な JavaScript のコード例である。

$(function() {
  // 初期化のためのコード
});

CoffeeScript では function キーワードが -> で置き換えられている。また、波括弧のかわりに、Python や Haskell のようにインデントで構造を表現する。さらに、丸括弧は曖昧性がない場合は省略できる。これらの特徴により、はじめに挙げたコードと同等の内容を CoffeeScript で記述するとこのようになる。

$ ->
  # 初期化のためのコード

jQuery などではクロージャを多用するが、CoffeeScript ではクロージャが簡潔に書けるようになっている。これは /info の内容を取ってきて、#info にそれを入れる場合の jQuery を使ったJavaScript の例である。

$.get("/info", function(txt) { $("#info").text("info = " + txt) }, "text")

CoffeeScript でも以下のように1行で書け、75文字が67文字へと1/10程度文字数が減っている。

$.get("/info", ((txt) -> $("#info").text("info = #{txt}")), "text")

コンパイル

以下の方法で CoffeeScript から JavaScript にコンパイルできる。

Node.js を併用する方法。Node.js をインストール後、npm install --global coffeescript でインストールできる。CoffeeScript のコンパイラはバージョン 0.5 より、 CoffeeScript 自身で記述されているが、npm ではコンパイル済みのJavaScriptが配付されるため、Node.js のユーティリティとして使用することができる。しかし、コンパイラの中核部分は Node.js に依存しないため、ブラウザ上の JavaScript 実行環境で動作させることができるコンパイル済みモジュールも用意されている^[11]。
Apache Maven のプラグインである Coffee Maven Plugin がある。これは Java で書かれた JavaScript エンジンである Rhino を利用している。
CoffeeScript の公式サイトではメニューバーにある "Try CoffeeScript" をクリックすることで、ブラウザ上で CoffeeScript の入力、JavaScript へのコンパイル、実行を行うことができる。
Windows 向けのコンパイル済みの coffee.exe 。ただし、Node.js を使うことが推奨されている。
Debian/Ubuntu ではレポジトリに coffeescript がある。ただし、必ずしも最新版ではない。
<script type="text/coffeescript"> を使い、HTML の中に埋め込む方法。実運用環境では非推奨。

下記の方法で、coffee/*.coffee が js/*.js にコンパイルされる。

coffee --compile --output js/ coffee/

統合開発環境

IntelliJ IDEA - リファクタリングを含めサポートしている
Visual Studio - 2012より標準でサポート。無償版のVisual Studio Express 2012 for Webでもサポートされる。有償のPro以上では拡張機能のWeb Essensials 2012を導入することでリアルタイムにJavaScriptへのコンパイル結果を表示しながら編集を行うことが可能。

脚注

^ The Changelog. Episode 0.2.9 - CoffeeScript with Jeremy Ashkenas, Jul 23, 2010
^ Read Write Hack. Interview with Jeremy Ashkenas, Jan 7, 2011
^ Github. Popular Watched Repositories
^ Carson, Ryan. "New Rails-like Framework from 37signals for HTML5 Mobile Apps", Think Vitamin blog, Nov 8, 2010
^ Eich, Brendan. "Harmony of My Dreams"
^ Eich, Brendan. "My JSConf.US Presentation"
^ Github. 'initial commit of the mystery language'
^ “Create Your Own Programming Language”. createyourproglang.com. 2011年8月22日閲覧。
^ Hacker News. CoffeeScript 1.0.0 announcement posted by Jeremy Ashkenas on Dec 24, 2010
^ Hacker News. Original CoffeeScript announcement posted by Jeremy Ashkenas on Dec 24, 2009
^ https://coffeescript.org/#2.4.1

Geoffrey Grosenbach; Jeremy Ashkenas, Michael Ficarra (2011年5月12日). “Meet CoffeeScript”. PeepCode. 2011年6月14日閲覧。

参考文献

Burnham, Trevor (25 July 2011). "CoffeeScript: Accelerated JavaScript Development" (Document). Pragmatic Bookshelf. p. 136. {{cite document}}: 不明な引数|edition=は無視されます。 (説明); 不明な引数|isbn=は無視されます。 (説明); 不明な引数|url=は無視されます。 (説明)
飯塚直:「CoffeeScriptファーストガイド　モダンJavaScriptによるアプリケーション開発」，翔泳社，ISBN 978-4798125992，(2012/5/26)．
飯塚直：「つくって覚えるCoffeeScript入門」，アスキー・メディアワークス，ISBN 978-4048910774，(2013/5/29)．
Trevor Burnham:　"CoffeeScript: Accelerated JavaScript Development",Pragmatic Bookshelf, ISBN 978-1934356784,(2011/8/3).
Alex Maccaw：”The Little Book on Coffeescript”，Oreilly & Associates Inc，ISBN 978-1449321055， (2012/1/31）．
Mark Bates:"Programming in CoffeeScript (Developer's Library)",Addison-Wesley Professional, ISBN 978-0321820105,(2012/5/24).

外部リンク

公式ウェブサイト（英語）
coffeescript - GitHub
The Little Book on CoffeeScript - オープンソースで公開されている入門書の日本語訳

[1] The Changelog. Episode 0.2.9 - CoffeeScript with Jeremy Ashkenas, Jul 23, 2010

[2] Read Write Hack. Interview with Jeremy Ashkenas, Jan 7, 2011

[3] Github. Popular Watched Repositories

[4] Carson, Ryan. "New Rails-like Framework from 37signals for HTML5 Mobile Apps", Think Vitamin blog, Nov 8, 2010

[5] Eich, Brendan. "Harmony of My Dreams"

[6] Eich, Brendan. "My JSConf.US Presentation"

[7] Github. 'initial commit of the mystery language'

[8] “Create Your Own Programming Language”. createyourproglang.com. 2011年8月22日閲覧。

[9] Hacker News. CoffeeScript 1.0.0 announcement posted by Jeremy Ashkenas on Dec 24, 2010

[10] Hacker News. Original CoffeeScript announcement posted by Jeremy Ashkenas on Dec 24, 2009

[11] ttps://coffeescript.org/#2.4.1

[1]

[2]

[3]

[4]

[5]

[6]

[7]

[8]

[9]

[10]

[11]

表話編歴 JavaScript
概念	文法（英語版） JavaScriptライブラリ控えめなJavaScript
エンジン	Carakan/Futhark/Linear B Chakra JavaScriptCore JScript KJS Narcissus Nashorn Rhino SpiderMonkey V8
コンパイラ	AtScript Babel ClojureScript CoffeeScript Emscripten Google Closure Compiler Google Web Toolkit Haxe JSX（英語版） Kotlin Nim PureScript TypeScript
デバッガ	Firebug Google Chrome Developer Tools Internet Explorer Developer Tools Opera Dragonfly Visual Studio Visual Studio Express Visual Studio Code Web Inspector
エディタ	Atom Brackets Visual Studio Visual Studio Express Light Table Visual Studio Code WebStorm
サーバーサイド	Active Server Pages Bun CommonJS Deno Node.js Vert.x（英語版） Wakanda（英語版）
フレームワーク・ライブラリ	Angular/AngularJS Backbone.js Dojo Express.js Ext JS Google Web Toolkit jQuery Mobile MathJax MochiKit MooTools Prototype React Vue.js YUI Library（英語版）
ユニットテスト	Jasmine（英語版） Jest Mocha（英語版） QUnit ユニットテスト・フレームワーク一覧
Docジェネレータ	JSDoc
コード解析	ESLint（英語版） JSHint JSLint
パッケージ管理	npm NuGet
アプリケーションバンドラー	Webpack
関連技術	Ajax CSS DHTML DOM HTML JSON JSONP WebAssembly asm.js（英語版）
人物	ジョン・レシグダグラス・クロックフォード（英語版）ブレンダン・アイクライアン・ダール
カテゴリコモンズウィキブックス Portal:コンピュータ


	All text is available under the terms of the GNU Free Documentation License. この記事は、ウィキペディアのCoffeeScript (改訂履歴)の記事を複製、再配布したものにあたり、GNU Free Documentation Licenseというライセンスの下で提供されています。 Weblio辞書に掲載されているウィキペディアの記事も、全てGNU Free Documentation Licenseの元に提供されております。
	Text is available under GNU Free Documentation License (GFDL). Weblio辞書に掲載されている「ウィキペディア小見出し辞書」の記事は、Wikipediaの文字列補間 (改訂履歴)の記事を複製、再配布したものにあたり、GNU Free Documentation Licenseというライセンスの下で提供されています。

CoffeeScriptとは？ わかりやすく解説

CoffeeScript

歴史

例