橋本商会 » coffeeからES6(babel)に少しずつ書き換える
coffee-scriptで書いていたwebアプリをES6(babel)に書きなおした。 全部を一気に書き直してハイ動いたーとやるのは無理なので、coffeeとES6のファイルが混在しても動かせるようにして、少しずつ書き直した。 書き直したのはこれ React+Fluxxor+socket.ioでfluxなチャットを作った https://github.com/shokai/node-flux-boilerplate インストール % npm install babel babelify browserify watchify -save-dev とやっていたのだが、数日前にbabelが5から6にアップデートされて、babel-coreやbabel-preset-*など色々分割されて、大分色々変わってしまった。周辺ツールも対応の過渡期だったのでbabel5系を使うようにバージョンを指定した
さよなら CoffeeScript - mizchi's blog
prototype.js が jQuery に置き換えられた時、開発者が気づいたのは、自分に本当に必要だったのはprototypeのメソッド拡張などではなく、クエリエンジンだったということ。 coffeescriptが当初、熱狂的に支持された背景はなんだっただろう。今思えば、それはアロー記法とクラス構文だったと思う。 javascriptの関数型への憧れ、prototypeベースの限界 javascript は断じて関数型言語ではないが、他の言語と同じぐらい関数型言語に憧れていたのも、また事実だろう。しかしビルトイン関数が高階関数を要求するデザインにしては function というキーワードはながすぎたし、その function が暗黙に作り出す this スコープの複雑な振る舞いも開発者の悩みの種だった。「あらゆる関数スコープで状態を持つことが"できすぎる"」という割れ窓だった。 ES5
webdesign-dackel.com - このウェブサイトは販売用です！ - webdesign dackel リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
MacのサービスとしてJavaScript/CoffeeScriptを実行する - Qiita
概要 Macの「サービス」ってありますよね。 これ使って、任意のエディタ上に入力したJavaScript/CoffeeScriptのコードを実行させてしまおうという記事です。 実は以前、Rubyバージョンを作成された方がおられまして、それが元ネタです。すみませんアイデア丸パクリですｗ 準備 まずはNode.jsをインストールしましょう。ちなみに私はnodebrewというnode.jsの環境構築ツールを使いました。 次に、CoffeeScriptもインストールします。
CoffeeSctiptの便利記法教えてもらった - 文字っぽいの。
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になって便利。
CoffeeScript スタイルガイドの公開とその目的 - クックパッド開発者ブログ
こんにちは、クックパッド編集室の太田(@os0x)です。 普段は料理動画やクックパッドニュースなど、メディア寄りのサービスを担当しながら、社内のCoffeeScriptを中心としたウェブフロントエンドのコードレビューなどを行っています。 今回は、そのCoffeeScriptのレビューを円滑に行うためのコーディングスタイルについてお話したいと思います。 Style guides in Cookpad クックパッドでは、github.com上でスタイルガイドを公開しているのをご存知でしょうか？ cookpad/styleguide これまで、Ruby / Objective-C / Java のコーディングスタイルが公開されていました。そして、本日 CoffeeScript のコーディングスタイルを追加しました。 さて、そもそもスタイルガイドとはなんでしょうか？コーディング規約とも言われたりし
vimでEmmetなCoffeeScriptとjavascriptのプレビューエディタを作ってみた - 初心者がRailsを勉強するブログ
結構前に自分達で使うために弟と作ったものですが、せっかくなので公開します。 CoffeeScriptとjavascriptの練習をするのによかったら使ってみてください。 js用のemeco coffee用のemecoffee エディタにはCodeMirrorを使用しています。 使用にあたって、注意点があります。 ・Macを前提に、CocoaとEmmetをガンガン使うことを想定して作りました ・エディタはvimです ・矩形ビジュアルモードがありません ・テキストオブジェクトの操作も全然充実していません Emmetについては、チートシートと、CodeMirrorのEmmetを参照してください。 vimの操作方法がわからない方は、 $ vimtutor とコマンドを打てば、vimの基本操作のチュートリアルが開きます。 emecoと契約してvimmerになってよ！ ソースコードはここにあります。
「JavaScriptエンジニア養成読本」でCoffeeScriptについて書いた - mizchi's blog
kyo_agoさんに誘われて、CoffeeScriptについて1章書きました。 JavaScriptエンジニア養成読本［Webアプリ開発の定番構成Backbone.js＋CoffeeScript＋Gruntを1冊で習得！］：書籍案内｜技術評論社 他の章の紹介は他の著者さんに任せるとして、自分の書いた章について少し紹介。 JavaScriptエンジニア養成読本を書きました - watilde's blog 実践的CoffeeScript CoffeeScriptの言語仕様について、初心者でも誤解しないよう、言語マニアでも新しく学びがあるように書いたつもりです。 とくにオブジェクトや配列のパターンマッチ、CoffeeScript特有のオブジェクト指向のイディオム、大規模開発時のディレクトリ構成について実例を交えて書きました。 たとえばこんなコード module.exports = class
何か（考えが）浅いな • CoffeeScriptのコンパイルは、bareオプション付けないとトップレベルが隠蔽されちゃうよ、っ...
CoffeeScriptのコンパイルは、bareオプション付けないとトップレベルが隠蔽されちゃうよ、って話し。 ドットインストールのAngularJSの動画を見ながらJadeとCoffeeでやりたくなった。 んで、Gruntで自動コンパイルさせてゴニョったら、なるほどなと思ったので、メモ。 こんなのを書くとする。 mainCtrl = ($scope) -> $scope.users = [ {"name":"taguchi", "score":112.12} {"name":"yamada", "score":24} {"name":"tanaka", "score":26.12} {"name":"kumagai", "score":99999} ] コンパイル $ coffee compile coffee 出来上がったJavaScriptファイル (function() { var
RailsでJavascript/CoffeeScriptをテストするときの決定版（にしたい）！Konacha - リア充爆発日記
というわけでKonachaです。https://github.com/jfirebaugh/konacha なにこれ、粉茶？ JavascriptのテスティングフレームワークとしてはJasmineやらMochaあたりがメジャーどころのようだけど、セットアップが難しかったりして「これだ！」というものがなかった。個人的には。 で、今回、よーし、お父さんCoffeeScript書いちゃうぞー！というタイミングにあたって、もう一回いろいろ探してみたところ、これが一番スジがいいっぽかった。 KonachaはRailsでMochaとchaiを使いやすくしたGemらしい。Mochaとchaiは使ったことなかったけど、公式を5秒ほどみたところ、nodeでうごくrspecライクなテスティングフレームワークということでJasmineとかとあんまかわらないんじゃないかと推測。chaiはマッチャーのライブラリのよ
澳门六合官网-澳门六合官方官网
澳门六合官网【官方直营-信誉品牌】澳门六合官网实力打造全网顶级信誉、高赔率、最稳定的娱乐服务平台，24小时客服在线，首充就送，提现秒到账，澳门六合官网欢迎您的加入...
CoffeeScriptのリファクタリング - ワザノバ | wazanova
http://blog.arkency.com/2014/07/6-front-end-techniques-for-rails-developers-part-i-from-big-ball-of-mud-to-separated-concerns/ 1 comment | 0 points | by WazanovaNews ■ comment by Jshiike | 約2時間前 シングルページアプリもあり、それでなくてもフロント側のコードを書く機会は増えてきてますが、コードをうまく整理して、 簡単に、もっとテストしやすいコードを書く。 クオリティを下げることなく開発スピードをあげる。 ためのノウハウの一端を開発会社のArkencyがシェアしてくれています。 シリーズの初回は、シンプルなリファクタリングのケーススタディ。 CoffeeScriptのコードが、DOM変換、イベントハン
「Hubot + CoffeeScript ではじめるやわらかプログラミング入門」を公開した - ローファイ日記
よろしくお願いします。 Hubot + CoffeeScript ではじめるやわらかプログラミング入門 社内勉強会で使った死霊資料を社外で問題ないように少し直したもの。なので ほらちゃん とか若者の名前が出ている。 経緯 もともとプログラミング入門みたいな勉強会をしようと思っていたところ、新卒若者勢がプログラミングをやりたい!!! とのことだったので、実験的に社内勉強会をした。 非エンジニアの新卒にプログラミング研修を行いました - pixiv engineering blog という記事を以前見かけたのにも影響されている。カタツイフォロワーである。 よかったところ 新卒ヤング若者だけでなくお兄さんお姐さん達も交えて、普通にプログラミング入門的勉強会にした。そうしたらお兄さんお姐さんたちはわりとその後もボットをいじってくれているみたい 早速某チャンネルでボットが動いて凄かった 逆に若者達は
JQuery With CoffeeScript | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! I don’t always write CoffeeScript, but when I do, I’m probably using jQuery too; I always forget the syntax for stuff. So I’m going to write it all down here so I can reference it until I memorize it. Note that the compiled example doesn’t include the automatic closure around everything you
CoffeeScriptを使う理由 - Qiita
function Person() { this.name = "takashi"; this.age = 20; }; Person.prototype.echo = function () { return "Hello " + this.name + " !!"; }; コンストラクタ、メソッドを書いただけで、コード量が増えてきましたね。 毎回クラス名とprototypeと書く必要があります。 めげてきましたか？ 私はめげてます。 次は継承してみましょう。 function inherits(ctor, superCtor) { ctor.super = superCtor; ctor.prototype = Object.create(superCtor.prototype, { constructor: { value: ctor, enumerable: false, writ
GitHub の ATOM が CoffeeScript で書かれているのはどうなの? - ワザノバ | wazanova
http://discuss.atom.io/t/why-coffeescript/131 2 comments | 2 points | by noto ■ comment by noto | 約1時間前 先日 GitHub が発表してエディタ ATOM のディスカッション・フォーラムでなぜ CoffeeScript で書かれていて、EcmaScript 6 (ES6) じゃないの? node.js/V8 を利用するデスクトップアプリケーションなら ES6 をすぐに使うほぼ完璧な機会なのに、という問題提起があり、それについて議論があったようです。 前提として、GitHub の JavaScript Styleguide に 新たに JS を書く時は CoffeeScript で書くこと 新たに .js ファイルを追加することは避けること と書かれていて、GitHub の中の人としては
「CoffeeScriptの関数は明示的にreturnしてはいけない理由」を探す暇あったら他にやるべきことあるのでは？ - mizchi's blog
CoffeeScriptの関数は明示的にreturnするべき | CreativeStyle 本当に遅いのか、それを確かめましょう。 適当にでっちあげたコードです f1 = -> for i in [1, 2, 3] for j in [4, 5, 6] i + j f2 = -> for i in [1, 2, 3] for j in [4, 5, 6] i + j return console.time "f1" for i in [1..100000] then f1() console.timeEnd "f1" console.time "f2" for i in [1..100000] then f2() console.timeEnd "f2" 実行してみます $ coffee hoge.coffee f1: 105ms f2: 4ms 約26倍違う、ということがわかります。
E.B.U.R.P.·ぜひお試しを！HTML5を使ったiOS/Androidアプリも作成できるRPGエンジン MOONGIFT
クロスデバイスなRPGが作れるようになりますよ！ といっても現代風な高機能なRPGでもなく、グラフィックもシンプルなゲームですが。昔懐かしいドラゴンクエスト1〜3あたりの雰囲気が感じられるRPGゲームを作れるエンジンがE.B.U.R.P.です。 CoffeeScriptを使っており、コマンドラインでビルドコマンドを実行することでiOS/Android向けにアプリとしてパッケージできるようになっています。つまりE.B.U.R.P.を使えばクロスデバイスに容易に対応させることができるのです。 ということでデモゲーム（Webブラウザで試せます）を遊んでみます。 Gurkというゲームが遊べます。画面の上半分がゲーム、下が入力画面となっています。 ゲーム開始です。中央にいる旗を持ったユニットが自キャラです。 上下左右の矢印キーを使って動かします。 外に出ました。あからさまに敵っぽいのがいますね。 戦
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
vim-jp » Hack #192: 任意の言語で任意のマクロを使う
Hubot + CoffeeScript ではじめるやわらかプログラミング入門
