タグ「Babel」 - はてブログ

タグ Babel

新着順人気順 5 users 10 users 50 users 100 users 500 users 1000 users

(1 - 25 / 82件)

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

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

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

現代フロントエンドに欠かせないwebpackとBabelを理解しよう - Speaker Deck

2019/08/30 525 users Speaker Deck

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

現在フロントエンドに欠かせないwebpackとBabelを理解しよう - Speaker Deck

2019/08/30 525 users Speaker Deck フロントエンド

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

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 によるトランスコンパイルツールの使用... 続きを読む

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

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

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

トランスパイラ「Babel」の開発チーム、「何百万人にも使われているのに、なぜ私たちの資金は尽きようとしているのか？」。資金難により寄付を訴え－ Publickey

2021/05/11 307 users Facebook Publickey MongoDB 寄付

トランスパイラ「Babel」の開発チーム、「何百万人にも使われているのに、なぜ私たちの資金は尽きようとしているのか？」。資金難により寄付を訴え「Babel」は、JavaScriptコンパイラもしくはトランスパイラの代表的なツールとして知られており、FacebookやSpotify、Slack、MongoDBなどさまざまな企業や開発現場で使わ... 続きを読む

Electronでメディアファイル用のファイルブラウザ「BlackAlbum」を作った - joker1007の日記

2015/10/19 304 users ファイルブラウザ Electron joker1007 構成

Electronで動作する動画ファイル及びJPG in Zip向けのファイルブラウザを作ってみました。構成としてはElectron+React+Reduxで、gulpfile以外はbabelを使って書いてます。そこそこ今風な感じを目指して、一部flowtypeとかも取り入れてますが、割と適当な感じで使ってます。実は以前Node.jsで同じもの作ってたんだけど、せっかくちゃんとデスクトップアプリとし... 続きを読む

モダンJavaScript概論 − Node, npm, ECMAScript, Babel, Webpack | Hypertext Candy

2020/04/30 291 users Webpack ECMAscript jQuery npm

2020.04.30 モダンJavaScript概論 − Node, npm, ECMAScript, Babel, Webpack この記事では、モダンな JavaScript を書くための前提として知っておくべき、いくつかのキーワードを紹介します。想定読者は、初心者〜 jQuery なら書けるレベルの開発者です。これから React や Vue.js を学びたい方、または Web 開発の世界... 続きを読む

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

2016/11/06 255 users Webpack serverless Apex 沢山手軽さ

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

ServiceWorker内でBabelを駆使して、JavaScriptをビルドする - ログミーTech（テック）

2018/09/13 238 users テックログミーTech JavaScript

開発環境のためにServiceWorkerを使う mizchi氏（以下、mizchi）　では「ServiceWorker Side XXX」ということで発表させていただきます。mizchiです。よろしくお願いします。（会場拍手）ちょっと自己紹介とかはする気ないんですけど、最近本を書いたので、その紹介だけさせてください。『仮想DOM革命』。最近、仮想D... 続きを読む

webpackとBabelの基本を理解する(1) ―webpack編― - Qiita

2019/03/03 220 users Webpack Qiita 独学基本リンク

独学の内容をまとめたものです。誤りがございましたら、ご連絡いただけると幸いです。リンク 1. webpackとBabelの基本を理解する(1) ―webpack編―（本記事） 2. webpackとBabelの基本を理解する(2) ―Babel編― 3. webpackとBabelの基本を理解する(3) ―webpackとBabel編― 4. webpackとBabelの基本を理解する(4) ―React編― ... 続きを読む

Babel · The transpiler for writing next generation JavaScript

2015/02/15 208 users Today NeXT GENERATION

The transpiler for writing next generation JavaScriptBabel is a JavaScript transpiler It lets you use next generation JavaScript, today. ES6 and beyond Babel will turn your ES6+ code into ES5 friendly... 続きを読む

cssnextを使って最新のcss syntaxで開発するのが良さそう | 69log

2015/06/19 153 users cssnext altJS 備忘録 CSS ライブラリ

ここ最近CSSを扱うことが多かったので、その際にPostprocessorを検討時にcssnextについてまとめた備忘録。 JavaScriptの最近の事情javascriptではES6でコードを書き、BabelでTransplieするという流れが定着しつつある。これは、これまで必要だったライブラリが不要になり、コードが依存するライブラリを減らすことができ、altJSに頼らないで開発できるという... 続きを読む

Babelで始める！モダンJavaScript開発 | HTML5Experts.jp

2015/10/01 138 users HTML5Experts.jp

連載： ECMAScript 2015（ECMAScript 6）特集 (5)この記事は「ECMAScript2015/ES6特集」の第3回目です。この特集ではJavaScriptの次世代仕様であるECMAScript 2015（ECMAScript 6）を取り上げ、歴史や経緯から追加された機能や文法の詳細など、複数回に渡って解説していきます。ここではECMAScriptの新仕様を先取りできるト... 続きを読む

JavaScript - 末尾再帰による最適化 - Qiita

2015/10/05 132 users Qiita altJS ドキュメント JavaScript

はじめに ES6 (EcmaScript 6)を試そうと、Babelのドキュメントを読んでいたところ、末尾呼び出し（Tail Call）の最適化をしていることにびっくり。公式リリース（2015年6月）から３ヶ月あまり経ってはいますが、ES6が末尾呼び出し最適化を仕様としてサポートしていることをようやく知りました。現状で末尾呼び出し最適化をサポートしているブラウザはなく（ブラウザやaltJSなどの... 続きを読む

ES2015(ES6)な時代だからこそ、ES5を改めて調べたJavaScript初級者のメモ - Qiita

2015/09/12 127 users Qiita メモ ECMAScript5 ES5 ES6

はじめに ECMAScript2015(第6版、通称ES6)が承認され、Babelも登場し、世はまさにES2015時代。なのだけど、JavaScript初級者としてはES5自体をちゃんと把握していなかったりするので、今さらながら調べてみることにした。間違っている所があれば、ご指摘いただけると大変助かります。 ECMAScript5で追加されたもの ECMAScript5 compatibilit... 続きを読む

JavaScriptツールチェインの統一を目指す「Rome」開発チームが起業、「Rome Tools, Inc.」を立ち上げ－ Publickey

2021/05/05 117 users Publickey Rome Webpack Inc 統一

JavaScriptツールチェインの統一を目指す「Rome」開発チームが起業、「Rome Tools, Inc.」を立ち上げ現在、モダンなJavaScript開発環境としては、ESLintに代表される構文チェッカーや、Babelに代表されるJavaScript変換ツール、モジュールを組み合わせるなどのバンドル操作を行うWebpackなど、さまざまなツールを組み合... 続きを読む

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

2017/12/01 116 users WebStorm ケアレスミス TypeScript 筆者

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

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

2018/01/17 114 users Webpack ToDo こん昨今面白法人カヤック

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

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

2016/09/16 100 users Karma Webpack assert カバレッジ uuum

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

Babel が Flow から TypeScript に移行した

2022/08/13 91 users メンテナー TypeScript nicol Flow

先日 Babel のメンテナーとして知られる Nicolò Ribaudo 氏が次のツイートを投稿した。 We finally finished migrating the Babel monorepo from Flow to TypeScript! It has been a very long process started by @z_bodya, and after migrating package-by-package @JLHwung just opened this PR 😄 pic.twitter.com/W... 続きを読む

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

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

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

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

2017/09/04 84 users リリース技術 BABYLON internal 変更点まとめ

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

Babel 7 Released · Babel

2018/08/27 77 users

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 ... 続きを読む