正しいcoffee-scriptの環境づくり vim - Qiita
" vimにcoffeeファイルタイプを認識させる au BufRead,BufNewFile,BufReadPre *.coffee set filetype=coffee " インデントを設定 autocmd FileType coffee setlocal sw=2 sts=2 ts=2 et " taglistの設定 coffeeを追加 " let g:tlist_coffee_settings = 'coffee;f:function;v:variable' " QuickRunのcoffee " let g:quickrun_config['coffee'] = { " \'command' : 'coffee', " \'exec' : ['%c -cbp %s'] " \} "------------------------------------ " vim-coffee
stockNum.App - Coming Soon
stockNum.App Something new is just around the corner 👍👍
HTML5で作られたポータル風ゲーム·Stick Portal MOONGIFT
Stick Portalは棒人間による2Dのポータル風ゲームです。 ポータルというゲームがあります。壁に二つの穴を開けて、その間を移動できるようにするポータル銃を使ってパズルを解き、ゴールを目指すゲームです。そんなポータル風ゲームをHTML5で再現したのがStick Portalです。 まず基本。左にいるキャラクターを右にある四角まで持っていけばゴールです。 ちょっと高い場所にゴールがあります。真ん中にある踏み台を使うと高くジャンプできます。 やっとポータルらしい場面です。太い線の部分にはポータル銃で穴があけられます。 まず一つ目の穴。 ついで二つ目の穴。飛び込めばゴールです。 こんな感じの面も。ポータル銃は穴だけでなく、物体の移動にも使えます。 こうやって重ねると高い場所でもゴールできます。 邪魔するキャラクター登場。放ってくる弾に当たっても死にませんが、一気に吹っ飛ばされます。 箱がい
Better CoffeeScript Testing With Mocha | Envato Tuts+
Recently, I’ve been doing a considerable amount of CoffeeScript work. One problem I ran into early-on was testing: I didn’t want to manually convert my CoffeeScript to JavaScript before I could test it. Instead, I wanted to test from CoffeeScript directly. How’d I end up doing it? Read on to find out! You’ll need to have Node.js and Node Package Manager installed. Before we continue on, I'll point
これが決定版？フォルダを監視してCSS/JavaScript/HTMLを生成·Fire.app MOONGIFT
Fire.appはフォルダを監視してSass/Compass/CoffeeScriptを自動変換するソフトウェアです。 最近はCSS/JavaScript/HTMLをそのまま書くのではなくSassやCoffeeScript、Haml/Markdownを使ってそれぞれのフォーマットに変換するのが当たり前になってきています。そこで使ってみたいのがFire.app、自動ファイル変換ソフトウェアです。 起動します。 メニュー常駐型です。 設定画面です。 Growlを使った通知に対応しています。 Livereloadに対応しています。 履歴です。 フォルダを指定しました。 プロジェクトテンプレートを生成してくれる機能があります。 生成しました。後は修正すると自動的に別フォーマットファイルを生成してくれます。 Fire.appはSass/CompassからCSSを、Haml/ERB/Markdownか
Meteor.js - naoyaのはてなダイアリー
http://www.meteor.com/ で公開された Meteor.js を少し触ってみました。TechCrunch なんかでも話題になっていましたね。 Meteor.js は JavaScript によるウェブアプリケーションフレームワークですが、クライアントサイドでもサーバーサイドでもない、"Isomorphic" なフレームワークです。 コンセプトとしていくつか特徴があるのですが、その最たるものは "Reactive Programming" で、モデルやセッションなどのストレージを更新するとその更新内容がリアルタイムに、そのアプリケーションを開いている全クライアントに伝わるようなアプリケーションを簡単に作ることができます。 この辺は実例を見るのが早いです。 http://www.meteor.com/examples/leaderboard ここにある動画では、あるブラウザで
これは便利。Google ChromeでCoffeeScriptを使う·CoffeeConsole MOONGIFT
CoffeeConsoleはGoogle Chrome上でCoffeeScriptを記述して実行できる機能拡張です。 CoffeeScriptに慣れると素のJavaScriptが書きづらく感じるようになってしまいます。ChromeのデバッグでJavaScriptを書くのにストレスを感じていた方はCoffeeConsoleをぜひ使ってみてください。 インストールします。 インストールしました。すぐに使えます。 Webインスペクタを開きます。右端にCoffeeScriptというタブが追加されています。 開きました。左側に記述すると、右側に変換後のJavaScriptが表示されます。 リアルタイムに変換されます。そのままコマンド＋エンターまたはShift＋エンターを押すと実行されます。 console.logなどはConsoleタブで確認する必要があります。 CoffeeConsoleは一行単位
CoffeeScript - unknownplace.org
なぜ CoffeeScript がダメか - 冬通りに消え行く制服ガールは✖夢物語にリアルを求めない。 - subtech 僕の考えでは JavaScript ネイティブでない（けれど非同期プログラミングやネットワークの知識はある）人が、Node.js を使ってネットワークアプリケーションを書くという用途では結構使えると思う。 デバッグしづらいという点も Node と組み合わせる前提で考えれば coffee コマンドで直接実行すればいい話である。 また僕自身も小さなネットワークアプリケーションは最近は CoffeeScript で書いてて、fujiwara 氏などにメンテしてもらっているけれど、やはり彼も僕と同じようなスキル（JavaScriptネイティブでない）だから、そういう人が見て大体なんとなく理解できるものになってると感じる。 これがもし、AnyEvent で書いたコードだったらそ
VimでCoffeeScriptの開発環境を構築する | へびにっき
VimでCoffeeScriptを快適に書くための環境作り。 Mac OS X Lion Vim 7.3（Lionに標準で入っているもの） CoffeeScript 1.2.0 VimはMac標準のターミナル.app上で使用する。Lionからは256色表示に対応したので実用性が高くなった。 ppathogenのインストール まずvimのプラグインを管理しやすくするためのプラグインであるpathogenを導入する。手順は配布ページに書いてある通り。 mkdir -p ~/.vim/autoload ~/.vim/bundle curl 'www.vim.org/scripts/download_script.php?src_id=16224' \ > ~/.vim/autoload/pathogen.vim .vimrcに次の1行を追加してインストール完了。 call pathogen#in
CoffeeScript+enchant.jsで始めるゲーム開発入門 - 5.1さらうどん
JavaScript, Game | 17:11 | CoffeeScriptからenchant.jsを叩いて使ってみたところ、スゴい速さでクロスプラットフォームなゲームができあがって、非常に開発がしやすい感じだったので、今回の開発についてまとめてみました。この方法でゲームを開発すると 実行環境構築が不要で クロスプラットフォームでスマートフォンでも動き 開発しやすく 凄まじい速度でゲーム開発ができます。enchant.jsとは、国産のJavaScriptで実装されたゲームフレームワークです。 ドキュメントやサンプルが充実しており、初学者でも敷居が低いのが特徴です。enchant.js - HTML5 + JavaScript Game Engine CoffeeScriptとは JavaScriptにコンパイルすることができる 文法ミスの場合、コンパイルできないため、エラーに気付きやすい
Should You Learn CoffeeScript? | Envato Tuts+
CoffeeScript allows "reasonably solid" JavaScript developers to accomplish the latter by simply writing the former. Other Incentives Include The ability to write code that works in old versions of Internet Explorer without having to compromise or shim Not having to worry about JavaScript pitfalls like trailing commas and automatic semicolon insertion Cleaned up semantics where every language const
GitHub - mauricemach/coffeekup: Markup as CoffeeScript.
CoffeeKup <☕/> Markup as CoffeeScript CoffeeKup is a templating engine for node.js and browsers that lets you to write your HTML templates in 100% pure CoffeeScript. It was created in celebration of whyday, as an application of the concept used in Markaby ("Markup as Ruby", by Tim Fletcher and why the lucky stiff) to CoffeeScript. Here's what a template written for CoffeeKup looks like: doctype 5
Haml+SCSS+CoffeeScriptでモダンな静的ページ制作を - 223 Software
CoffeeScript、流行っていますね。 あとはモダンなRubyistならそろそろ静的ページでさえもHTMLやCSSではなくHaml, SCSSで書きたいと思っていることと思います。 実現方法はあまり難しくありません。要はhaml, scss, coffeeファイルを更新したときに自動的にコマンドを実行してhtml, css, jsにコンパイルしてやればいいだけなので、watchrを使ってちゃちゃっとひな形を作ってみました。 なお、ついでにhttp://www.cdnjs.com/を使ってunderscore.jsとbackbone.jsを読み込んでいます。あとGoogle Libraries APIを使用してjQueryも読み込んでいます。 https://github.com/satococoa/modern_html5_lab watchr？ watchrとは、ファイルの更新を監
今日から始めるCoffeeScript - KAYAC Engineers' Blog
こんにちは。毎年花粉症になりかけている飯塚です。 最近のNode.jsの普及などによってサーバサイドJavaScript界隈が盛り上がっています。 そんなホットなJavaScriptをラクにかつエレガントに書くためのCoffeeScriptという言語をチュートリアル風に紹介します。 何かしらのライブラリを自分で書く程度にJavaScriptで開発している人は絶対に使ったほうがいいと思います。 JavaScriptを知っていれば1-2時間程度で十分駆使できるようになります。 （2011/6/28：@m_satyr様にご指摘頂いた箇所を修正しました。） 目次 CoffeeScriptとは？ インストール Hello World 構文 関数 変数展開 Objectの生成 ループ 存在チェック ヒアドキュメント thisのバインド クラス 無名関数 {var} Tips ?の使い分け 存在チェック
CoffeeScript
☕ CoffeeScript CoffeeScript is a little language that compiles into JavaScript. Think of it as JavaScript's less ostentatious kid brother — the same genes, roughly the same height, but a different sense of style. Apart from a handful of bonus goodies, statements in CoffeeScript correspond one-to-one with their equivalent in JavaScript, it's just another way of saying it. Disclaimer: CoffeeScript i
CoffeeScriptでjasmine-node - ひげろぐ
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/ 新しいファイルを作ると、そのファイルはコンパイル対象に含まれていないのでコマンド実行し直す必要あり。
CoffeeScriptでTitanium 一ヶ月目くらいの感想 - ひげろぐ
CoffeeScriptについて ここんところしばらくCoffeeScriptとTitaniumの組み合わせで開発しているわけだけど、CoffeeScriptに関して言えば特に大きなハマりどころもなく快適に使えている。 強いて言えばこの間の@だけど、あれはどっちかというとJavaScriptのハマりどころだったわけで。 文法を覚えるコストがゼロとは言わないが、Rubyのバックグランドを持っていたせいかそんなに苦労はしなかった。 書き方を覚えてしまえばJavaScriptよりもさくさく書けて、かなり生産性に寄与してくれているのではないかと思う。 個人的には後置のifとforが特にお気に入り。 Titaniumとの組み合わせについて Titaniumとの組み合わせもまったく問題なし。 逆にCoffeeScriptなしでの開発が今となっては考えられないくらい。 Resources以下で以下のコー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch | Startup and Technology News
Open sourced coffee-watcher, less-watcher and watcher_lib - amix.dk
GitHub - khoomeister/coffee-world: Watches the current folder to compile CoffeeScript into CSS, HTML & JS
