Tbpgr Blog

Employee Experience Engineer tbpgr(てぃーびー) のブログ

Coffee Script

Ruby on Rails | underscore.jsでJavaScriptの便利なユーティリティを利用

概要 underscore.jsでJavaScriptの便利なユーティリティを利用 詳細 コレクション向けのAPIなど便利なユーティリティを利用できるunderscore.jsを Railsに組み込みます。 underscore.jsの詳細については下記参照。 http://documentcloud.github.io/underscor…

Coffee Script | Class,クラスプロパティ,インスタンスプロパティ,クラスメソッド,インスタンスメソッドの定義

概要 Class,クラスプロパティ,インスタンスプロパティ,クラスメソッド,インスタンスメソッドの定義 詳細 Class,クラスプロパティ,インスタンスプロパティ,クラスメソッド,インスタンスメソッドの定義について。 サンプルCoffee Script class @Hoge @hage hig…

Coffee Script | ドキュメントが読み込み可能になったら処理する

概要 ドキュメントが読み込み可能になったら処理する 詳細 ドキュメントが読み込み可能になったら処理します。 JQueryの$(document).readyを利用します。JavaScriptでは $(document).ready(function() { // method contents }); のように定義しますが、Coffe…

Coffee Script | thisの束縛

概要 thisの束縛 詳細 以下の記法で関数定義thisの束縛して、関数の外部のthisを関数内部に 引き継ぐことができます。 instance_name = => // concrete logic Coffee Script class Hoge name: "hoge" test: -> sub_hoge = => console.log "#{@name}" sub_hog…

Coffee Script | 公式サイトでコンパイラ不要でお試し利用する

概要 公式サイトでコンパイラ不要でお試し利用する 詳細 Coffee Scriptをインストールする前に試してみたい人は、 公式サイトが便利です。 http://coffeescript.org/TRY COFFEESCRIPTというメニューを押下すると簡易コンパイラとも言うべき エディタが表示さ…

Coffee Script | コールバック関数

概要 コールバック関数 詳細 Coffee Scriptでコールバック関数を実装する方法について。 JavaScriptはajaxの利用やイベントの処理等、コールバックを多様する傾向にあります。 コールバックの利用時は無名関数を利用できます。Coffee Script公式サイトのTRY …

Coffee Script | console出力

概要 Coffee Scriptでconsole出力 内容 下記でコンソール出力が可能です。 デバッガを使うほどでもない、でも処理系かを確認したい、という場合に alertデバッグよりも便利です。 console.log( Date.now() ) サンプルコード cnosole_log.coffee console.log(…

Coffee Script | 文字列の変数展開

概要 Coffee Scriptの文字列の変数展開について。 内容 Rubyと同様、""内に#{var_name}で変数展開が可能です。 サンプルコード CofeeScript hoge = "hoge hige hage" alert "test #{hoge}" コンパイル後のJavaScript // Generated by CoffeeScript 1.6.3 (fu…

Coffee Script | インストール(Windows)

概要 Coffee Scriptのインストール(Windows)について。 内容 まずはNode.jsをインストールします。 下記サイトよりinstallerをダウンロードして解凍します。 http://nodejs.org/ Window 64bitなら以下 http://nodejs.org/dist/v0.10.12/x64/node-v0.10.12-x6…

Sublime Text2 | Coffee ScriptプラグインでCoffee Scriptのシンタックスハイライト機能を追加

概要 Coffee ScriptプラグインでCoffee Scriptのシンタックスハイライト機能を追加 内容 Coffee ScriptプラグインでCoffee Scriptのシンタックスハイライト機能を追加します。PackageControlインストール済み前提で Ctrl+Shift+P,install,Coffee Script,Enter…

Coffee Script | CodoによるJavaDoc風のドキュメンテーション出力

概要 CodoによるJavaDoc風のドキュメンテーション出力について。 内容 前提 前提としてNode.js,CoffeeScriptは下記URLの手順でインストール済みとします。 http://d.hatena.ne.jp/tbpg/20130519/1368951677 インストール 以下のコマンドを実行します $ sudo …

Coffee Script

概要 Coffee Scriptについて。 Coffee ScriptはRuby・Pythonライクな文法を持ち、JavaScript のコードに変換される言語。 これにより、JavaScript特有の生産性・可読性の低さをカバーすることができる。 詳細 CoffeeScript設定 項目 内容 公式サイトでコンパ…

Coffee Script | インストール(Ubuntu)

概要 Coffee Scriptのインストール(Ubuntu)について。 内容 まずはNode.jsをインストールします。 下記サイトよりtarボールをダウンロードして解凍します。 http://nodejs.org/以下のコマンドを実行します $ cd node-v0.10.7 $ ./configure $ make $ make in…