概要 Macの「サービス」ってありますよね。 これ使って、任意のエディタ上に入力したJavaScript/CoffeeScriptのコードを実行させてしまおうという記事です。 実は以前、Rubyバージョンを作成された方がおられまして、それが元ネタです。すみませんアイデア丸パクリですw 準備 まずはNode.jsをインストールしましょう。ちなみに私はnodebrewというnode.jsの環境構築ツールを使いました。 次に、CoffeeScriptもインストールします。
概要 Macの「サービス」ってありますよね。 これ使って、任意のエディタ上に入力したJavaScript/CoffeeScriptのコードを実行させてしまおうという記事です。 実は以前、Rubyバージョンを作成された方がおられまして、それが元ネタです。すみませんアイデア丸パクリですw 準備 まずはNode.jsをインストールしましょう。ちなみに私はnodebrewというnode.jsの環境構築ツールを使いました。 次に、CoffeeScriptもインストールします。
Hubotのコードを書いてる時に、今まではこうやって書いてた。 name = msg.message.user.name room = msg.message.user.room これがこうなる。この時にnameとroomはどんな名前でもいいわけじゃないので注意。 {name} = msg.message.user {room} = msg.message.user 更に、こうやって書ける。めっちゃ便利。 {name, room} = msg.message.user また、配列とかもいい感じにできて。 {a, b, c} = some_array とすると配列の先頭から3つが順番にa, b, cに入る。some_arrayの長さが3未満だったら、足りない部分はundefinedになって便利。
Rails3.1 から同梱されるようになった sprockets の README の意訳です。 sstephenson/sprockets - GitHub はじめに Sprockets は assets ファイルのコンパイルと配信を行うための Ruby のライブラリです。JavaScript と CSS ファイルの依存関係を宣言でき、さらにプリプロセッサを使うことで CoffeeScript, Sass, SCSS, LESS 等の言語を assets の記述に利用出来ます。 インストール いわゆる普通のやり方でインストール可能です。 gem install sprockets Gemfileなら gem 'sprockets', '~> 2.0' Sprockets Environment assets ファイルにアクセスして配信するなら、 Sprockets::Environmen
間違ってそうだけど、メモを残してみる。 :: (ダブルコロン)の意味がprototypeということで追記してみた。 Sample class class Hoge # static public parameter / constants @classParam = "hoge" # Hoge.classParam @CONST = 1 # Hoge.CONST # prototype parameter prototypeParam : 0 # Hoge.prptotype.prototypeParam Hoge::prototypeParam2 = 0 # Hoge.prototype.prototypeParam2 # static private parameter _privateParam = 0 # var _privateParam # static public meth
基本操作逆引きリファレンス(CoffeeScript) Node.jsと、現在使われているほとんどのブラウザで共通して使えるメソッドや文法を、用途ごとにまとめて紹介します。 文字列 文字列を作る 文字列は" "または' 'で囲います。" "の中で"を使ったり、' 'の中で'を使うには、\でエスケープします。 "abc" 'abc' # 以下2つはどちらの書き方でも同じ意味 "I can't say \"no.\"" 'I can\'t say "no."' 文字列に式を埋め込む " "内では#{ }を使って、式や変数の値を埋め込むことができます。 "1 + 1 = #{1 + 1}" # => '1 + 1 = 2' 文字数を取得する 文字列.lengthは、文字列の文字数を返します。 "abcいろは".length # => 6 文字列を数値に変換する parseInt(文字列, 10)
この記事が対応するCoffeeScriptのバージョンは1.7です。 基本的には本家サイトCoffeeScriptの内容と同じです。わかりやすいように色々と私が勝手に再構築、追加してはありますが。(日本語訳と紹介されるとちょっと心外ですな(´Д⊂ヽ ) なお、JavaScriptの基礎知識を前提とし、JavaScriptから引き継ぎ重複する内容は解説されません。 あ。後、この記事の文章、CoffeeScriptコード、JavaScriptコードに関する著作権は放棄しています。パブリックドメインと言うそうです。文章、コード自由に引用改変公開しても問題ありません。 最終更新日:2014/1/29 追加: 文字列 演算子など はじめに:CoffeeScriptのメリットとデメリット 一般に言われているCoffeeScriptを使うメリットデメリットを載せておきます。 ま、こんな論争気にせず、使っ
こんにちは。毎年花粉症になりかけている飯塚です。 最近のNode.jsの普及などによってサーバサイドJavaScript界隈が盛り上がっています。 そんなホットなJavaScriptをラクにかつエレガントに書くためのCoffeeScriptという言語をチュートリアル風に紹介します。 何かしらのライブラリを自分で書く程度にJavaScriptで開発している人は絶対に使ったほうがいいと思います。 JavaScriptを知っていれば1-2時間程度で十分駆使できるようになります。 (2011/6/28:@m_satyr様にご指摘頂いた箇所を修正しました。) 目次 CoffeeScriptとは? インストール Hello World 構文 関数 変数展開 Objectの生成 ループ 存在チェック ヒアドキュメント thisのバインド クラス 無名関数 {var} Tips ?の使い分け 存在チェック
前提 会社(Quipper)で今からこういう風にしたい、と宣言した社内ドキュメントを公開する。 枯れてるわけではない。 coffeescript Backbone Backbone.stickit (データバインディング) Chapling.js(は、オマケなのでどうでもいいがサンプルコードはこう) backbone.stickitは安心と信頼のNYT製。(実質Backbone作ってるDocumentCloudと一緒のところ?) backbone.stickit 目的 データバインディングを全面的に使って再描画を最小限にし、コードの見通しをよくしたい。 モデルの役割を明示的にし、MVVMを導入する。 理想的なAPI 擬似コード # ビューモデルの定義 class TopicViewModel extends Model defaults: title: '' # たぶんここでパラメータ名(
But it's not all or nothing. We can improve our client-side game in small steps. And we can take our first small step without a framework. . . Server & HTML, Old Cronies We still favor placing logic for dynamic HTML on the server. But as we move beyond page loads, it's making less and less sense. "Cronyism is partiality to long-standing friends, especially by appointing them to positions of author
ウチの会社ではHipchatとGitHubを開発のコミュニケーションの中心にしている。 だんだん人も増えてくると、以前よりプルリクの数がそれだけ増えて、レビューで1日終わってしまう人がでてきた。 昔から仕様を知っている人にレビューが投げられがちで集中しやすいとかは他の会社でもよくある話しだと思う。 レビューは自分のタスクと同様に大事だけど、それで自分のタスクが全くできなくなったり、新しく入ってきた人がレビューする機会を失うのはあまりよくない。 というのもあって、Hubotを立ててみてプルリクのレビュアーをランダムで振れるようにしてみた。 Hubotというのはご存知Hipchatのbotとして動くプログラムで、botにコマンドを指定してリモート実行させたり、特定の文字列に反応させたりということがHipchat上でできる。 CoffeeScriptでスクリプト書けるのでとてもお手軽。 sush
coffeescriptスタイルガイドを抄訳してみました。 訳文は不正確なところがあるので詳しくは原典を参照してください。 polarmobile/coffeescript-style-guide · GitHub コードレイアウト インデントはスペース2つとする。タブは使わない。 1行の最大文字数は79とする。 トップレベルの関数、クラス定義、クラスのメソッド定義の間に1行分空行を入れる。 可読性をあげるために随時1行分の空行を入れる。 行末にスペースを置かないこと。 エンコーディングはUTF8とする。 モジュールインポート 他のモジュールをインポートする場合は、1行に1モジュールをインポートする require 'lib/setup' Backbone = require 'backbone' requireは以下の順序で並べる。 1.標準ライブラリ 2.サードパーティ製ライブラリ 3
CoffeeScript is an open source project that provides a new syntax for JavaScript. I have to say that I have a lot of respect for CoffeeScript and it got a lot of things right. The “golden rule” of CoffeeScript is “It’s just JavaScript”. That means there is a straightforward equivalent to every line of CoffeeScript. Consequently, there aren’t as many issues with JavaScript interop as there are with
stockNum.App Something new is just around the corner 👍👍
Google+ボタン はてなブックマークボタン 更新日時: 2013年12月18日(水) 作成日時: 2013年06月09日(日) 前の記事 / 次の記事 参考ページ jQuery.ajax()のまとめ $.ajax中のcontextオプション $.ajax を使う。 # CoffeeScript $.ajax async: true type: "GET" url: "http://inchiki.jp" dataType: "text" context: this success: (data, status, xhr) -> alert status error: (xhr, status, error) -> alert status complete: (xhr, status) -> alert status async true => 非同期処理する false => 同期処
Posted: 2012.11.19 / Category: javascript / Tag: jQuery CoffeeScriptでjQuery使おうと思ったらいろいろと戸惑ってしまったのでメモです。 とりあえずCoffeeScriptでjQuery使えるようにする JSでjQueryのコードを書き始めるとき「$(document).ready」を省略した形で下記のように書くことが多いと思います。 JavaScript $(function() { // jQueryスクリプト }); これをCoffeeScriptにするとこうなります。 CoffeeScript $ -> # jQueryスクリプト これでjQueryがいつものように使用できますので、あとはさくさく書けると思います。 試しに「p」のテキストカラーを赤にしてみます。 CoffeeScript $ -> $('p').
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く