タグ

coffeescriptとJavaScriptに関するkorinのブックマーク (5)

  • 今すぐ既存JavaScriptコードをCoffeeScriptに置き換えたほうがいいと思う理由を6つほど - l4l

    最近お仕事で既存のJavaScriptプロダクトコードをCoffeeScriptで書き換えてるんですけど、まぁコードが簡潔になるわなるわで徐々にJavaScriptを受け付けない体になってる僕ですどうもこんにちは。 そんなわけで小難しい話なしで簡単に伝わりそうなCoffeeScript押しな理由を箇条書きで6つほどメモ。一人でもCoffeeScriptに興味持ってくれればコレ幸い。 前提の話 新しい言語を学ぶには学習コストが発生するわけなので、以下なケースのJavaScriptコードっていう文脈を背景に話します。 コード規模が数千行 コードのメンテナンス期間が長い(1年以上とか) 複数人での大規模開発 こういった場合、少しでもロジックを簡潔に書けることがコードの可読性とメンテナンス性に大きく寄与していくので、これから説明するとこだけでの導入でも学習コストを上回る恩恵が受けれるんじゃないかな

  • Backboneでデータバインディングを使ってMVVMをするフロントエンドアーキテクチャ - Qiita

    前提 会社(Quipper)で今からこういう風にしたい、と宣言した社内ドキュメントを公開する。 枯れてるわけではない。 coffeescript Backbone Backbone.stickit (データバインディング) Chapling.js(は、オマケなのでどうでもいいがサンプルコードはこう) backbone.stickitは安心と信頼のNYT製。(実質Backbone作ってるDocumentCloudと一緒のところ?) backbone.stickit 目的 データバインディングを全面的に使って再描画を最小限にし、コードの見通しをよくしたい。 モデルの役割を明示的にし、MVVMを導入する。 理想的なAPI 擬似コード # ビューモデルの定義 class TopicViewModel extends Model defaults: title: '' # たぶんここでパラメータ名(

    Backboneでデータバインディングを使ってMVVMをするフロントエンドアーキテクチャ - Qiita
  • code:JSドキュメント

    「code:JS」はCoffeeScriptを使い、viewベースでWebアプリケーションを作成するための、フレームワーク/クラス群です。 このクラスライブラリを作った動機は、Webアプリ開発をやったりiOSアプリ開発をしていると、しばらく関わっていない技術のことを忘れていまい、いざ開発にかかろうとした際にすぐにコーディングには取りかかれず、言語仕様や開発手法・設計などを思い出すことに時間を奪われ、これが何回も続くかと思うと気が遠くなったことに端を発します。 そのため、iOSアプリケーション開発などで用いられている「viewベースアプリケーション開発」と呼ばれる様々なパーツを画面に並べることで、画面設計を行い機能を実装していく開発手法を、そのままWebアプリケーションでも行えるようなクラスライブラリを作成しました。 ライブラリの各クラス構成や、Viewベースの概念はiOSのViewを参考に

  • #267 CoffeeScript Basics - RailsCasts

    var CreditCard = { cleanNumber: function(number) { return number.replace(/[- ]/g, ""); }, validNumber: function(number) { var total = 0; number = this.cleanNumber(number); for (var i=number.length-1; i >= 0; i--) { var n = +number[i]; if ((i+number.length) % 2 == 0) { n = n*2 > 9 ?n*2 - 9 : n*2; } total += n; }; return total % 10 == 0; } }; $(function() { $("#order_credit_card_number").blur(functi

  • 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の世界では定石とも言える書き方の一

    CoffeeScriptを3時間で理解するための10のポイント(1)-(3)
  • 1