CoffeeScript 辞めました - クラウドワークス エンジニアブログ

2022/07/06 11 users CrowdWorks クラウドワークス 箇所 コード 歴史

CoffeeScript 辞めました はじめに こんにちは、CrowdWorks のジャンヌチームのエンジニア bugfire です。 CrowdWorks は歴史のあるサービスで CoffeeScript が利用されている箇所が大量にあります。 具体的には411ファイルありました。1 いまとなっては CoffeeScript を利用したコードを新たに書くことも少なくなり、改... 続きを読む

Rails に Babel と Rollup を組み込んで CoffeeScript を JavaScript に段階的に移行した話 - クックパッド開発者ブログ

2021/02/12 12 users rollup Babel Rails 青沼 クックパッド

こんにちは。技術部クックパッドサービス基盤グループの青沼です。当グループではクックパッドのレシピサービスを支える web アプリケーションの改善を進めています。今回はフロントエンドの改善の一環として、 Babel と Rollup を Rails のアセットパイプラインに組み込み、レガシーな CoffeeScript ファイルを ES2015+... 続きを読む

React、Angularになじめなかった僕に手を差し伸べてくれたVue.js - Qiita

2016/12/30 411 users jQuery Qiita React angular Ruby

ギークハウス Advent Calendar 2016 の12月２２日の記事です。 他の方とは、全然違う雰囲気になってしまいましたが、読んでいただけると幸いです。 なぜVue.js？？ 普段の仕事では、Ruby/Railsなので、フロントエンド周りは、jQueryにCoffeeScriptで片手間感覚... ↓ しかし最近のフロントエンド界隈は、良くも悪くも盛り上がっていて楽しそうだなあと思う日々... 続きを読む

webpackを使った Rails上でのReact開発 - クックパッド開発者ブログ

2016/07/27 346 users Webpack サーバサイド 芳賀 React.js 既存

2016 - 07 - 27 webpackを使った Rails上でのReact開発 はじめに こんにちは、投稿開発部エンジニアの芳賀です。 既存のRailsプロジェクトの中でReact.jsを利用する機会があったので、その時にやったことについてまとめてみます。 私自身は普段RailsのサーバサイドとCoffeeScriptが中心で、最近のJavaScript開発環境についてあまりキャッチアップで... 続きを読む

エンジニアが見るべきコミュニティサイトとは | IT/Web系の起業家・フリーランスに贈る、すべらない起業論

2016/03/01 125 users フリーランス エンジニア 起業論 起業家 WEB系

フリーを経てwebプログラマ。Ruby on Rails, Python, CoffeeScript, TDD, BDD, Lean, Agile, スモールビジネス, 機械学習, 人工知能, 投資, FX, 酒, 歌など。エンジニア出身の起業家になってもっとエンジニアを幸せにしたい。 自律したエンジニアとして継続的に収入を得るためには、常に新しいことにチャレンジし継続的な勉強が求められることは論... 続きを読む

JavaScriptのモジュールシステムに関するまとめ - Qiita

2015/11/10 30 users サブセット hash Rails class オブジェクト

普段はRailsのサブセットとしてのJavaScript（CoffeeScript）しか書いておらず、この手の話は浅学のため、ご指摘などコメントいただけると幸いです 1. 予備知識 Prototype 既存のオブジェクトを拡張することで機能を提供するライブラリ。 例えばArrayやString、またグローバルな名前空間のうち、ClassやHashといった汎用性のある名前を利用している。 このため名... 続きを読む

参考にしたい！ JavaScript(CoffeeScript)スタイルガイド7選！ | マネーフォワード エンジニアブログ

2015/07/30 50 users 平山 マネーフォワード 昨今 フロントエンドエンジニア 役割

こんにちはー。 フロントエンドエンジニアの平山です。 JavaScript(CoffeeScript)の役割が増えてきた昨今。 ここいらで一度、有名なスタイルガイドを追ってみたいと思います。 一緒にスタイルガイドを策定したり、あーやこーや語らいながらよりよいスタイルガイドを考えたいフロントエンドエンジニアの方は、とりあえず一緒に開発しましょう！ 【採用サイト】 ■『マネーフォワード採用サイト』　h... 続きを読む

巨大なバッチを分割して構成する 〜SQLバッチフレームワークBricolage〜 - クックパッド開発者ブログ

2015/06/27 363 users バッチ ntH クックパッド開発者ブログ SQL Ruby

2015-06-27 巨大なバッチを分割して構成する 〜SQLバッチフレームワークBricolage〜 トレンド調査ラボの青木峰郎（id:mineroaoki）です。 好きなRubyのメソッドは10年前からString#slice(re, nth)ですが、 最近はRubyよりCoffeeScriptとSQLのほうが書く量が多くて悩んでいます。 今日はわたしが開発している「たべみる」の背後で働いてい... 続きを読む

