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

JavaScriptでの時計作成

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

no image

timepickerについて

日付を入力するときに直接、文字入力するのがメンドイことからカレンダーが表示されるプラグインを使っている人は多いでしょう。 私も日頃Datepickerというライブラリを使っています。が、このプラグイン …

no image

vueについてのポイント

vueについて学習した時のポイントなどを。 Contents1 機能として確認したこと2 component3 vue-route4 vuex5 computed6 created,mounted7 …

no image

横からスクロール sidrの使い方

携帯サイトの場合、端末のサイズが小さいため、メニューなどはどう縮めてもやはり圧迫してしまいます。 そんなとき、クリックさせてスクロールさせるタイプであれば、場所が狭いことが気になりません。本日はそんな …

no image

クリック編集のjQuery

最近のWEBサービスだと表示の画面と編集画面が同じになっていて、一見表示なんだけど、クリックすると特定の項目は編集できる、そんな画面がふえていきていますよね。 先日社内アプリをつくっていたところ、そう …