skillup

技術ブログ

JavaScript

JavaScriptのトランスパイルについて

投稿日:

今回はJavaScriptのトランスパイルについて。

JavaSciprtではwebpackでコンパイルなどをする時に同時にトランスパイルという処理を行います。

トランスパイルとは?

主にES2015以降の仕様で記述したJavaScriptが古いブラウザなどで動かなく危険性があるため、互換性のあるコードに変換をする処理。

ES2015以降では

  • let,constなどの変数定義
  • ブロックスコープ
  • アロー関数
  • thisの参照
  • Class構文
  • …etc

などの便利な機能が使えるため。

一般的にはBabelというライブラリを使います。

サンプルコード

https://github.com/umanari145/front_end_javascript/tree/master/webpack_sample

参考リンク

ES2015(ES6) 入門

JavaScriptのトランスパイルを知ろう

-JavaScript
-

執筆者:


  1. […] JavaScriptのトランスパイルについて […]

comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

no image

Angular複数ファイルでの読み込み

Angularでいろいろな処理を書いているんですが、処理が膨らんでくると1つのファイルに全ての処理を書いていては当然非効率になります。 ざっくり分けると ほとんどの処理に共通な処理を集めたファイル 特 …

no image

jQuery modalダイアログについて&重複時間処理

Contents1 jqueryモーダルダイアログ1.1 あらかじめ読み込むライブラリ1.2 ソース本体1.2.1 Html側1.2.2 Javascript側1.2.3 参考リンク2 重複時間につい …

no image

jQuery子要素の取得方法など

jQueryで要素を取得する方法って$(“セレクタ”)しか知らなかったんですが、他にもいろいろあることがわかったのでちょっと紹介。 例えばtrの列の中に横1列に<inpu …

no image

dataTableによる無限スクロール

Angularで無限スクロールをやったので一般のjqueryで。 dataTablesというプラグインです。 以前下記リンクで紹介していますが、ようわかっとらんかったんで(汗)再度書きます。 ページャ …

no image

JavaScriptでの時計作成

今回はWebアプリで1秒ごとに更新されるデジタル時計の作成方法について。 基本的には 現在時刻を秒まで含めて表示 その関数を一秒ごとに更新 でOKです。 ネットにどんぴしゃりのサンプルが落ちていたので …