Node.js＋CoffeeScript でソースマップを使ってデバッグを楽にする方法
以前、jQuery 1.9 のソースマップ対応で圧縮版でもデバッグが簡単になった話 を書いたけど、Node.js でソースマップする方法を紹介する。 何がうれしいかというと、Node.js で CoffeeScript や TypeScript、JSX なんかを使ったときに、例外に含まれるスタックトレースに変換前の位置を表示できる。 やり方は簡単。source-map-support というモジュールを require() するだけ。 ためしに使ってみた GitHub に動かし方が書いてあるので、その通りにやってみる。 こんな感じの demo.coffee があったとする。 require 'source-map-support' foo = -> bar = -> throw new Error 'this is a demo' bar() foo() npm install sourc
今からでも遅くないCoffeeScript再入門 | tekkoc'blog
久しぶりにCoffeeScriptを書くことになったので、調べごとついでに色々まとめてみました。 そもそもCoffeeScriptとは何か CoffeeScript はプログラミング言語のひとつである。コードはJavaScript のコードに変換される。 Ruby や Python、Haskell [1] から影響を受けたシンタックスシュガーの導入により、JavaScript に比べ簡潔さと可読性を向上させたほか、配列内包 (Array comprehensions) やパターンマッチといった機能を追加している。 CoffeeScript により、パフォーマンスを下げることなく、より短いコードでプログラムを記述することができる (JavaScript に比べ 1/3 程度の行数が削減できる)。 CoffeeScript - Wikipedia JavaScriptには罠がたくさんあります。
CoffeeScript: less typing, bad readability
I’ve used CoffeeScript for a few months now. Coming from Python, I felt that CoffeeScript was more concise than Javascript, so I decided to use it for a few small projects. Initially, it was a nice experience, but then I gradually realized that, while writing CoffeeScript code was very pleasant, reading it wasn’t so. I started to notice that it was hard to read my own code a few months later. It w
CoffeeScriptを3時間で理解するための10のポイント(1)-(3)
＜＜前回「CoffeeScriptって何？」へ＜＜ CoffeScriptを3時間で理解するための10のポイントのうち、ポイント1から3までを解説します。ポイント1は「CoffeeScriptはコンパイルで即時関数に変換される」こと、ポイント2は「変数は自動的に宣言される」こと、ポイント3は「リテラルで豊かな表現を可能に」したことです。 POINT1 CoffeeScriptはコンパイルで即時関数に変換される ★「即時関数」でグローバル変数を作らない ★JavaScriptのstrictモードにも対応 CoffeeScriptで記述されたコードをコンパイルすると、JavaScriptのコードは、(function() {...}).call(this);でラップされた状態で出力されます（リスト7）＊1。奇異にも見える書き方ですが、実は、JavaScriptの世界では定石とも言える書き方の一
Greasemonkey で直接 CoffeeScript を書く方法 - Qiita
（追記1）Firefox 21 以降 E4X がサポートされなくなったため、現行の Firefox では本記事のコードは動きません （追記2）E4X を使わずに記述する方法に変更しました。 //;### // ==UserScript== // @name coffeetest // @namespace http://example.com/coffeetest // @include * // @grant none // @require http://coffeescript.org/extras/coffee-script.js // @version 1 // ==/UserScript== CoffeeScript.eval((function(){/* # coffeescript from here ### class User constructor: -> @name
試してみよう。Webベースのドローアプリケーション·Stylo MOONGIFT
StyloはWebベースのドローアプリケーションです。データの保存はできませんが、多機能です。 ドローという技術は応用範囲がとても広いです。IllustratorやFireworks、さらにVisioなどもドローソフトウェアと言えます。そんなドローをWebベースで再現するソフトウェアがStyloです。 四角を配置してみました。 日本語も問題ありません。 テキスト枠を追加。 枠の形を変えてみました。半径を入れるだけの簡単操作です。 色の変更はプロパティから。透明度も設定できます。 半透明のもの同士を重ねると重なった部分の色合いが変わります。 Styloはまるでローカルソフトウェアのような使い勝手を提供します。特にオブジェクトをドラッグした時に自動で補助線が出てスナップできるのは便利です。さらにキーボードショートカットやコンテクストメニューを使った重なり順の指定ができます。データの保存は今のと
大規模JSプロジェクトのための、モダンなjavascript/coffee-script の学習用資料まとめ - mizchi log
A社coffee-scriptエヴァンジェリストのmizchiです。今日は昨今の大規模JSの需要の高まりに応えるべく、お前が知ってる資料をまとめろとのお達しが下ったので、社内wiki面倒だしここに載せてますん。 前提 大規模JSをモジュール化する為にcoffee-scriptのシンタックスシュガーでOOPのパラダイムを持ち込む coffee-scriptの煩雑なコンパイル作業を避けるために、Rails/Nodeではアセットパイプラインを使って動的にコンパイルと圧縮を行う JSプロジェクトを部分的にnode化してTDDでサイクルを回す coffee-scriptに関しては、基本的には本家チュートリアルと The Little Book on CoffeeScript を読めばいい coffee-script チュートリアル 本家チュートリアル CoffeeScript little book
CoffeeScriptで全てこなす。node.js製Webアプリケーションフレームワーク·Singool.js MOONGIFT
Singool.jsはnode.jsベースのWebアプリケーション向けフレームワークです。 node.jsを使ってWebアプリケーションを作ってみたいと思う方はSingool.jsに注目です。ページ数少なめのシンプルなWebアプリケーション向けのフレームワークです。 サンプルのTodoアプリです。 タスクの詳細です。 タスクの編集画面です。 Singool.jsはジェネレータを備えており、コントローラ/モデル/テンプレート/ヘルパーなどに分かれて開発ができます。もちろんルーティングもあります。全体がCoffeeScriptで作るようになっており、ビューなどもCoffeeScriptに従って定義していくことでBootstrapベースのデザインで仕上げられるようになっています。 フォームの入力フィールドも全て定義だけでこなすので、Singool.jsの作法に従って作ればより簡単にWebアプリケ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
javascript to coffeescript