Babel

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

RSS

  • 解決済

    回答
    4

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

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

    • 1評価
    • 170PV
    minadukirein minadukirein 3週間前に 質問を編集
  • 受付中

    回答
    1

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

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

    • 0評価
    • 284PV
    miyabi-sun miyabi-sun 1ヶ月前に 回答
  • 受付中

    回答
    0

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

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

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

    回答
    1

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

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

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

    回答
    0

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

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

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

    回答
    0

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

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

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

    回答
    1

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

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

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

    回答
    1

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

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

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

    回答
    2

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

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

    • 0評価
    • 328PV
    ksyunnnn ksyunnnn 4ヶ月前に 回答
  • 解決済

    回答
    1

    ESLintのエラーを解決したい

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

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

    回答
    1

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

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

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

    回答
    1

    Reactでvalueがundefinedと言われてしまいます

    reactでSelectBoxを実装しています reactでreact-selectというnpmを使ってReactSelectの実装を行なっています。 react-select: https://github.com/JedWatson/react-select 発生している問題・エラーメッセージ valueに初期値としてvale=''を与えると問題なく

    • 0評価
    • 354PV
    dragon_taro dragon_taro 6ヶ月前に ベストアンサー
  • 受付中

    回答
    1

    ES6でクラス直下にプロパティを設定したい

    参考にしたサイト ES6(ES2015)でクラス変数を定義する! ES2015のclassでプロパティを使えるようにする 環境 ・Webpack + React + ES6の最小構成を考えてみる。 ↑このサイトのhello world表示済み ・上のサイト + babel-plugin-transform-class-propertiesとbabel-p

    • 0評価
    • 285PV
    KSwordOfHaste KSwordOfHaste 6ヶ月前に 回答を編集
  • 受付中

    回答
    1

    webpack.config.jsに適切な設定をしているのにimport又はrequireがコンパイ...

    問題) jquery.lazyload.jsと$(○○).lazyloadを利用する.jsファイルを結合する ためimport及びrequireで定義、下記設定のwebpackでコンパイルを実行、 その後、index.jsx内の<script src='結合した.js'></script>と定義 すると、require is not definedと

    • 0評価
    • 517PV
    kazuyu kazuyu 10ヶ月前に コメント
  • 解決済

    回答
    1

    react.jsでformに初期値を持たせたい。

    ES6+react.js(15.3.2)をbabelで変換して使っています。 親コンポーネントから、formを持つ子コンポーネントへ初期値をstateで渡したいのですがうまくいきません。propsで渡すとformを変更できなくなってしまいます。 なお、うまくいけばformの変更を親から利用しようと考えています。 class UMU extends

    • 0評価
    • 774PV
    immmmmmmm immmmmmmm 10ヶ月前に コメント
  • 解決済

    回答
    1

    JSXでObject.keysで繰り返し処理するも描画されないe

    JSX内で、JSONオブジェクトを繰り返し処理したいです。 以下のコードで実行するも、コンポーネントが呼ばれないです。 繰り返し処理ができるのに呼ばれないということは、 Object.keys.data.forEachの繰り返し処理の中のreturnではrenderメソッドに正常に届かないということでしょうか・・ // 呼び出し元のコンポーネント

    • 0評価
    • 308PV
    turbgraphics200 turbgraphics200 11ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    browserify/babelでjsonloaderがエラーになる

    browserifyとbabelを使用し、コンパイルをしています。 ソースコードはES6制作しています。 ES6のソースの中でjsonloaderをimportし、開発ディレクトリの中のJSONデータを取得したいのですがエラーが発生します。 エラーはフロントのconsoleへ出力されています。 s.readFileSync is not a

    • 0評価
    • 316PV
    Buakaw Buakaw 11ヶ月前に 回答
  • 解決済

    回答
    1

    Nodeサーバー上でReact.jsを動かす

    現在Nodeサーバーを簡単に立ち上げて、その中でreact.jsを動かしたいと思っております。 nodeのサーバーは ■ server.js var fs = require("fs"); require("http").createServer().on("request", function(req, res){ fs.readFile

    • 0評価
    • 605PV
    mit0223 mit0223 11ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    browserifyでビルドした場合にpackage.jsonのバージョンの取得方法について

    package.jsonのversionで指定した値をプログラムから取得することは可能でしょうか? process.versionというプロパティがセットされているのでこれかなとは思ったのですが中身が空となっています

    • 0評価
    • 472PV
    yoppy0066 yoppy0066 1年以上前に コメント
  • 解決済

    回答
    1

    Babelでコンパイルすると文字化けする

    utf-8で参考書を写経しましたが、Babelでコンパイルして実行すると下記の様に文字化けします。'佐藤真央'を``で囲むと回避できました。すごい初歩的なことなのかもしれませんが、理由がよくわかりません。 値は佐藤真央 function hoge(value) { return new Promise((resolve, reject

    • 0評価
    • 565PV
    masuo masuo 1年以上前に コメント
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    15

  • 総質問数

    31

  • 今週の質問数

    0

関連するタグ

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

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