Babel

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

RSS

  • 受付中

    回答
    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評価
    • 50PV
    kazuyu kazuyu 1週間前
  • 解決済

    回答
    1

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

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

    • 0評価
    • 91PV
    immmmmmmm immmmmmmm 1ヶ月前
  • 解決済

    回答
    1

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

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

    • 0評価
    • 68PV
    Tatsu19994 Tatsu19994 1ヶ月前
  • 解決済

    回答
    1

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

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

    • 0評価
    • 80PV
    Tatsu19994 Tatsu19994 1ヶ月前
  • 解決済

    回答
    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評価
    • 190PV
    yuki_nagahama yuki_nagahama 2ヶ月前
  • 解決済

    回答
    1

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

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

    • 0評価
    • 233PV
    yoppy0066 yoppy0066 2ヶ月前
  • 解決済

    回答
    1

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

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

    • 0評価
    • 249PV
    masuo masuo 2ヶ月前
  • 解決済

    回答
    1

    babelでコンパイル時の文字エンコードを指定する方法

    baeleでコンパイル時の文字エンコードを指定する方法を教えてください。 例えばscript.jsをSHIFT_JISで作成し下記コマンドでコンパイルするとscript-compiled.jsが文字化けしてます。UTF-8だと問題がないです。デフォルトがUTF-8なんだと思います。package.json辺りになんか設定見たいのが必要そうな気がするの

    • 0評価
    • 119PV
    masuo masuo 3ヶ月前
  • 受付中

    回答
    2

    javascriptの最近の流れにどのようにして追いつけばよいのか

    最近のフロントエンドの変化に驚きました。 しばらく触らないうちにjsが大きく変わってました。 jQuery脳で止まっている私ですが、 最近のフロントエンドの流れに追いつきたいと考えてます。 ただ、変化が激しすぎて何から手をつけてよいのか分からず。。 ECMAScriptという規約(?)が最新のjsの基準的な規約になってるみたいですので、

    • 0評価
    • 313PV
    coffee coffee 3ヶ月前
  • 解決済

    回答
    1

    javascript(node-babel) で instanceof が思った通りの結果を返さない

    問題点 node-babel で instanceof が思った通りの結果を返しません。自分が作成したクラスのインスンタンスを new して直後に instanceof で聞くと、 false が返ります。なぜ、true にならないのかわかりません。以下のソースコードとおり、クラスのインスタンスを作成し instanceof で問い合わせると、なぜか fa

    • 0評価
    • 151PV
    mit0223 mit0223 4ヶ月前
  • 解決済

    回答
    1

    node.jsのrequireについて教えて下さい

    server.js var express = require("express"); var aaaaa = require("../public/assets/aaaaa.js"); aaaaa(); // ここでエラー ・・・ node server.jsで起動 src/aaaaa.js export default funct

    • 1評価
    • 188PV
    yoppy0066 yoppy0066 5ヶ月前
  • 受付中

    回答
    0

    ReactとフューチャーシンタックスBabelは用途が違うので比べるのが難しいようですが、 WEBの...

    ReactとフューチャーシンタックスBabelは用途が違うので比べるのが難しいようですが、 WEBのフロントでスライドショーやパララックスなどを作成する場合、 どちらでも作成可能なので、どちらが難易度が高いでしょうか? ReactはjQueryのようなライブラリなので、文法は素のJSと違うようですが、 よく使うメソッドがまとめられているのはjQu

    • 0評価
    • 196PV
    webpage webpage 6ヶ月前
  • 解決済

    回答
    2

    ReactかBabelかで、迷っています。

    ReactかBabelかで、迷っています。 Reactはウェブ、ハイブリッド、ネイティブアプリつまりサーバサイド以外全て出来ると聞いています。 Babelでハイブリッドアプリ、ネイティブアプリ制作は出来るのでしょうか。 個人でうける程度ならReactまでやる必要ないでしょうか? 下記のようの予想しています。 速度は恐らくはBabel 絶対に無

    • -1評価
    • 384PV
    webpage webpage 6ヶ月前
  • 解決済

    回答
    1

    watchifyでbabelifyされる前にsassをトランスパイルしておきたい

    npm scriptを利用してタスクを書いてます。 タイトル通りなのですがbrowserifyによるbabelifyが重すぎるのでwatchifyを導入しました。 10秒以上かかっていたトランスパイルの処理が0.1秒の速度になり、とても満足しています。 しかし、同時にbrowserify-cssも利用していたので、監視ツールがwatchif

    • 0評価
    • 173PV
    hojo hojo 6ヶ月前
  • 受付中

    回答
    1

    Babelを用いた場合にネストした例外処理の外側のfinallyに到達しない

    babelについて質問です。よろしくお願い致します。 import 'babel-polyfill' function* exec() { try { try { yield 'test' return } catch(err) {

    • 0評価
    • 226PV
    SatoshiTakatori SatoshiTakatori 7ヶ月前
  • 解決済

    回答
    2

    sinatraでes6(es2015)やjsxのトランスパイル後のソースをレンダリングしたい

    sinatra公式サイトでは利用可能なテンプレートの中にes6やjsxなどは存在しませんが、どうやら公式サイトの説明を読むとsinatraでは内部でtiltを利用してテンプレートのレンダリングを行っているように見受けられました。 tiltの公式ページを見てみるとどうやら次の拡張子(.es6, .babel, .jsx)に対しbabelを利用してのレンダ

    • 1評価
    • 385PV
    hojo hojo 8ヶ月前
  • 解決済

    回答
    1

    CoffeeScriptのヒアドキュメントのように左端の余白だけ削除して整頓したい

    # index.coffee console.log """ foo bar """ coffee index.coffee #foo # bar 上記の例のようにテンプレートリテラルを使おうと思いましたが、こちらは余白を無視せずそのまま評価するため、テストが失敗しました。ES6でテストを書いているとき、この左の余白が邪魔になります。

    • 0評価
    • 201PV
    horse_n_deer horse_n_deer 8ヶ月前
  • 1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    10

  • 総質問数

    17

  • 今週の質問数

    0

関連するタグ

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