CoffeeScriptをやめてES6を使うためにやったことまとめ
この記事は Speee Advent Calendar 2017 11日目の記事です。 10日目は @iida-hayato による 5000兆円トークンに見るスマートコントラクトの設計と実装。 でした。 記事について Rails製の自プロダクトからCoffeeScriptを廃止してES6を使えるようにした話です。 「CoffeeScriptやめたいけど、色々やること多そう。。」みたいなところで悩まれている方々の参考になれば幸いです。 作業ログをベースに書いてるので、自プロダクト環境固有の話を含むことをご了承ください。 背景 オワコン化が叫ばれるCoffeeScript ES6のリリースにより、クラス構文などが標準JSで利用できるようになった 今となっては学習コストが高いわりに強い恩恵がない 普段Rubyを書かないフロントエンジニアにとっては特に TypeScriptの登場 フロントエンジ
decaffeinate — CoffeeScript in, JavaScript out.
Goodbye CoffeeScript, hello JavaScript! # install locally $ npm install -g decaffeinate # convert a single file $ decaffeinate index.coffee # convert a whole project $ decaffeinate src/ # remove the .coffee files $ find . -name '*.coffee' \ > -exec rm {} \; # commit the result $ git add -A $ git commit # See the conversion guide # for more information. Try it!
Extensible mobile app debugger | Flipper
Extensible mobile app debuggerFlipper is a platform for debugging iOS, Android and React Native apps. Visualize, inspect, and control your apps from a simple desktop interface. Use Flipper as is or extend it using the plugin API. ToolsMobile developmentFlipper aims to be your number one companion for mobile app development on iOS and Android. Therefore, we provide a bunch of useful tools including
2018 年の tree shaking - 株式会社カブク
Discussion 1. CommonJS は tree shaking されない ※追記、修正あり すべてのモジュールバンドラーが、 import { isEqual } from 'lodash'; を tree shaking できませんでした。これは、 CommonJS は静的に解析することができない困難または不可能（2018/06/15 修正）なためです。 例えば、 ES Modules の import, export に対応する CommonJS の require、 exports は、それぞれ以下のように動的に書くことが許容されています。 require const fooOrBar = require(Math.random() < 0.5 ? 'foo' : 'bar'); exports for(const name of ['foo', 'bar']) { ex
Where to put one-off components?
A while back, Harry Roberts introduced the concept of shame.css: a stylesheet dedicated to housing your nasty, hacky, quick-fix CSS The idea is to isolate all the stuff that doesn’t belong in your beautiful, well-architected CSS architecture, in order to revisit it when the team has time to refactor code and create more sturdy solutions. Application-specific components At the heart of a design sys
PhantomJSの開発が終了しリポジトリがアーカイブ化された
QtWebKitをベースにしたヘッドレスブラウザであるPhantomJSの開発が終了され、2018年6月2日にリポジトリもアーカイブされました。 ariya/phantomjs: Scriptable Headless Browser 以前にもお伝えしていましたが、PhantomJSはQtWebKitをベースにしていて安定版が利用しているバージョンも古いままでした。 また、QtWebKitの新しいバージョンへアップデートを行うベータ版も開発されていましたが、Headless Chromiumが公開されたことや個人でPhantomJSのメンテナンスを続けていくの難しいという問題もあり開発は停止していました。 2017-05-03のJS: Headless Chrome/FirefoxとPhantomJS/SlimerJS、ES modules - JSer.info 2017-09-05のJ
Vim Is The Perfect IDE
This article was originally published in HackerNoon Over the years I've jumped back and forth between many code editors, IDEs and tools; but it seems that somehow I always end up coming right back to VIM, and not only for programming – guess which markdown editor I'm using to write this post. I've have tried Atom, SublimeText, TextMate, Eclipse, Visual Studio, and most of the Jetbrains products, I
Fathom Analytics: A Better Google Analytics Alternative
Free trialLog inMenuA Google Analytics alternative that’s simple & privacy-firstLatest Updated email reportsDitch complex, intrusive web analytics for Fathom - a better Google Analytics alternative. Experience ease of use, forever data retention, and complete, worry-free GDPR compliance - all while protecting your time and your visitors' digital privacy.Start a free trialView a live demo Quick set
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - wix/import-cost: displays the import size of the package you are importing inside the code editor
GitHub - DovAmir/awesome-design-patterns: A curated list of software and architecture related design patterns.
GitHub - kitze/JSUI: A powerful UI toolkit for managing JavaScript apps
GitHub - tunnckoCore/resources: :book: Huge curated collection (archive) of links of Tech, Science, Economics, Politics, Life, Philosophy, Conferences, Videos and much more resources from everyday surfing. Since October 21, 2017.