AltJSの選び方フローチャート - Qiita
JavaScriptわかる - YES 型がほしい - YES Flash/ActionScript3が青春だった - YES Haxe - NO DeNAに勤めている - YES JSX - NO TypeScript - NO Ruby or Python が好き - YES coffee-script - NO クラスはほしい - YES EcmaScript6(Traceur Compiler) or CoffeeScript - NO JavaScriptの文法に不満がある - YES https://github.com/jashkenas/coffeescript/wiki/List-of-languages-that-compile-to-JS - NO JavaScript書けよ - NO 関数型わかる - YES 自分の好きな言語に深く精通している - YES 好きな言
CoffeeScript でクラスベースのオブジェクト指向プログラミングをするための基礎知識 - わからん
CoffeeScript にはクラスを定義するための枠組みが言語自身にあります。この記事では、CoffeeScript でのクラス、継承といった基本的な概念を「使う」ための知識と、「理解する」ための解説を書きました。JavaScript をある程度しっており、CoffeeScript をみようみまねでなんとなく使っている人を想定した内容です。念の為申し添えておきますが、JavaScript でのクラスベースのプログラミングの是非は論じていません。 クラス周辺の言語の機能、ひとめぐり class Dog を JS に展開してみます。大きく括るとコンストラクタ関数でクラスを模倣するタイプだとわかります。 class Dog # (function() { # var Dog; # Dog = (function() { # function Dog() {} # return Dog; # }
stockNum.App - Coming Soon
stockNum.App Something new is just around the corner 👍👍
すぐに分かる CoffeeScript によるクラスの書き方 | DevelopersIO
年末年始から CoffeeScript を積極的に使っているわけですが、ピュアな JavaScript よりもクラスの取り扱いがしやすくなっていることに一番の恩恵を感じています。すべての機能を使いこなせているわけではありませんが、何件かの業務を通じてフィールド（インスタンス変数）やプライベート関数など自分流のクラスの書き方が出来てきたので、ここに書き記しておくとします。 よくある CoffeeScript のクラス構造 CoffeeScript に関する書籍やブログエントリを見ると、だいたいこのようにクラスを紹介していることが多いです。 class ClassName @staticVar: 0 # 静的なプロパティ @staticFunc: -> # 静的な関数 # do something... constructor: (name)-> # コンストラクタ @name = name
HiBARA Software Blog
前回の記事「CoffeeScriptでクラスをつくりその中にjQueryイベントを持たす」の関連、というか続きです。 前回も、thisの所在に悩まされたのですが、今回も同じような感じでハマったので一応メモ。 これに関する解は、わりとアチコチ（Stack Overflowなど）にあるのですが、この流れでハマると、その解に辿り着けない（ググってもそれが解答だと気づけない）ような気がするので、ここに書いておきます。 たとえば、以下のようにclassで作った<div>をこれまたclass内で定義したメソッドからアニメーションをさせます。 今回の例で言えば、右に移動したら（animate {‘left’:’128′}) 、下へ（animate {‘top’:’128′})、次に左へ（animate {‘left’:’128′})移動し、最後は元の位置（animate {‘top’:’0′})に戻る、
CoffeeScriptの@について再び - ひげろぐ
コンテキストによってthisの内容が変わるという問題を回避するために必要な that = this 実はこれなしでも済む記法がCoffeeScriptには存在することに気がついた。 「=>」(fat arrow) 手元のソースコードから修正箇所を抜粋。 before that = this @window.addEventListener("focus", (e)-> that.refreshTable()) after @window.addEventListener("focus", (e)=> @refreshTable()) おわかりいただけただろうか。 関数定義の時に「->」ではなく「=>」を使うことで、冗長な「that = this」が不要になるわけだ。とてもスマートなわけだ。 JavaScript的に見ると 「=>」を使うとJavaScriptのコードの頭で「__bind」と
JavaScriptで型が書けるDSLを提供するdeftypes.js作った - mizchi log
こじらせJavaScriptシリーズです。 mizchi/deftypes.js https://github.com/mizchi/deftypes.js 主にcoffee-script用のDSLです。以下すべてcoffee。 ブラウザ <script src="https://raw.github.com/mizchi/deftypes.js/master/deftypes.js"></script> Deftypes(); //provide DSLNode npm install deftypes 概要 型が書けます。残念ながら動的チェックです。 Point = {x: Number, y: Number} p1 = def Point, {x:1, y:2} #=> {x: 1, y:2} p2 = def Point, {x:1, z:2} #=> type error def
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