CoffeeScript スタイルガイドの公開とその目的 - クックパッド開発者ブログ

2015/04/15 176 users 太田 クックパッドニュース ウェブフロントエンド os0x

2015-04-15 CoffeeScript スタイルガイドの公開とその目的 こんにちは、クックパッド編集室の太田(@os0x)です。 普段は料理動画やクックパッドニュースなど、メディア寄りのサービスを担当しながら、社内のCoffeeScriptを中心としたウェブフロントエンドのコードレビューなどを行っています。 今回は、そのCoffeeScriptのレビューを円滑に行うためのコーディングスタイ... 続きを読む

webpack で始めるイマドキのフロントエンド開発 - Qiita

2015/04/05 319 users Webpack webapp Qiita ビルドツール 配布物

webpack とは webpack は WebApp に必要なリソースの依存関係を解決し、アセット（配布物）を生成するビルドツール（要するにコンパイラ）です。JavaScript だけでなく、CoffeeScript や TypeScript、CSS 系、画像ファイルなどを扱うことができます。 WebApp のビルドツールは Grunt や Gulp が有名です。これらは基本的に、ビルド手順をタ... 続きを読む

Browserify + GulpでクライアントのJavaScript / CoffeeScriptでrequire | EasyRamble

2015/03/23 62 users Gulp browserify EasyRamble 手順

先日以下の記事で、クライアントサイド JavaScript での require による依存解決の方法を読みました。一言で言うと Browserify というライブラリを使って、クライアント側 JavaScript でも、モジュールをファイルごとに分割して require で読み込むための手順。 Browserifyでrequireを使ってjavascriptの依存関係をすっきりにしてみる – ぼ... 続きを読む

React.jsをCoffeeScriptとjadeで書く | uzimith.github.io

2015/03/15 78 users Jade reactjs React.js 仮想DOM あたり

はじめに React v0.13.0 Beta 1 | React React.Componentを使うと生のJSのclass形式でReact Componentを定義できる reactjs - react-jadeでjadeテンプレートから仮想DOMを出力する - Qiita JSXのXの部分をjadeで書けるようにするライブラリ (Jade -> React VDOM) ここあたりの記事を読ん... 続きを読む

CoffeeScript - フラクタルで木を書く - Qiita

2015/01/17 16 users Qiita フラクタル

そういえば書いたことなかったのでやってみた。 概念 何度再帰するか決める(depth) 座標を指定する(x1, y1) 方向を指定する(θ) x1, y1から、その方向に線を引く(x2, y2) 再帰回数が残っていれば、引いた先(x2, y2) から、任意の角rとして θ-r, θ+r方向へ線を引く コード 注意: 伸ばす長さ、角度に乱数が入っている {sin, cos, PI} = Math d... 続きを読む

DOCOMOの雑談対話APIを使ってHubotと雑談する。 - 文字っぽいの。

2014/12/06 45 users Ruboty docomo Hubot bot 先駆者

2014-12-07 DOCOMOの雑談対話APIを使ってHubotと雑談する。 photo by Jenn and Tony Bot 先駆者 Rubotyを使っている方は、こちらを見ると良いでしょう。 DocomoruでBOTと雑に会話する - Qiita DocomoruでBOTと雑に会話する - Qiita Hubotでも使いたい Hubotでも使いたいので、CoffeeScriptで簡単に... 続きを読む

「JavaScriptエンジニア養成読本」でCoffeeScriptについて書いた - mizchi's blog

2014/10/08 76 users mizchi's blog 習得 2014-10-08 1章

2014-10-08 「JavaScriptエンジニア養成読本」でCoffeeScriptについて書いた kyo_agoさんに誘われて、CoffeeScriptについて1章書きました。 JavaScriptエンジニア養成読本［Webアプリ開発の定番構成Backbone.js＋CoffeeScript＋Gruntを1冊で習得！］：書籍案内｜技術評論社 他の章の紹介は他の著者さんに任せるとして、自分の... 続きを読む

CoffeeScriptが開発版でgenerator構文をサポート - Qiita

2014/09/26 41 users GitHub Qiita Issue 構文 候補

ES6以降にやや慎重な対応をみせるcoffeescriptですが、やっとgenerator構文がサポートされたようです。 Add yield support · Issue #3073 · jashkenas/coffeescript · GitHub 色々と構文の候補がありましたが、関数ブロックの中にyieldキーワードが存在する場合は自動的にジェネレーター関数になるような仕様に落ち着いたみたい... 続きを読む

gulpfile スタイルガイド (ドラフト版) - Qiita

