CoffeeScript を導入したことによってクラス化が比較的易しくなり、導入前よりもずっと見通しの良いコードが書けるようになってきました。クラス化することによって関連する機能を一箇所に集約することができ、後から機能を追加する際も関連するクラス内に迷わず追記することができるので、コードがあちこちに散らばることがなくなります。そして各クラスは、それぞれが与えられた役目だけに徹する（関連機能が集約されているから）ので、他のクラスのことなど知ったこっちゃないと言わんばかりに意識しなくなり、自然と疎結合なコードになっていきます。 と、いうのが理想なわけですが、実際そうも言ってられなくなったりします。ひとつ以下の様なケースで考えてみます。 出版社（Publisher）と読者（Reader）という2つの登場人物がいます。読者は出版社が近日発売予定のとある書籍を購入したいと考えていますが、出版社内で編
fp.js is a tiny library to help keep d3.js dom manipulation code clean. Update (December 29, 2013) # Upgraded to support the format at the bottom. Check out this rewrite of the d3.js Grouped Bar Chart Example using fp.js. I write a lot of d3.js code and most dom manipulation code got complicated and hard to maintain. With fp.js attributes, styles and events can be set easily. But the most importan
[注意] まだまだ全然使いものにならないよ！ プロジェクト名をリネームした mizchi/TypedCoffeeScript https://github.com/mizchi/TypedCoffeeScript 構造体と関数リテラルを追加した。今は次のコードが通る。 struct Point { x :: Number y :: Number } p :: Point = {x: 3, y: 3} f :: Number -> Number = (n :: Number) :: Number -> n * n console.log f 4 f の関数型のところはわざと冗長に書いている。正直、型アノテーションを通すパーサが書けただけで推論は全然完璧ではない。 宣言済みのプロパティに代入しようとした瞬間だけバリデーションしている。関数型も返り値が一致しないと代入できないようにはなってる。引
KoalaはWin,Mac,Linuxなどマルチプラットフォーム動くGUIのコンパイラです。 対応言語はSass(Compass),Less, CoffeeScriptです。 インストールはこちらからご使用のOSを。 現時点のバージョンはv1.0.0v1.3.0です。リリースしたてですね。 動作には予めRubyのインストールが必要です。 ※v1.3.0になったので少し修正しました（2013.6.2） koala使いかた ややフラットUIてきなインターフェイス。 プロジェクト登録 「＋」ボタンでフォルダを選択するか、 作業フォルダをドラッグすればプロジェクトが登録されます。 基本これだけでSass,Less,Coffeeのコンパイルをしてくれます。 書き出し設定 scssの緑のファイルアイコンをクリックすると画面右にオプションメニューが現れます。 「dynamic compilation」を
タイトルとおりほんとに無料すか？っていうくらい高機能なGUIコンパイラーがPreprosがリリースされました。 CSS HappyLife大明神様よりとても詳しく丁寧に解説してくれるだろうとのフリをうけ筆を走らせている次第でございます。 追記:現在は無料版はなく有料版のみっぽいです (2015.04.05) Preprocessing just got easier with Prepros Prepros 現在バージョンは1.7。Windows版のみリリースされています。 追記:バージョン2.2でMac版も出ました (2013.07.11) Codekitのような高機能GUIコンパイラーがWindowsにもいよいよ登場ですね。 すでに海外の記事では「WindowsのCodekitだぜ！」みたいなことが言われてるとかいないとか。 Preprosの主な機能 Preprosの主な機能として ブ
This reference is an adaptation of the documentation at Underscore.js. It is interactive in its HTML5 form. Edit a CoffeeScript segment to try it. You can see the generated JavaScript when you write a CoffeeScript function by typing ‘show name’ after its definition. Example Underscore Underscore is a library for functional style programming. It provides 60-odd functions that support both the usual
July 15, 2013 Rails is now using "Coffeescript" rather than vanilla Javascript. A little book on Coffescript Coffeescript cookbook Coffeescript is a syntactical sugar coating on Javascript that some people like. I think it is stupid and needless, and there are plenty of people who agree: Why I don't use Coffeescript I was open minded, and gave Coffeescript a whirl, but after giving it a good test
基本操作逆引きリファレンス（CoffeeScript） Node.jsと、現在使われているほとんどのブラウザで共通して使えるメソッドや文法を、用途ごとにまとめて紹介します。 文字列 文字列を作る 文字列は" "または' 'で囲います。" "の中で"を使ったり、' 'の中で'を使うには、\でエスケープします。 "abc" 'abc' # 以下2つはどちらの書き方でも同じ意味 "I can't say \"no.\"" 'I can\'t say "no."' 文字列に式を埋め込む " "内では#{ }を使って、式や変数の値を埋め込むことができます。 "1 + 1 = #{1 + 1}" # => '1 + 1 = 2' 文字数を取得する 文字列.lengthは、文字列の文字数を返します。 "abcいろは".length # => 6 文字列を数値に変換する parseInt(文字列, 10)
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が選ばれるので指定はなし。 $
がっつり手を出したことが無かったんですが、 いよいよ案件で**.ts**なファイルが現れたので、 TypeScriptの勉強を始めました。 そしてことのついでに、CoffeeScriptもここいらで勉強しておくか! というわけで比較しながら、入門時の要点まとめしてみます。 だいたいどんな言語か TypeScript このごろ縁が薄い、MicroSoftさんご提供の言語 要するに、型付きにして、クラスベースにしたJavascript 拡張子は**.ts** クラスと変数宣言のところだけ変わってるけれど、その他の中身はただのJavascript よって学習コストはかなり低いっぽい もちろんjavascriptには型なんて無いので、宣言した型はコンパイルするときにだけ意味を持つ TypeScriptで書くことによってコードが最適化されるとかはないらしい。 公式: http://www.types
最近業務でBackboneを使ってるので、その中で考えた最強の構成。 CakefileとソースサンプルはBitbucketに上げました。 Compile-coffee-scripts-in-(sub)-directories https://bitbucket.org/takyam/compile-coffee-scripts-in-sub-directories ソースファイルの構成 src ├── 001_init │ ├── 001_setup.coffee │ └── 002_helpers.coffee ├── 002_common │ ├── 001_init │ │ └── setup.coffee │ ├── 002_config │ ├── 003_events │ ├── 004_models │ │ ├── 001_post.c
Cookbookがあった。 CoffeeScript Cookbook Cookbookとは「諸々の問題を華麗に解決しよう！」というレシピ本みたいなの。CoffeeScriptの特徴というより、単なるプログラムの書き方の寄せ集めみたいなノリでもある。 なので、CoffeeScriptの特徴を捉えてるやつをピックアップして見てみよう！ スルーしてるやつ 公式ドキュメントに載ってる基本的なものはだいたいスルー あと変態ぽいやつ(例えば「Repeating a String」)もスルー。(直感的でない) 単純なjsのtipsもスルー (Recursive Functions) スタティックなメソッドを使おう なぜか公式に書いてない、staticなやりかた。 classのメソッド、プロパティに@をつけるとOK。 class Songs @_titles: 0 # Although it's dir
このウェブサイトは販売用です！ coffeescriptcookbook.com は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、coffeescriptcookbook.comが全てとなります。あなたがお探しの内容が見つかることを願っています！
jasmine-nodeがnpmで入るようになってたので使ってみた。 これを使うと完全にコマンドラインのみでJasmineを使うことが可能となり、テスト結果もブラウザではなくターミナルに表示される。 自分にとってはRailsやらPHPやらのサーバーサイドプログラミングで慣れ親しんだ形でございます。 しかしTitaniumをいじってたはずがいつの間にかNode.jsの世界に迷い込んでるんだけど、あんだこれ。 準備 インストール npm install jasmine-node ディレクトリの準備 mkdir myproject cd myproject mkdir lib mkdir spec libにはテスト対象の実コードを置く。 specにスペックファイルを置く。 実コードを置く場所を変えたければspecs.jsを書き換えればよい。 Jasmineとspecs.jsのコピー スペックを走
CoffeeScriptでもさくさくBDDできるぞ！ この記事はCoffeeScriptとjasmine-nodeの記事の続きっぽいです。 準備 srcディレクトリの作成 CoffeeScriptファイルを置くディレクトリを作成する。 mkdir src specs.jsの編集 CoffeeScriptでスペックを書くためにspecs.jsの先頭行に以下を追加。 require('coffee-script') コンパイルの設定 実コードもCoffeeScriptで書くが、テストはjsファイルに対して行う。 CoffeeScriptの実コードを更新したら自動的にコンパイルされるように以下のコマンドをターミナルのひとつで実行しておく。 coffee -w -b -o lib/ -c src/ 新しいファイルを作ると、そのファイルはコンパイル対象に含まれていないのでコマンド実行し直す必要あり。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
