サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
ElectronベースのTwitterクライアント: Nocturn ElectronでYoruFukurou風のTwitterクライアントを作った - k0kubun'sblog の時にCoffeeScriptとjQueryで作っていたNocturnというTwitterクライアントがあり、これをES6,React, Reduxを使って書き直した。この記事ではその時に得た知見、感じた事を書いておく。 移行したスタックと移行時に感じたこと あらかじめお断りしておくと、僕は普段はRubyでサーバサイドの実装や運用をやっている人であり、JavaScriptに関してはほぼ素人の意見なので、以下はReactとかRedux興味あるけどまだ触ったことないですみたいな人向けの内容になると思う。 CoffeeScript → ES6 移行 参考: 春からはじめるモダンJavaScript / ES201
IDEs CLion DataGrip DataSpell FleetGoLand IntelliJ IDEAPhpStorm PyCharmRustRover RiderRubyMine WebStorm Plugins & Services Big Data Tools Code With MeJetBrains PlatformScala Toolbox App WritersideJetBrainsAI Grazie JunieJetBrains for Data Kineto Team Tools Datalore Space TeamCity Upsource YouTrack Hub Qodana CodeCanvas Matter .NET & Visual Studio .NET Tools ReSharperC++ Languages & Frame
追記: タイトル変更。v1.9 でリリースされました(2015/01/30) ES6以降にやや慎重な対応をみせるcoffeescriptですが、やっとgenerator構文がサポートされたようです。 Add yield support · Issue #3073 · jashkenas/coffeescript ·GitHub 色々と構文の候補がありましたが、関数ブロックの中にyieldキーワードが存在する場合は自動的にジェネレーター関数になるような仕様に落ち着いたみたいです。 generator概要(知ってる人は読み飛ばしてよい) 関数ブロックの中でyieldを使うと関数がgenerator化されます。yield化された関数は実行されるとgeneratorを返し、 generatorは.next()を叩くと次のyieldキーワードで渡された値が取得できます。もう一度叩くとその位置から次
CoffeeScriptのリファクタリング - ワザノバ | wazanova CoffeeScriptのリファクタリングと聞いたので、いてもたってもいられなくなった。まず、お題の結果を見ずにやってみる。 これが元のコード $(document).ready -> photoHTML = (photo) => "<li> <a id='photo_#{photo.id}' href='#{photo.url}'> <img src='#{photo.url}' alt='#{photo.alt}' /> </a> </li>" $.ajax url: '/photos' type: 'GET' contentType: 'application/json' onSuccess: (response) => for photo in response.photos node = $(phot
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 の中の人としては
TestingJavaScript/CoffeeScript with Mocha and ChaiAI-enhanced description The document discusses the structure and functionality of a todo application built withRuby onRails, covering model validations, controller actions, and JSON responses forcreating, updating, and deleting todos.It includes testing strategies using RSpec and Mocha, as well asJavaScript with libraries like Chai and Sinon
JavaScript FrameworkならBackboneでしょ。 と勝手に思い込んでそればっか使ってきたボクですが、年初にheavenshellとかどっぺちゃんとで飲んだ時にviewが重くなるよね―とか話してたしかにそれ悩みだよなと思った。 そんときAngularJSってどうなんだろうねーって話にちょっとなって、そんときからangularいつかやってみようと思いつつ仕事で忙殺されてたんだけど、今日何気にSNSで「AngularJSに仮入信してみる」ってつぶやいたらGoogleの人にいいね！してもらってちょっと上がった。 さらに都合のいいことに外出で2時間程度電車に乗ってヒマな時間ができたので、車中でAngularの洗礼を受けてみようとPCを開いた次第。ちなみに途中で酔いました。以前新幹線で思い知ったのだけど懲りてなかった。電車でコーディングは控えましょう。特に自分。 さて、Angula
VowsはNode.js用のテストフレームワークです． テストもテスト対象もCoffeeScriptで書くことができます． 使ってみたのでその記録を残します． 非同期通信のテスト書くのに時間がかかりました． 環境はUbuntu12.04の64bit版です． まずは環境を整えます． CoffeeScriptとVows，それらをインストールするのに必要なものをインストールします． %sudo apt-get install nodejscurl g++ %curl -k https://npmjs.org/install.sh |sudo sh %sudo npm install -g coffee-script vows このコマンドを実行したディレクトリにnode_modulesというディレクトリができます． 僕はホームディレクトリで行なっています． このコマンドで今回のテストを
CoffeeScript SourceMaps By Ryan Florence, published 2012-09-07 Michael Ficarra’s successful kickstarter tocreate a “better CoffeeScript compiler” is already paying some huge dividends to the backers with sourcemaps. Debugging CoffeeScript, the most popular and strongest argument for not usingit in the browser, is now 90% solved. Tryit out yourself, what you’ll need:GoogleChrome CoffeeScript
sinonとcoffee-scriptでテストするとき、どうやったらいいかな、ということを考えてて、色々やった結果上の結論に自分の中で至った。のでやり方だけ書いておく。 こんなモックがあるとする。 class MockClass method: -> method2: -> ここではメソッドを定義するだけ。 sinonでメソッドの振る舞いを決める。 ... sinon = require 'sinon' sinon.stub(MockClass.prototype, 'method').withArgs(1).returns 42 1を引数にとった時、42を返すメソッドにした。 newされたインスタンスが、そのように振る舞う。 mock = new MockClass console.log mock.method(1) #=> 42 console.log mock.method(0)
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です -はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。はてなグループに投稿された日記データのエクスポートについて -はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記はてなグループ日記のエクスポートデータは2020年2月28
※今日はエイプリルフールではありませんが以下略 なぜ CoffeeScript がダメか - 冬通りに消え行く制服ガールは✖夢物語にリアルを求めない。 - subtech なぜ CoffeeScript がダメかって? そりゃ俺が CoffeeScript 使ってたら彼女にフラれちまったからさ。CoffeeScript を書く奴はモテない。それでも CoffeeScript を書くなとは言わねぇよ。でもな、JavaScript を書け。JavaScript は自分の足を撃ちぬくJavaScriptはマジファッキンな言語だ。クソなところはいくらでもある。朝書き始めたら夜寝る頃には体中に弾丸の穴が空いているような、そんな言語だ。とにかく暴発する。this がどこを指してんのかわからんだとか、var 書き忘れてるだとか、=が一個足らないだとか。でもそんなことはデベロッパーの責任で、それこそ
情報感度が高く体面を気にするIT企業の皆さんは、今日はさっさと帰れと言われてるので、やることなくなったエンジニア達がcho45さんの釣り針に釣られてハッスルしているのだと思われます。弊社も朝からudzuraあたりがハッスルしてるのをみてました。 暇なので大喜利に参加。というか、他の方が言及していない、なぜcoffee-scriptの良い面、について書きたいと思っています。 -> のエイリアスが、関数オブジェクトの意識を変えた > の関数定義はJS本来の関数型言語への意識を呼び覚ましました。そもそも今までが関数型もどきの言語ポテンシャルだったくせに関数オブジェクトが文字数的な問題で使いにくかったのです。 テンプレートエンジンのCoffeekupでは、高階関数の入れ子によってDOMを表現するなんてこともやってます。 doctype 5html -> head -> meta charset:
07 Feb 2012 I’m the primary developer on theHTML/front-end components (but not the Flash) of the Camry Effect website.It’s both the largest amount of client-side code I’ve written for a project, and the first project I’ve done with CoffeeScript.It was also a fairly high-pressure project for many different reasons. This post will describe the project, and detail my experiences developingit in C
サンプルコードなどは本家のリファレンスのものを引用しつつ、勝手＆適当に翻訳しています。 間違いなどあればコメント欄などでご指摘下さい。 CoffeeScriptのバージョンが1.0.1の時のものです。 行末のセミコロン ; は不要。ただし1行に複数の式を書くときは ; で区切る。 関数に引数を渡す括弧 (...) は不要。 print "coffee" のように関数を呼べる。ただし引数が無い場合は空の括弧 ( ) が必要。 関数やif文、switch文、try/catch文などでブロックを中括弧 {...} で囲む代わりに、Pythonのようにインデントを揃えることでブロックを表現する。なのでインデントは超重要。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Amazon.co.jp: CoffeeScriptファーストガイド モダンJavaScriptによるアプリケーション開発 (NEXT-ONE): 飯塚直: 本
