6年前に書いたCoffeeScriptをES6に変換した - hitode909の日記
昔はCoffeeScript好きで，たのしく書いてて，いまもたのしく書けるのだけど，最近はこういうグッズを使わなくても，ESLintとかFlowとか，安全便利グッズが増えてきているので，Coffeeやめることにした． しばらく運用モードだったのだけど，追加したい機能が出てきたので，Coffeeのままやるよりは，型書けるようにしてからやったほうが安心できそう． やったこと decaffeinate でJSに変換する これで脱出できるってパスタ君に教えてもらった BabelとBrowserify入れる Flow入れた jQueryとunderscoreに依存してたので型定義をダウンロードしてくる ESLint入れた Gulpメリットない感じになってきたので，package.jsonにCLIのコマンドを書いてコンパイルするようにした 型をちょっとずつ書いた 型を書くときに困ったのが，Coffee
テストがないJS環境にモダンなテスト環境を導入していく - Qiita
Qiita:Teamに投げた社内ドキュメントだったけど、特に問題ないのでQiitaにも投げる。 前提として browserify-rails とbabelify が導入されている状況を想定してる。 基本方針 新規コードはES2015で書く 本番はbrowserify(-rails)でコンパイルする。 単体テストは node 環境下で走らせる テスト環境下では jsdom で window, document をモックする 単体テストでは ブラウザ特有の挙動はテストしない 裏側の環境(browserifyやspec-helper)は難しくして良いが、利用者からみえる範囲は複雑にしない(npm install; npm testで走る) Universal JavaScript に寄せることでコードのポータビリティを上げる 事前準備 browserify-railsを導入する。 .babelr
t_wadaさんが提案するJavaScript速習コースを実際に履修してみた - WEB SALAD
はじめに もう2ヶ月前の話なのですが、日本のTDD第一人者で、最近はpower-assert-jsの開発などJS界隈でも活躍されている@t_wadaさんが、Twitterでこんな提案をされていました。 『JavaScript: The Good Parts』と『WEB+DB PRESS Vol.87 第1特集』のあわせて250ページ未満でES6までの全体像をつかむ速習コースのご提案 http://t.co/doPQ7V4enw http://t.co/NKTGz3syk7— Takuto Wada (@t_wada) 2015, 8月 10 ちょうどこの頃、初めてのgemを作り終え、Ruby以外の言語に対する学習欲が高まっていたので、この提案に乗っかってみることにしました。 本エントリでは、この速習コースを実際に履修した感想と、結果どうなったのかを書きたいと思います。 履修前の状態 ずっと
ES2015 | Chrome, Web Dev Libraries, and Guides - Google for Developers
ES2015 Stay organized with collections Save and categorize content based on your preferences. ES2015 (formally ES6) is a fantastic step forward for the JavaScript language. It brings new features and sugaring for patterns that required significant boilerplate in ES5. This includes classes, arrow functions and modules. In this episode, we cover tools we use to take full advantage of ES2015 when bui
ES2015(ES6)な時代だからこそ、ES5を改めて調べたJavaScript初級者のメモ - Qiita
はじめに ECMAScript2015(第6版、通称ES6)が承認され、Babelも登場し、世はまさにES2015時代。なのだけど、JavaScript初級者としてはES5自体をちゃんと把握していなかったりするので、今さらながら調べてみることにした。 間違っている所があれば、ご指摘いただけると大変助かります。 ECMAScript5で追加されたもの ECMAScript5 compatibility tableにて、ES5で追加された機能がどのブラウザに対応しているかが分かる。また、es5-shimというライブラリが、古いブラウザでES5の一部の機能が実装可能になる。 基本的には、IE9以上／iOS7以上、それ以外はモダンなブラウザであれば大抵対応している。 use strict スクリプトの先頭、もしくは関数内の先頭に記載することでstrict modeで実行される。自分が書いているもの
electronでbabel + reactを直接使えるようにするまで - Qiita
さくっとelectronでbabel呼び出すところまでが良さそうな情報無くて錯綜した。 一旦出来たのでメモ （ビルド＆配布あたりまでは行ってないが、まず動く感じのところまでなのでご了承） 出来上がりが見たい場合はこれ (もう記事より古くなってるので多分参考になりません） https://github.com/suisho/example-electron-babel/ 構成 好みだがこんな感じにしている $ tree -I node_modules . ├── app │ ├── client │ │ ├── Foo.jsx │ │ └── main.jsx │ ├── index.html │ └── index.js └── package.json コード本体は./app以下に固めている。トップ階層に入れておくと後でgulpfileとか膨れてきた時に汚い感
React + Ratchet のサンプルアプリケーションを Flux + ES6(Babel) で作り直す - Qiita
Reactを学ぶ上で、Sample Mobile Application with React and Cordova の内容が非常に勉強になった。このサンプルアプリケーションを、FluxとES6(Babel)で書きなおしてみた。 構築環境 OS：Windows8.1 node：v0.12.2（nvmw利用） react：0.13.2 flux：2.0.3 各種リンク GitHub上のソースコード：https://github.com/azk0305/mobile_employee_directory デモサイト：http://react.mnj-tokorozawa.jp/mb_emp_dir/ 補足 Monacaでも動作できたことを確認。 Register as a new user and use Qiita more conveniently You get articles th
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
es6+power-assertでreduxのテストコードを書く - Qiita