2014/09/10 57 users Qiita ドキュメント 言語 ドラフト版 記述スタイル

このドキュメントは、gulpfileの再利用性/メンテナンス性を高めることを目的とした、非公式なスタイルガイドです。 はじめに スタイルガイドとして、下記を参考にしています。また、ここで述べないJavaScript/CoffeeScriptの言語としての記述スタイルについても、こちらを参照してください。 Node.js Style Guide coffee-script-style-guide コ... 続きを読む

「１から100まで出力する」のJavaScriptのPromise使った例 - mizchi's blog

2014/08/24 44 users Promise mizchi's blog ループ みんな

2014-08-24 「１から100まで出力する」のJavaScriptのPromise使った例 forやめろ -- LL Diver 2014 LT枠 forを使わないループ、簡単な例はみんな思いつくからいいとして、一番ややこしいやつ考えてたんだけど、やっぱり無駄にPromise酷使する例だと思った。 CoffeeScript # Serialized Sync Promise [1..100]... 続きを読む

Middlemanでがんばるぞい系テンプレートgem「middleman-ganbaruzoi」作りました | Border/memo

2014/08/19 34 users GitHub Sass border config.rb ヤツ

Middleman、最近結構使っていて実案件でもこれでサイト作ったりしている。数十ページのサイトだけど、WordPress使うまでもないような重さのサイトにちょうど良い。 Middlemanを使うときは、僕はSlim + Sass(SASS) + CoffeeScriptでやっていてる。config.rbやSlimやSassのテンプレートみたいなやつは、基本的に同じものを使い回す。GitHubやG... 続きを読む

WebStorm、PhpStorm、RubyMine、PyCharm、IntelliJ IDEA、AppCodeなどでコードをなるべく楽に綺麗に書くための機能紹介 3つ #jbugj - #侍ズム

2014/08/15 52 users PhpStorm RubyMine WebStorm 侍ズム

コツなんて必要ありません。普通にIntelliJ IDEAでコードを書いていれば綺麗になります。 1. コードフォーマット 特にプラグインとか入れる必要はない。最初からScala、Java、ActionScript、CFML、CoffeeScript、CSS、Groovy、HAML、HTML、JavaScript、JSP、LESS、SCSS、SQL、TypeScript、XML、Yamlなどのコー... 続きを読む

WebRTC（PeerJS）で遠隔作業支援システムを作る（3） - Tech-Sketch

2014/08/11 47 users WebRTC PeerJS サーバサイド Express 前回

WebRTCを用いた遠隔作業支援システムを作ります。 前回 はスマートグラス（Vuzix M100）とサーバサイド（node.js + express + peerjs-server）の環境構築について説明しました。今回はCoffeeScriptで記述されたモジュールの全体構成と、PeerJS & MediaStreamの初期化処理について解説します。 CoffeeScript WebRTCを用い... 続きを読む

「CoffeeScriptのリファクタリング」の実践とレビュー - mizchi's blog

2014/07/27 186 users リファクタリング document PhotoHTML 実践

2014-07-27 「CoffeeScriptのリファクタリング」の実践とレビュー CoffeeScriptのリファクタリング - ワザノバ | wazanova CoffeeScriptのリファクタリングと聞いたので、いてもたってもいられなくなった。まず、お題の結果を見ずにやってみる。 これが元のコード $(document).ready -> photoHTML = (photo) => "... 続きを読む

CoffeeScriptのリファクタリング - ワザノバ | wazanova

2014/07/27 102 users リファクタリング 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時間前 シングルペ... 続きを読む

Hubot + CoffeeScript ではじめるやわらかプログラミング入門

2014/06/02 103 users Hubot ネイテ articles インターナル バッチ

Hubot であそぼう 始めに、地図を描く Joel on Software - 5つの世界 http://japanese.joelonsoftware.com/Articles/FiveWorlds.html パッケージ インターナル 組み込み ゲーム 使い捨て パッケージ && Webサービスの世界の地図 Windows と UN*X クライアントとサーバー アプリとバッチ ブラウザとネイテ... 続きを読む

「Hubot + CoffeeScript ではじめるやわらかプログラミング入門」を公開した - Beating the Averages(just like me)

2014/06/02 60 users Hubot 死霊 経緯 プログラミング入門 若者

2014-06-02 「Hubot + CoffeeScript ではじめるやわらかプログラミング入門」を公開した よろしくお願いします。 Hubot + CoffeeScript ではじめるやわらかプログラミング入門 社内勉強会で使った死霊を社外で問題ないように少し直したもの。なので ほらちゃん とか若者の名前が出ている。 経緯 もともとプログラミング入門みたいな勉強会をしようと思っていたところ... 続きを読む