Babel 7 Released · Babel

2018/08/27 77 users Babel

After almost 2 years, 4k commits, over 50 pre-releases, and a lot of help we are excited to announce the release of Babel 7. It's been almost 3 years since the release of Babel 6! There's a lot of moving parts so please bear with us in the first weeks of release. If you appreciate the work we're ... 続きを読む

JavaScript おじさんが教える本当の Modern JavaScript 入門 1

2018/08/22 486 users 入門 Modern JavaScript Parcel 開発

本発表における Modern JavaScript とは何か Phase 1 として以下の環境での開発ができれば Modern JavaScript に入門できたものとする。 Webpack, Parcel 等の module bunder による "module system" の活用。 ES2015+ や TypeScript といった "Alt JS" の使用。それに伴う Babel によるトランスコンパイルツールの使用... 続きを読む

trans-loader: npm/webpack なしではじめるフロントエンドプロジェクト

2018/06/28 70 users Webpack ツールチェイン npm mizchi node

フロントエンドはツールチェイン多くて大変ですね。何から初めていいかわからないと思います。 というわけで、 babel や webpack, というかもはや node の インストールすら不要でフロントエンドを始めることができるプロジェクトを作りました。 https://github.com/mizchi/frontend-starter git clone git@github.com:m... 続きを読む

webpack, babel, node環境で例外時のスタックトレースに元ソースの場所を表示させる - ncaq

2018/03/15 30 users Webpack スタックトレース Babel ncaq ソース

