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でjQuery使うときのメモ
Posted: 2012.11.19 / Category: javascript / Tag: jQuery CoffeeScriptでjQuery使おうと思ったらいろいろと戸惑ってしまったのでメモです。 とりあえずCoffeeScriptでjQuery使えるようにする JSでjQueryのコードを書き始めるとき「$(document).ready」を省略した形で下記のように書くことが多いと思います。 JavaScript $(function() { // jQueryスクリプト }); これをCoffeeScriptにするとこうなります。 CoffeeScript $ -> # jQueryスクリプト これでjQueryがいつものように使用できますので、あとはさくさく書けると思います。 試しに「p」のテキストカラーを赤にしてみます。 CoffeeScript $ -> $('p').
node.jsのいろいろなモジュール10 – haml-coffee | DevelopersIO
hamlとは? hamlはHTMLを生成するためのマークアップ言語です。 インデントとタグを簡略化した構文を使うことにより、簡潔な記述でHTMLが記述できます。 元はRuby on Railsのビューで使用されていたようですが、現在はnode.jsとはじめ、いろいろな言語のテンプレートエンジンとして使用できるようです。 このようにhamlで記述すると、 !!! %html %head %title Hello, Haml! %body #header %h1 Hello, Haml! #content %p I use Haml %span.version= Haml::VERSION こういうHTMLとして解釈されます。 <!DOCTYPE html> <html> <head> <title>Hello, Haml!</title> </head> <body> <div id='he
SinatraとCoffeeScriptでわかる、Sprocketsの使い方 « blog.udzura.jp
アセットパイプラインなどで使えるとして話題の Sprockets gem 、自分向けまとめ。確認しないで書いているところもあります。 アセットパイプラインを支える技術 – sprockets Sprockets: Rack-based asset packaging Web assets 、具体的には主に CSS と JavaScript の圧縮/依存性の解決/各種ソースからの変換をサポートするための Rubygem 。 asset とは資産、財産の意。 執筆時点現在のバージョンは 2.0.3 。なお、 rack-sprockets gem は、 sprockets( 具体的には、 require 'sprockets' map '/assets' do environment = Sprockets::Environment.new environment.append_path 'ap
Mac OSX 10.8 Mountain Lion に coffee-script を install - Takuya71 のぶろぐ
Mac OSX 10.8 Mountain Lion に coffee-script を install 今回は coffee-script を Mac OSX 10.8 にインストールします。 nodejs を install coffee-script をインストールする前に node.js をインストールする必要があります。 node.js は homebrew を使ってインストールしました。 brew install nodejs ==> Downloading http://nodejs.org/dist/v0.8.8/node-v0.8.8.tar.gz ######################################################################## 100.0% ==> ./configure --prefix=/usr/loc
CoffeeScriptを使ってTitaniumでiPhoneアプリを作る - AUSGANG SOFT
最近、まわりでCoffeeScriptがすごいという声が。 CoffeeScriptって？ Javascriptを洗練させてPythonやRubyライクな文法で書ける言語。 コンパイルするとクロスブラウザでJS Lintも通るJavascriptになるというもの。 某WebベースのTwitterクライアントも、JS部分はこれで書いてるとか。 CoffeeScript - sappari wiki https://sites.google.com/site/sappariwiki/coffeescript CoffeeScriptについては、日本語だと、ここがよくまとまってます。 さっそく、CoffeeScritptを入れて、Titaniumの最初のコード(プロジェクトを新規作成するとできるやつ)をCoffeeScriptで書きなおしました。 https://gist.github.com/
CoffeeScriptがさらに拡張されたLiveScriptの紹介 - mizchi log
2ヶ月ぐらい前にHackersNewsで見かけて、触ってみたらやたらかっこよかったので紹介。 LiveScript http://gkz.github.com/LiveScript/ LiveScriptはCoffeeScriptがさらに拡張された、JavaScriptにコンパイルされる系言語。 JavaScriptが最初に名付けられた名前「livescript」に立ち返って、関数型の特色が色濃い言語のようです。 OOPと関数型のマルチパラダイムという点でScalaなどに近いのかもしれません。型が弱いScalaで、見た目はHaskell。 インストール npm install -g livescriptより関数型っぽくしたい人のための prelude-lsと一緒に使うのが推奨されているそうです npm install prelude-ls追加されるメソッドについては以下を参照 prelud
WindowsでCoffeeScriptをインストール - プログラムdeタマゴ
情報が一ヶ月ほど遅いですが、Node.jsのWindows版バイナリがnpmに対応したようで、コマンドプロンプトからCoffeeScriptが普通に使えるようになっていました。 node.jsよりWindows版のnode.jsを入手、インストール コマンドプロンプトでnodeと打ってきちんと動作することを確認。（動かない場合はPATHの設定を見直してください） node.jsは終了し、「npm install coffee-script --global」とタイプしてCoffeeScriptをインストール coffeeと打ってきちんと動作することを確認。 ずいぶん簡単になりましたね。 参考サイト：Node.js と CoffeeScript を触ってみた あと、1.1.3用にCoffeeScript入門の記事を追加修正しました。 その際、1.1.3の更新点であるらしいsuperのことがよ
Node.jsアプリをCoffeeScriptで記述する - アインシュタインの電話番号
Node.jsでのHello worldを済ませて、expressコマンドでアプリの雛形を自動生成できるようになったので、自分がNode.jsに興味を持った当初の目的である以下について実行してみる。 普段自分がRubyで使っているSinatra+Slim+Sassと似たような開発環境を、Node.jsでもExpress(CoffeeScript)+Jade+Sassを使えば実現できるかも？ 個人的には、上記の憶測がなかったらNode.jsをやってみようと思わなかったと言っても過言ではないので、できるだけ早い段階でこの組み合わせをやってみたくて、まずはCoffeeScriptを触ってみた。 Node.jsアプリの雛形を自動生成 まずはNode.jsアプリの雛形を自動生成する。-cオプションでCSSにはSassを使うことを指定する。HTMLはデフォルトでJadeが選ばれるので指定はなし。 $
CoffeeScriptとjQueryの連携 – Yuyak
jQueryは長ったらしいJavaScriptの構文をシンプルに書く方向へと導いてくれた物ですが、 ジャワをコーヒーに置き換えることで、よりシンプルに書くことができます。 例えば、コールバック関数 コールバック関数内でthisの中身を変更したい時、こんな書き方になると思います。 $('#foo').click($.proxy(function() { this.bar(); }, this)); あるいはこう。 var self = this; $('#foo').click(function() { self.bar(); }); ですが、CoffeeScriptだとこう書けます。 $('#foo').click => @bar() 超絶すっきりですね。 ちなみにこのCoffeeScriptは以下のようなJavaScriptにコンパイルされます。 var __bind = functi
CoffeeScript を使える環境を作ったメモ - f99aq8oveのブログ
FreeBSD % sudo portinstall www/node % npm install -g coffee-scriptOS X # homebrew を入れて % /usr/bin/ruby -e "$(curl -fsSL https://raw.github.com/gist/323731)" # node.js をインストールして % brew install node # npm を入れてから % curl http://npmjs.org/install.sh | sh % npm install -g coffee-scriptOS X では、MacPorts から Homebrew に移行してみた。
コンパイルするとJavaScriptに！ Rubyライクに記述できる「CoffeeScript」とは？
JavaScriptプログラマーの間で「CoffeeScript」を使う人が増えています。CoffeeScriptとは一体どんな言語なのか、そして実際の現場で使うにはどうしたらいいのか、この連載を通して解説していきます。Webブラウザ向けのフロントエンド開発にも、そしてサーバサイド開発にも使える内容となっています。 CoffeeScriptが登場する前 JavaScriptは広く普及している言語ですが、ソースコードは見苦しいものになりがちです。小さなプログラム程度なら構いませんが、大規模なプログラムを作るのはかなり骨が折れる作業です。冗長な記号や面倒な決まり文句などが積み重なると、読みづらくメンテナンスしづらいソースコードができてしまいます。 JavaScriptを使ってある程度の規模の開発を経験したプログラマーの多くはそのような不満を感じ、もう一度JavaScriptで大きな開発をしたい
coffeescript - を淹れるための最低限文化的な環境 : 404 Blog Not Found
2012年04月04日16:00 カテゴリLightweight Languages coffeescript - を淹れるための最低限文化的な環境 私のような体育会系プログラマーは、実際に動かしてみないとわからないので、その場で動かせる環境を作ってみました。 Demo 結論から言うと、この程度ですみます。CoffeeScript -> JavaScript だけではなく、逆変換もできます。 CoffeeScript: ((s) -> while s isnt undefined try s = eval(prompt(s)) catch e s = e ) "JS:" JavaScript: (function(s){while(s!==undefined)try{s=eval(prompt(s))}catch(e){s=e}})('JS:') DHTML Source 基本的に Js2
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基礎文法最速マスター｜技術ブログ｜北海道札幌市・宮城県仙台市のVR・ゲーム・システム開発 インフィニットループ
CoffeeScript基礎文法最速マスター はじめまして。新人のtek_kocです。 今回は巷で話題のCoffeeScriptの文法をまとめてみました。 1年近く前に流行った基礎文法マスターシリーズにCoffeeScriptがなかったので、勉強も兼ねて同形式で書いてます 。 JavaScriptを使っている方はこれをざっくり眺めてCoffeeScriptへの移行を検討してくれればなと思います。 まだ網羅しきれていないですが、これを読めばCoffeeScriptに乗り換えることができるはずです。 間違いや、足りない箇所などがあれば、是非コメント等で指摘してください！ バージョン 現時点で最新の1.0.1を対象にします。 ０．概要 CoffeeScriptとはJavaSciprtにコンパイル可能な言語です。 RubyやPythonなどに近い記述が可能で、JavaScriptの開発をより効率的
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CoffeeScriptによるモダンなWebアプリケーション開発一覧
The Little Book on CoffeeScript
imasusenの日記
「CoffeeScript」の開発環境を用意して、サンプルを表示してみよう
CoffeeScript 言語リファレンス