Babel

Babelは、JavaScriptの次世代仕様であるECMAScriptのコンパイラ。次世代の標準機能を用いて記述されたコードを、それらの機能に対応していないブラウザでも動作するコードに変換することができます。

RSS
  • 解決済

    回答
    2

    javascriptのreduceの戻り値を関数にしたときの処理の流れがわかりません。

    javascriptで関数の配列をreduceで回し、reduceの戻り値を関数にして、 その関数の中で処理をしてから戻すといった関数を作ったのですが、処理の流れが思ったと通りではありませんでした。 コードは以下です。 const a = () => 'a' const b = () => 'b' const c = () => 'c' const

    • 0評価
    • 342PV
    HayatoKamono HayatoKamono 2週間前に 回答を編集
  • 受付中

    回答
    0

    webpackとbabelを使って、URLインターフェースを動作させたい

    前提・実現したいこと webpack + babel + αを使って IE11でURLインターフェースを動作させたいと考えています。 発生している問題・エラーメッセージ Chrome、Edge等では正常に動作しますが IE11では このオブジェクトではサポートされていない操作です。 のようにエラーになります 該当のソースコード webpa

    • 0評価
    • 211PV
    teratailが3週間前に アップデート
  • 受付中

    回答
    0

    rails上でVue環境を構築している際のエラー

    rails初心者です。 以下のサイトを参考に、rails上でVueの環境構築を行っていました。 Vue.jsとRailsでTODOアプリのチュートリアルみたいなものを作ってみた【2018.03.24】 が、rails sを実行し、http://domainに接続したところ、以下のようなエラーがでて、きちんと処理ができていないようでした ERROR

    • 0評価
    • 108PV
    teratailが4週間前に アップデート
  • 解決済

    回答
    1

    browserify-railsのトランスパイル時間の短縮について

    お世話になっております。 Browserify-rails,babelを使用して、Rails4.2上でReact.jsをES6で書いています。 開発中に 初回の起動時に3分くらい、 今まではjavascriptファイルの編集後、ブラウザを更新すると、20秒程度でトランスパイル出来ていたのですが、 現在時点、トランスパイルに、3分ほどかかっています。

    • 0評価
    • 152PV
    sakamasa1025 sakamasa1025 2ヶ月前に コメント
  • 受付中

    回答
    1

    parcelでのバンドル時にUncaught ReferenceErrorが発生

    前提・実現したいこと parcelでバンドルしたjs内の関数を、inputタグのonclickで呼び出したい 発生している問題・エラーメッセージ parcelでバンドル後に起動するサーバー http://localhost:1234 でページを開き、 対象のinputタグのbuttonを押した際に、 下記エラーメッセージが出力され、関数が実行されない

    • 1評価
    • 182PV
    Midori157 Midori157 3ヶ月前に コメント
  • 解決済

    回答
    3

    constへの代入行だけをtry-catchしたい(ES6+Babel)

    前提・実現したいこと ES6以上(Babelで変換可能な範囲内)で、「const変数にある関数の実行結果を代入」、そして「関数が例外を投げたら、実行中の関数からも抜ける」を実現したいのです。 発生している問題&書いてみたソースコード 以下のように、いくつかのパターンを考えてみましたが、動くものについてもすっきりしない部分が残ります。 functi

    • 1評価
    • 465PV
    maisumakun maisumakun 3ヶ月前に コメント
  • 受付中

    回答
    1

    JavaScript で開発したライブラリを babel でビルドする際に、利用元プロジェクトの b...

    JavaScript でライブラリを作成する際に ES6 を使用する場合、ビルド済みのものを package の index にすることが一般的かと思います。 しかし、利用者によっては対応したいブラウザのバージョンが異なるため、 babel-preset-env の対応範囲をどちらに寄せようとも、 古いブラウザに対応しすぎているためパフォーマンスが落ち

    • 0評価
    • 332PV
    euxn23 euxn23 3ヶ月前に コメント
  • 解決済

    回答
    1

    Babelを使えばIE11で使えないjavascriptも使用できるのでしょうか。

    Babelを使って「findIndex」「promise」をIEでも正常に動くようにコンパイルしたい javascriptを調べつつコーディングを行っております、いつの間にかES2016などで新しく規格を使うことが有ります。 モダンブラウザでしたら難なく動きますが、IE11に対応させなくてはならないときに動いていないということが有ります。 そんなときはB

    • 1評価
    • 708PV
    holic holic 4ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    スプレッド演算子の導入

    vue.jsで初めてアプリを開発しています。 コンポーネントで...mapStateというようにスプレッド演算子を用いようとしたところモジュールビルドエラーが出てしまいます。 何をnpmして.babelrcには何を記述すればよいのか教えていただけないでしょうか。 https://qiita.com/tanikawa/items/945e5247eb5af

    • 0評価
    • 264PV
    syoyu syoyu 5ヶ月前に ベストアンサー
  • 解決済

    回答
    4

    Reactにおける関数の渡し方による動作の違い

    現在、React.jsを用いて開発を行っております。環境は以下の通りです。 開発環境: Babel + ES6 + React.js + JSX 聞きたいこと Reactにおける関数の渡し方による動作の違いについて知りたいです。 たとえば以下のようなコードがあったとします。 import React from 'react'; class Coun

    • 1評価
    • 730PV
    minadukirein minadukirein 7ヶ月前に 質問を編集
  • 解決済

    回答
    1

    Gulpタスク内でのBabelにてpluginsがうまく適用されない

    前提・やりたいこと node.jsとその環境周りについて知見がないため,不適切な表現や質問があるかもしれませんが,ご了承ください. 質問内で間違った表現等あれば,極力指摘していただけると嬉しいです. やりたいこととしては,babel-coreをGoogleAppsScriptで使えるように変換することです. GoogleAppsScriptでは,.def

    • 0評価
    • 507PV
    miyabi-sun miyabi-sun 3ヶ月前に ベストアンサー
  • 受付中

    回答
    0

    Babel-core + Firefox + XHTML が動作しない

    <<症状>> ReactJS を記載したXHTMLが、Firefox で意図した通りにレンダリングされません。 Firefox の Console を見ると、下記のメッセージが表示されています。 SyntaxError: embedded: Unexpected token (4:16) ReactDOM.render( , document.get

    • 0評価
    • 187PV
    teratailが8ヶ月前に アップデート
  • 解決済

    回答
    1

    Reactでthis.handle.bind(this)でエラーが出る

    React初心者です。 あるチュートリアルにしたがってコードを書いていますが、this.handle.bind(this)のところで、Inline Babel script:18 Uncaught TypeError: Cannot read property 'bind' of undefinedというエラーが出てしまいます。解決策教えてください。 /

    • 0評価
    • 261PV
    Shichi7 Shichi7 9ヶ月前に コメント
  • 受付中

    回答
    0

    webpack3でes6がコンパイルできない

    webpack3.4.1でes6がコンパイルできないのですが、理由がわかりません。 エラーが出ている訳ではありませんが、なぜかできません。 babel-loaderは7.1.1になります。

    • 0評価
    • 342PV
    teratailが10ヶ月前に アップデート
  • 受付中

    回答
    0

    webpack2 or 3への以降につきまして

    gulpとbabelとwebpackを使ってフロントエンドの環境を構築しております。 ですが、先人の作成した環境を参考にしながらやったところ、webpackがver.1を扱っておりました。 私がインストールしたものがver.3.4.1で、下記のようなエラーが出てしまいました。 ちなみにですが、gulp(ver.3.9.1)、babel-loader(7.

    • 0評価
    • 468PV
    teratailが10ヶ月前に アップデート
  • 解決済

    回答
    1

    >>react<< 文字を表示できないエラー

    前提・実現したいこと このようなプログラミングを組みました。文字が表示されないエラーにあっています。babelというのを使っています 文字だけでなく、hrなどすら表示されず、戸惑っています。 発生している問題・エラーメッセージ var Devider = React.createClass({ displayName: "Divider", render

    • 0評価
    • 252PV
    wan-wan wan-wan 11ヶ月前に コメント
  • 解決済

    回答
    2

    webpack-streamがインストールできない

    前提・実現したいこと 「ゼロから始めるJavaScript生活」というjavascriptフルスタックを目指すチュートリアルの途中のWebpackをGulpに統合する章でつまずいています。 該当の記事 発生している問題・エラーメッセージ yarn add --dev webpack-streamを実行 yarn add v0.27.5 [1/4] R

    • 0評価
    • 582PV
    ksyunnnn ksyunnnn 11ヶ月前に 回答
  • 解決済

    回答
    1

    ESLintのエラーを解決したい

    前提・実現したいこと 「ゼロから始めるJavaScript生活」というjavascriptフルスタックを目指すチュートリアルの途中のLintの導入でつまずいています。 http://qiita.com/takahashim/items/7838334d1451fb0a9811#6---eslint ”6 - ESLint”を終えた段階ですが、記載のように

    • 0評価
    • 840PV
    ksyunnnn ksyunnnn 11ヶ月前に コメント
  • 解決済

    回答
    1

    react×babelでhello worldが表示されない

    ES6の最小構成を考えてみるこのページを基に環境構築を行ったのですが、 ./node_modules/.bin/webpack-dev-server --progress --colors --hot を実行してブラウザでhttp://localhost:8080/react-webpack/dist/index.htmlを開いても、画面が真

    • 0評価
    • 445PV
    m0a m0a 1年以上前に ベストアンサー
  • 解決済

    回答
    1

    webpack(3.0.0)でのビルドでエラーが出る。

    React,webpack,babel,es6初心者です。 以下のサイトを参考にしてreactでいいねボタンを作ろうとしています。 http://c16e.com/1510161700/ 上の記事は少しバージョンが古くエラーが出るのでそれを修正した記事もあったのでそちらも参考にしながら進めていました。 http://qiita.com/wipiano

    • 0評価
    • 589PV
    cloudspider cloudspider 11ヶ月前に ベストアンサー
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    21

  • 総質問数

    40

  • 今週の質問数

    0

関連するタグ

Babelタグのよく見られている質問

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る