問題 nodeに読み込ませるソースをwebpackとbabelでコンパイルするようにすると,エラー時のスタックトレースが at Object.eval (webpack-internal:///76:29:7) のような意味不明なものになってしまいます. これはソースマップを有効にしていても起きてしまいます. webpackのissueにも既にこの問題は報告されていましたが. SourceMap ... 続きを読む

フロントエンド開発に Babel も Webpack も必要ない ※ - KAYAC engineers' blog

2018/01/17 114 users Webpack Babel ToDo こん 昨今

2018 - 01 - 17 フロントエンド開発に Babel も Webpack も必要ない ※ javascript html5 できらぁ！ 面白法人カヤックのエンジニアの ごん です。 昨今のフロントエンドといえば、 Todo アプリを作るにも Webpack やら Babel やら必要 だと脅され、 始める前にうんざりしてしまうと話題ですが、 実は、 最新のブラウザ に限って言えば、そんな... 続きを読む

babel と webpack について // Speaker Deck

2018/01/06 46 users Webpack Babel Speaker Deck

All slide content and descriptions are owned by their creators. 続きを読む

Facebook 製 JavaScript テストツール Jest を使ってテストする ( Babel, TypeScript のサンプル付き ) – PSYENCE:MEDIA

2017/12/21 60 users Babel Facebook FUk TypeScript

Facebook 製 JavaScript テストツール Jest を使ってテストする ( Babel, TypeScript のサンプル付き ) 福井祐人 2017.12.21 2 0 0 0 2 この記事は RECRUIT MARKETING PARTNERS Advent Calendar 2017 の投稿記事です。 はじめまして。11月にJoinしたフロントエンドエンジニアの福井（@fuk... 続きを読む

JavaScriptのプログラミングはこれだけ効率化できる！ 使用歴5年目のエンジニアが送るWebStormの厳選神業集 - ICS MEDIA

2017/12/01 116 users WebStorm Babel ケアレスミス プログラミング

JavaScript（ES 2015+）、TypeScript、Babelの需要は高まる一方ですが、プログラミングの効率化をどれくらい意識していますか？ プログラミングが効率化されれば、作業時間の短縮、ケアレスミスの軽減、プロダクトの品質の向上、そしてストレスの軽減に繋がります 。 筆者が5年間使用している「 WebStorm（ウェブストーム） 」は、 JavaScriptのプログラミングをする上... 続きを読む

見返りを求めない気持ちは報われる。　　バリピルより。 - バリピル宇宙はじめました。

2017/11/05 31 users バリピル バリピル宇宙 Babel BUCK-TICK バベル

2017 - 11 - 05 見返りを求めない気持ちは報われる。　　バリピルより。 欲しいものリスト (๑✪ ω ✪๑) どうも！ こんばん 我は BABEL ～♪｡うん｡ え､ バベル を知らない？ BABEL それは BUCK-TICK の ニューシングルなの。 11月15日発売なの。たしか。 サビ聴いたけど･･･う～ん｡良い｡ ( ● ´∀｀ ● ) バリピル です。 ･･･前回のあらすじ。... 続きを読む

ES6始めたいけど開発環境作るのがめんどくさいと思っている方のためにざっくりテンプレート作ってみました | ichimaruni-design

2017/10/06 30 users ichimaruni-design Webpack ES6

2017年10月6日 WEB制作 ES6始めたいけど開発環境作るのがめんどくさいと思っている方のためにざっくりテンプレート作ってみました 仕事ではReactのサービスに携わっているのでES6には慣れているのですが、いざ自宅などでES6で書きたいときとかbabelとかwebpackやらやらないとならず気軽にやろうかなとはなりにくい印象でした。特に初めてES6触る人には。なので少しでも敷居が低く慣れれ... 続きを読む

次のリリースであるBabel7の主な変更点まとめ - 技術探し

2017/09/04 84 users リリース 技術 Babel BABYLON internal

2017 - 09 - 04 次のリリースであるBabel7の主な変更点まとめ babel JavaScript Tweet Babel7がリリースされるまでは更新されます。 注意: 量が多いので、BabelのInternal, Bug Fix, DocumentsとBabylonについては書きません。 また6.xへバックポートされたものも入っていますので注意してください。 もし、間違えや質問があ... 続きを読む

最新版で学ぶwebpack 3入門 - BabelでES2017環境の構築(React, Three.js, jQueryのサンプル付き) - ICS MEDIA

2017/07/18 305 users Webpack Babel jQuery React 昨今

ICS MEDIA 制作効率化 2017/07/18 最新版で学ぶwebpack 3入門 – BabelでES2017環境の構築(React, Three.js, jQueryのサンプル付き) ECMAScript 2015(略：ES2015)以上の言語仕様でJavaScriptを書くことが、昨今のウェブのフロントエンドエンジニアの基本テクニック です。しかし、ECMAScript 2015以上の... 続きを読む

JavaScriptのライブラリを徐々にTypeScriptに移行する | Web Scratch

2017/07/17 89 users TypeScript コミットログ Babel ライブラリ

Almin というライブラリは元々JavaScript(+Babel)で書かれていましたが、今年の2月に src/ 下のソースコードはTypeScriptに移行しました。 その時のコミットログは次のPRに残っているため、コミットログを1コづつ見ていけばどのように行われていったが分かると思います。 Convert src/ to TypeScript by saneyuki · Pull Reque... 続きを読む

Chrome M60 で Native ES Modules + ServiceWorker を試して未来へのマイグレーションを見積もる - Qiita

2017/06/03 40 users Qiita ServiceWorker マイグレーション

目的 Chrome M60(Canary) でフラグ付きで ES 2015 の ES Modules が動くようになったので、試す。 ServiceWorker と Babel 前提で、エッジな構成で今のバンドル環境を無理矢理シミュレートしてみて、今との比較で現実的なマイグレーションパスを探しておくことにした。 成果物 https://github.com/mizchi-sandbox/nativ... 続きを読む

大友克洋さん「バベルの塔」大胆解釈　ざっくり切り込み：朝日新聞デジタル

2017/04/12 72 users バベル 大友克洋さん inside Babel AKIRA

「ＡＫＩＲＡ」「童夢」などで知られる漫画家・映画監督の大友克洋さんが、１８日から東京・上野の東京都美術館で始まる「ボイマンス美術館所蔵　ブリューゲル『バベルの塔』展」に合わせて、原画を大胆に新解釈した絵画作品「ＩＮＳＩＤＥ（インサイド）　ＢＡＢＥＬ（バベル）」を発表する。塔にざっくりと切り込みを入れて、構造や中でうごめく人々、建設作業を想像し、ちみつに描き出した。完成作の展示を前に、大友さんが語っ... 続きを読む

Vue.jsの流行とネイティブアプリフレームワークWeex、そして台頭する中国語コミュニティについて - 株式会社クイックのWebサービス開発blog

2017/03/04 54 users YARN Webpack Vue.js Babel 流行

2017 - 01 - 23 Vue.jsの流行とネイティブアプリフレームワークWeex、そして台頭する中国語コミュニティについて こんにちは。五所です。 最近は時代についていこうと、フロントエンドの情報収集をしています。 React, Redux, AngularJS, ES6, Webpack, Gulp, Babel, Yarn... 情報収集すればするほど、頭がいっぱいになるのですが、その... 続きを読む

Babel 7 · babel/babel Wiki · GitHub

2017/01/10 11 users GitHub Babel milestone WIKI

https://github.com/babel/babel/milestone/9 Breaking changes Deprecate/remove babel-plugin-transform-class-constructor-call and babel-plugin-syntax-class-constructor-call . Proposal dropped in 2016-01-... 続きを読む

2016年、サーバーサイドエンジニアがゼロからReact/Reduxを学習したときの方法を振り返る | BLOG | 株式会社スタジオ・アルカナ

2016/12/12 698 users redux React Babel サーバーサイドエンジニア

こんにちは。スタジオ・アルカナのサーバーサイドエンジニアなっちゃんです。 この記事は React Advent Calendar 2016 の13日目の記事です。 それは2016年も後半へ差し掛かったある日のことでした… 上司「次の案件、この辺の技術使うから軽く勉強しておいてー」 つ React.js + Redux.js + redux-saga + Cordova + ES6 + Babel ... 続きを読む

Dear JavaScript, – James Kyle – Medium

2016/12/05 46 users medium YARN Babel community etc

Dear JavaScript, I wanted to talk to you about a problem in our community that we need to address. I’ve contributed to a number of open source projects in this community (Babel, Flow, Yarn, Lerna, etc... 続きを読む

serverless + webpack + babel で AWS Lambda をナウく書く - scramble cadenza

2016/11/06 255 users Webpack Babel serverless Apex

2016 - 11 - 06 serverless + webpack + babel で AWS Lambda をナウく書く aws AWS Lambda javascript list Tweet イントロ 最近 AWS Lamdba を仕事で触っています。 serverless やら Apex なり色々あるわけですが、沢山ありすぎてよくわかりません。 今までは Apex の手軽さに甘えていま... 続きを読む

BabelでES6で書いて、webpackでビルドして、mochaでテスト書いて、power-assertでassertの出力を見やすくして、karmaで複数ブラウザのテストを自動化して、カバレッジを出力するようにした - UUUM攻殻

2016/09/16 100 users Karma Webpack assert Babel uuum

2016 - 09 - 16 BabelでES6で書いて、webpackでビルドして、mochaでテスト書いて、power-assertでassertの出力を見やすくして、karmaで複数ブラウザのテストを自動化して、カバレッジを出力するようにした おはこんばんちは!! 尾藤 a.k.a. BTOです。 UUUMでは業務の効率改善に kintone を導入しようとしているのですが、kintone ... 続きを読む

JavaScriptを劇的に教えやすくするWebサーバ作りました - Qiita

2016/07/16 433 users Qiita rollup Babel Sass Gulp

近年、JavaScriptでコードを書こうとすると、お膳立て7割、コード書き3割みたいな事態がざらにあります。「お膳立て」の例としては、Gulp, Babel, Sass, PostCSS, WebPack, Rollup, Browserifyほか数限りなく。 たしかに、一旦フロントエンド開発に慣れてしまえば、お膳立てにかける時間は短縮することが可能です。でも、これを初学者に強いるのはツラすぎる... 続きを読む

JavaScript - karma + babel + browserify + isparta を使って、es2015 で書いたフロントエンドのユニットテストのカバレッジを出す設定例 - Qiita

2016/01/14 49 users Karma テストカバレッジ ユニットテスト カバレッジ 需要

フロントエンドで es2015 かつ browserify でバンドルしつつ書きたいという需要はそこそこ高まっているんじゃないかと思いますが、そのセッティングで開発した場合に、テストカバレッジってどうやって出したらいいの？という情報があまり出回っていない気がしたので、自分なりにミニマルだと思う設定の例をまとめてみました。 なお、この記事では、テストランナーには、 karma 、バンドラには bro... 続きを読む

Lerna を使って、 Babel や React が採用している monorepo を試してみる - Qiita

2016/01/06 47 users repository Qiita React Lerna 複数

monorepo とは 複数の npm package を 単一の git repository で管理すること 例えば Babel では、 100 以上の npm package が単一の git repository で管理されている https://github.com/babel/babel/tree/master/packages package 毎に repository を作る場合と... 続きを読む

橋本商会 » coffeeからES6(babel)に少しずつ書き換える

2015/11/04 54 users Babel coffee Flux 橋本商会 shokai

coffee-scriptで書いていたwebアプリをES6(babel)に書きなおした。 全部を一気に書き直してハイ動いたーとやるのは無理なので、coffeeとES6のファイルが混在しても動かせるようにして、少しずつ書き直した。 書き直したのはこれ React+Fluxxor+socket.ioでfluxなチャットを作った https://github.com/shokai/node-flux-b... 続きを読む