A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team
coffeescriptに関するbigwestのブックマーク (28)
-
bigwest 2014/02/03
-
大規模JSでのBackbone.js/CoffeeScript について考えてみた - mizchi log
これ読んでたらr7kamura君にJSのMVCどうするの的な話きかれてたのを思い出したので、自分がBackboneを使う時のパターンをr7kamura君の記事をベースに書きなおしてみた。 > サバクラ両方で動く JavaScript の大規模開発を行うために ― Gist https://gist.github.com/1362110 > client-side javascript - ✘╹◡╹✘ http://r7kamura.hatenablog.com/entry/2012/10/18/023629 以下の様なコードを書いた。かなり冗長だが、複雑なアプリだとこれぐらいの冗長性は必要になる。 (なお概念を伝えるための解説用コードなのでそのままじゃ動かない) Backbone.Model # 名前空間の初期化 App = {} App.View = {} App.Model = {}
-
CoffeeScript で Titanium Mobile すると嬉しいのか? | imthinker.net
CoffeeScript は Ruby / Python に似た記法で (結果として) JavaScript を書くことができるプログラミング言語です。 CoffeeScript をコンパイルすると JavaScript になるので、 JavaScript プログラミングは CoffeeScript で置き換えることができます。 Titanium Mobile は JavaScript を使って iOS や Android など、モバイル向けのアプリケーション開発を行うためのツールですから、これを CoffeeScript で置き換えることができます。 Titanium Mobile で CoffeeScript を使うことで、どんなメリットがあるのかをかいつまんで説明します。そして、オススメするかどうかもチョロっと書きます。 括弧が減る 本当に括弧が減ります。 Titanium Mobi
-
大規模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アプリケーション編（1）
イベント駆動型のプログラムをきれいに作る JavaScriptのプログラムは、イベント駆動型で非同期な構造が基本となります。他のプログラミング言語で一般的な「同期型」の関数では、例えばネットワーク経由でデータを読み込む場合、データを読み込む関数を実行するとその読み込みが完了するまでプログラムの実行は止まったままになります。 それに対して、「非同期型」の関数を使うとデータの読み込みが完了するまで他の処理を実行でき、読み込みが完了した後で特定の関数を呼び出してもらうことができます。身近な例に例えると、メールを送信して相手からの返信が来るまで何もせずに待つのが同期型関数だとすれば、非同期型関数は返信を待つ間に他の仕事をこなすことができます。 Webアプリケーションはネットワーク通信部分に最も時間がかかる場合が多いため、その待ち時間に他の処理をこなせば、ただ待っているよりも遥かに効率よく多くの処理
-
CoffeeScript 入門 基礎編 – CoffeeScript と JavaScript を 10個のサンプルで比較してみた | TM Life
またまた前回に引き続き CoffeeScript についてのエントリーです. 今回は以前書いた『JavaScript 入門 基礎編』で作ったサンプル 10 個を CoffeeScript で作り直してみました. CoffeeScript 版も JavaScript 版も, 全て jsdo.it にアップしているので コードを見比べてみると面白いかもしれません. { } } }{ { { }{ } } _____ __ __ }{ }{ { ) / ____| / _|/ _| .- { { } { }} -. | | ___ | |_| |_ ___ ___ ( ( } { } { } } ) | | / _ \| _| _/ _ \/ _ \ |`-..________ ..-'| | |___| (_) | | | || __/ __/ | | \_____\___/|_| |_| \
-
Backbone.jsでMVCでTwitter検索なやつをCoffeeScriptで
programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / 最近MVCがどうのとか調べたりしてるもんで、前Spine.jsで作ったやつを、Backbone.jsにして書いてみた。 Backbone.js作ったやつ# Template manager # //hamalog.tumblr.com/post/13593032409/jquery-tmpldeck deck = $.TmplDeck 'templates.html' # ============================================ # API wrapper # ============================================ api =
-
-
正規表現確認ツール RegEx Cafe を作った - 9mの日記
RegEx Cafe - JavaScript Regular Expression Tester http://kkosuge.github.com/regex-cafe/ CoffeeScriptで書いたのでCafeです。 サクッと正規表現の確認をしたいとき Rubular が便利で使う事が多かったんだけど、落ちてる事が多かった。サイト自体が落ちてなくても、テスト結果の表示がベラボーに遅い事があったりする。入力するたびAjaxで結果取りに行ってるから遅くなるのは仕方ない気するんだけど、簡単な確認くらいならJavaScriptでいいじゃんと思ったので再開発しました次第です。Githubページにホスティングしてもらってるので落ちる事ほとんどないだろうし、通信しないので速いです。 正規表現テストツールの既出感やばいけど、その中でもRegEx Cafeはだいぶ使い易くて良いと思う。 Cof
-
CoffeeScriptをおすすめしたいワケ
programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / 以下のエントリでも少し書いたけれども、 CoffeeScriptいいかも - Takazudo hamalogそれ以降、CoffeeScriptでJSを書き続けていて、やっぱCoffeeScriptいいなーと結構思ってる。自分にとってのCoffeeScriptがいいと思う一番の理由は、「オブジェクト指向的なコードが、ストレス無く書けるから」っていう点だと感じてる。例えば、以下のような動作をするUIがあり、 サンプルこのひとまとめのUIを管理するクラス的な物を作ろうとしたら、例えば以下のようになる。 var Hoge = function(el) { this.content = el.find
-
sappari wiki - CoffeeScript
CoffeeScript とは、JavaScriptにコンパイルできる簡易言語。 JavaScriptの良いところはそのままに、RubyやPythonのようにすっきりと書ける。 既存のJavaScriptライブラリもシームレスに使える。 JavaScript Lintにも通る読みやすいJavaScriptが出力され、どんなJavaScript実装でも動作する。 （本家紹介より） なんだか良さそうだ！ CoffeeScript インストール Coffee コマンド CoffeeScript 言語リファレンス Cake ツール defunkt/coffee-mode for Emacs その他エディタ用プラグインなど
-
Coffeescriptでクライアントサイドでビルド/テストの設定諸々メモ - mizchi log
CoffeeScript/Canvasでゲーム作ってて、結構巨大なプロジェクトになってしまったので色々工夫していた。 単体のとき EmacsやVim使ってるなら shadow.el/shadow.vim を使う 自分はemacsなのでshadow.elを入れた。 mooz/shadow.el - GitHub (require 'shadow) (add-hook 'find-file-hooks 'shadow-on-find-file) (add-hook 'shadow-find-unshadow-hook (lambda () (auto-revert-mode 1))) hoge.js.shd(CoffeeScriptとして記述) ## coffee -csb f = (x) -> x + 1 f2 = (x) -> x + 1 print f 10 # Local Variab
-
Emacsのcoffee-modeで、おもむろにJavascriptをcoffeeに置換する。(マージされました) - mizchi log
*追記* 本家にマージされたので、デフォルトでこの機能使えます https://github.com/defunkt/coffee-mode を参照してください CoffeeScriptは素晴らしい言語なんだけど、ネット上のサンプルは基本的にJSで転がってるので、コピペした際は手作業で修正する必要があります。 で、js2coffeeっていうjavascript -> CoffeeScript って変換を行うプログラムがあるんだけど、それ使ってEmacsのcoffee-modeでjavascriptをcoffeeに置換できるようにした。 使い方 こんなコードを拾ってきたとして hoge = function(){ console.log("hello"); };リージョン選択して M-x coffee-js2coffee-replace-region すると置換される hoge = -> c
-
CoffeeScriptでTitanium 一ヶ月目くらいの感想 - ひげろぐ
CoffeeScriptについて ここんところしばらくCoffeeScriptとTitaniumの組み合わせで開発しているわけだけど、CoffeeScriptに関して言えば特に大きなハマりどころもなく快適に使えている。 強いて言えばこの間の@だけど、あれはどっちかというとJavaScriptのハマりどころだったわけで。 文法を覚えるコストがゼロとは言わないが、Rubyのバックグランドを持っていたせいかそんなに苦労はしなかった。 書き方を覚えてしまえばJavaScriptよりもさくさく書けて、かなり生産性に寄与してくれているのではないかと思う。 個人的には後置のifとforが特にお気に入り。 Titaniumとの組み合わせについて Titaniumとの組み合わせもまったく問題なし。 逆にCoffeeScriptなしでの開発が今となっては考えられないくらい。 Resources以下で以下のコー
-
CoffeeScriptでクラス変数やクラスメソッドを使う - ひげろぐ
やり方 定義の際に@を頭に付ける。 class Something someProp: "hoge" someMethod: -> ... @someClassProp: "HOGEHOGE" @someClassMethod: -> ... どうやってやるんだろうと探したらドキュメントに追記っぽくちょろっと書いてあった。 object itself (the constructor function), you can assign static properties by using @property: value, and call functions defined in parent classes: @attr ‘title’, type: ‘text’ まあドキュメント自体がちょっと解説のついたチートシートみたいな具合なので、いろいろなことがちょろっと書いてある。 Java
-
-
-
Node.jsアプリをCoffeeScriptで記述する - アインシュタインの電話番号
Node.jsでのHello worldを済ませて、expressコマンドでアプリの雛形を自動生成できるようになったので、自分がNode.jsに興味を持った当初の目的である以下について実行してみる。 普段自分がRubyで使っているSinatra+Slim+Sassと似たような開発環境を、Node.jsでもExpress(CoffeeScript)+Jade+Sassを使えば実現できるかも？ 個人的には、上記の憶測がなかったらNode.jsをやってみようと思わなかったと言っても過言ではないので、できるだけ早い段階でこの組み合わせをやってみたくて、まずはCoffeeScriptを触ってみた。 Node.jsアプリの雛形を自動生成 まずはNode.jsアプリの雛形を自動生成する。-cオプションでCSSにはSassを使うことを指定する。HTMLはデフォルトでJadeが選ばれるので指定はなし。 $
-
2011年最速のウェブアプリ開発環境はnode.js/CoffeeScript/Expressだ！ - エウレカ技術部
nodejs, coffeescript 技術をアレして遊んでたい竹馬です。 概要 みなさん、NodeJSをご存知ですか？ サーバーサイドをJavascriptでやるというアレです。 CoffeeScriptはどうでしょう？ 簡易な文法で、ベストプラクティスなJavascriptのコードを生成してくれます 実際に実行するアプリケーションの、最小環境はこのようになります ### app.coffee ### express = require 'express' app = express.createServer() app.get '/', (req,res) -> res.send 'Hello World' app.listen 3000 これを実行して http://locahost:3000/ にアクセスすると、ブラウザ上ではHello,World! と表示されます っていうの
-
CoffeeScriptの好きなところ
CoffeeScriptの導入方法や、簡単な使い方については、素晴らしい記事がたくさんありますので、 ここでは、私が個人的に好きなところを書くという、良くわからないことをさせてください。 ちなみにCoffeeScriptというのは、RubyやPythonのような文法でjavascriptを記述できる言語で Rails3.1でも採用されていたりします。 では、さっそく好きなところを挙げていきます。 (以下に掲載しているコードのコンパイルは coffee -c で行っています。) ■ セミコロンがいらない CoffeeScriptはセミコロンを付けた状態でjavascriptを生成してくれます。 自分はセミコロンを忘れることがあったりするので、あまり意識せずに済むようになるので好きです。 ■ グローバル汚染されにくい CoffeeScriptではグローバル汚染が起きにくいようにできていて好きで
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Copyright © 2005-2024 Hatena. All Rights Reserved.
設定を変更しました