JavaScriptをシンプルに書けるCoffeeScript使ってみた
Posted: 2012.02.13 / Category: javascript CoffeeScript は JavaScript を Ruby や Python ライクに書けるので、タイプ数が減ったり、コードの見通しが良くなったりといったメリットがあるようです。 この記事では CoffeeScript の基本構文と使い方をご紹介します。 変数に var は必要ない では、基本的な構文からみていきましょう。 CoffeeScript num = 3245 console.log num JSなら var num = 3245; と書くところですが「var」も「 ;（セミコロン）」も必要ありません。 2行目の console.log num は console.log (num) とカッコで囲んでも大丈夫です。 これをコンパイルすると次のように展開してくれます。 JavaScript (
CoffeeScriptいいかも
programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / 存在は知ってたけどさっぱり興味のわかなかったCoffeeScriptなのですが、使ってみたらこれいいかもって思って、というかもうこれからはCoffeeScriptで書いていこうかなと思いだしてる中。CoffeeScriptが何かについては、以下を参照のこと。 今日から始めるCoffeeScript | tech.kayac.com - KAYAC engineers’ blogRails Hub情報局: ベターJavaScript!? CoffeeScriptが注目されるワケきっかけは JavaScript Web Applications という本を読んで、この本書いてる人が作ってる Spi
CoffeeScript言語リファレンスを日本語訳しました - maru source
最近CoffeeScriptというものを知って少し調べてみたら、本家の言語リファレンスがそんなに多くなかったので日本語訳に挑戦してみました。 http://coffeescript.org/ CoffeeScriptとはJavaScriptにコンパイル可能なシンプルな言語です。クラスベースのオブジェクト指向、Python/Rubyを参考にした内包表記、文字列内変数展開、スタティックスコープなどなどがあります。 先にネタバラシをしておくと日本語訳は既に別の方がしていました＼(^o^)／ http://sites.google.com/site/sappariwiki/coffeescript しかも僕の日本語訳より全然わかりやすい！ぶっちゃけ英語は大の苦手なので、翻訳したはいいけど間違ってるところは色々あるはずです。 でもまあ技術的なドキュメントの翻訳に挑戦したのは、数年前に前職でRDP(R
CoffeeScriptでObserverパターン
$ coffee pubsub.coffee Just read big news today Just read big news today Just read big news today About to fall asleep reading this interesting analysis class Publisher constructor: -> @subscribers = { any:[] } subscribe: (fn, type) -> type = type or 'any' @subscribers[type] = [] unless @subscribers[type]? @subscribers[type].push(fn) unsubscribe: (fn, type) -> @visitSubscriers('unsubscribe', fn, t
CoffeeScriptを使うべきか、使わざるべきか？ - にのせき日記
最近CoffeeScript界隈のブロゴスフィア(死語)を賑わせていた「CoffeeScriptを使うべきか、使わざるべきか？」という話題についてまとめてみた。 以下の記事紹介は超訳かつ要約なので詳しく知りたい人は元記事を参照のこと。 ことの発端はこの記事。 SnackJSの作者がCoffeeScriptをディスる。 A Case Against Using CoffeeScript by Ryan Florence デバッグの問題 CoffeeScriptが生成するJavaScriptはきちんとしているけど、結局は自分が書いたコードじゃないため読みにくい。自分で直接書いたほうが見やすい。 それにCoffeeScriptをデバッグするワークフローは大変だ。 まず問題がJavaScript内のどこで発生したのかを突き止める(CoffeeScriptのコードと行単位で対応してないから大変だ)
CoffeeScript+enchant.jsで始めるゲーム開発入門 - 5.1さらうどん
JavaScript, Game | 17:11 | CoffeeScriptからenchant.jsを叩いて使ってみたところ、スゴい速さでクロスプラットフォームなゲームができあがって、非常に開発がしやすい感じだったので、今回の開発についてまとめてみました。この方法でゲームを開発すると 実行環境構築が不要で クロスプラットフォームでスマートフォンでも動き 開発しやすく 凄まじい速度でゲーム開発ができます。enchant.jsとは、国産のJavaScriptで実装されたゲームフレームワークです。 ドキュメントやサンプルが充実しており、初学者でも敷居が低いのが特徴です。enchant.js - HTML5 + JavaScript Game Engine CoffeeScriptとは JavaScriptにコンパイルすることができる 文法ミスの場合、コンパイルできないため、エラーに気付きやすい
CoffeeScriptがWebの世界を制する？HTML/CSS/JavaScript生成·coffee-world MOONGIFT
coffee-worldはディレクトリを監視してCoffeeScriptからHTML/CSS/JavaScriptを生成するソフトウェアです。 最近、JavaScriptを素のままで書くことが減ってきています。CoffeeScriptから変換した方がコーディング量も少なく、かつ可読性の高いコードが書けるようになってきました。そんなCoffeeScriptは既にJavaScriptだけの壁を越えて動き始めています。そんな人にお勧めなのがcoffee-worldです。 インストールはnpmからできます。コマンドにしないといけないので実際には-gをつけます。 コード例。これはCoffeeScriptでCSSを生成するccssフォーマットです。 後はcoffee-worldを起動すると現在のディレクトリまたはパスを指定してそのパス以下のファイルをコンパイルしてくれるようになります。 CoffeeS
CoffeeScript基礎文法最速マスター｜技術ブログ｜北海道札幌市・宮城県仙台市のVR・ゲーム・システム開発 インフィニットループ
CoffeeScript基礎文法最速マスター はじめまして。新人のtek_kocです。 今回は巷で話題のCoffeeScriptの文法をまとめてみました。 1年近く前に流行った基礎文法マスターシリーズにCoffeeScriptがなかったので、勉強も兼ねて同形式で書いてます 。 JavaScriptを使っている方はこれをざっくり眺めてCoffeeScriptへの移行を検討してくれればなと思います。 まだ網羅しきれていないですが、これを読めばCoffeeScriptに乗り換えることができるはずです。 間違いや、足りない箇所などがあれば、是非コメント等で指摘してください！ バージョン 現時点で最新の1.0.1を対象にします。 ０．概要 CoffeeScriptとはJavaSciprtにコンパイル可能な言語です。 RubyやPythonなどに近い記述が可能で、JavaScriptの開発をより効率的
CoffeeScriptを知らない友人にCoffeeScriptを紹介する10のワンライナーテクニック - mizchi log
って、日本のギークならそういうんだろうなー みなさんCoffeeScript使ってますか？ちょっとjsわかる人ならすぐ覚えられて、文法が平易で、かつRubyやPythonぽく拡張されてるので非常にストレスが少ないです しかも、元のJSの特性をほとんど妨げないようになってるので、jsでできてcoffeeでできないことはほとんどない。(まったくない、かはちゃんと確かめてませんが… ないと思います) 雰囲気、インデントブロックのRuby記法のような印象。 というわけで元ネタは 10 CoffeeScript One Liners to Impress Your Friends | ricardo.cc です CoffeeScriptインストール済なら、$ coffee -i、もしくは $ coffee で対話インタプリタ起動します 1. リストに含まれるアイテムを2倍に coffeescript
CoffeeScriptはインストールしなくてもブラウザ上で実行できるよという話 - ariyasacca(2011-02-21)
▼ [雑記]CoffeeScriptはインストールしなくてもブラウザ上で実行できるよという話 CoffeeScript Ruby + Pythonな構文でJavaScriptが書けるCoffeeScriptですが、ブラウザから使ってみるだけなら、type属性に"text/coffeescript"を指定したscript要素の中に直接コードを書いて、後はコンパイラを直接ロードしてしまえば実行できます。 <script type="text/coffeescript"> # 実行したいCoffeeScript構文 </script> <script type="text/javascript" src="http://jashkenas.github.com/coffee-script/extras/coffee-script.js"></script> 動かしてみるとこんな感じになります。
Coffeescriptでクライアントサイドでビルド/テストの設定諸々メモ - mizchi log
CoffeeScript/Canvasでゲーム作ってて、結構巨大なプロジェクトになってしまったので色々工夫していた。 単体のとき EmacsやVim使ってるなら shadow.el/shadow.vim を使う 自分はemacsなのでshadow.elを入れた。 mooz/shadow.el - GitHub (require 'shadow) (add-hook 'find-file-hooks 'shadow-on-find-file) (add-hook 'shadow-find-unshadow-hook (lambda () (auto-revert-mode 1))) hoge.js.shd(CoffeeScriptとして記述) ## coffee -csb f = (x) -> x + 1 f2 = (x) -> x + 1 print f 10 # Local Variab
CoffeeScript: JavaScript without the Fail
WTF JS? Global variables function plus_two(n) { two = 2; return n + two; } plus_two(3); // 5 - obviously, 3 + 2 = 5 two; // 2 - wtf, JS? The with block var foo = 5; with (obj) foo; // 5, unless obj.foo exists Wtf is the deal with the == operator? 2 === "2"; // false - obviously a number is not a string 2 == "2"; // true - wtf JS?
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「CoffeeScript」の開発環境を用意して、サンプルを表示してみよう
The Little Book on CoffeeScript
Build and implement a single sign-on solution
node v0.6.3 で npmが標準モジュールとなり、OS別インストーラもできたよーって話 - mizchi log
Smooth CoffeeScript
ちっちゃいCoffeeScriptの本