Hatena Blog Tags
はてなブログ トップ
babel
このタグでブログを書く

babel

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
Zenet Tech Blog•3ヶ月前

Node.jsとBabelの基本知識について

ゼネットの西村です。 業務でNode.jsのバージョンアップ対応を行ったので、その際に役立った知識を紹介したいと思います！ はじめに Node.jsについて知る前に Node.jsについて Node.jsの概要 Node.jsのライフサイクル 偶数系について 奇数系について 開発小話① パッケージの管理とビルド工程の処理の流れ Node.jsを実行環境とする処理の例 npmでのパッケージ管理処理 yarnでのパッケージ管理処理 ビルド工程 開発小話② Bebelについて Babelとは Babel 6系以前と7系での変更について Babel 7系へのマイグレーションについて babel-upg…

#Node.js#babel#JavaScript

ネットで話題

もっと見る
682ブックマーク新人にドヤ顔で説明できるか、今風フロントエンド開発ハンズオン(git/node.js/ES6/webpack4/babel7) - Qiitaqiita.com
510ブックマーク現代フロントエンドに欠かせないwebpackとBabelを理解しようspeakerdeck.com
372ブックマークモダンJavaScript概論 − Node, npm, ECMAScript, Babel, Webpack | Hypertext Candy2020.04.30 モダンJavaScript概論 − Node, npm, ECMAScript, Babel, Webpack この記事では、モダンな JavaScript を書くための前提として知っておくべき、いくつかのキーワードを紹介します。想定読者は、初心者 〜 jQuery なら書けるレベルの開発者です。これから React や Vue.js を学びたい方、または Web 開発の世界...www.hypertextcandy.com
331ブックマークトランスパイラ「Babel」の開発チーム、「何百万人にも使われているのに、なぜ私たちの資金は尽きようとしているのか？」。資金難により寄付を訴えwww.publickey1.jp
314ブックマークPHP って JavaScript に変換できるの？できるわけないだろ！ babel-preset-php ってのが今日リリースされた？これまさか・・・。ファーーーーーーーーーーーwwwwwwwwwwww - Qiitaqiita.com
293ブックマーク最新版で学ぶwebpack 4入門 - BabelでES2017環境の構築(React, Three.js, jQueryのサンプル付き) - ICS MEDIAics.media
247ブックマークserverless + webpack + babel で AWS Lambda をナウく書く - scramble cadenzamgi.hatenablog.com
240ブックマークwebpackとBabelの基本を理解する(1) ―webpack編― - Qiitaqiita.com
236ブックマークServiceWorker内でBabelを駆使して、JavaScriptをビルドする - ログミーTech（テック）logmi.jp

関連ブログ

きらめき 綴り•1年前

最近のお気に入り曲②

さてさて。 前回が、「最近のお気に入り曲①」だったので、②を書かないというわけにもいかないのですが、、、。 ちょっと躊躇ってみたりして、、、。 なんというか、①もそうだったかもしれないんですが、②は特にあまり万人受けはしない路線だと思うのです、、、。 でもいいのです。だって、私のお気に入りなんですものね。 このブログでは、ちょいちょい音楽にも触れています。 ずっと読んで下さっている方がいらっしゃったらご存知かもしれません。 私、最近はチルミュージックだったり、ジャズだったり、二宮愛さんだったり、Easy listeningだったり、竹内まりあさんなどの昔懐かしの歌たちや洋楽だったりと、珍しくゆ…

#BUCK-TICK#もはや芸術#素晴らしい歌声#怖いのが苦手な人は見ないでね#もう遅いか
なる子とマーナル☆•2年前

絵画の名作「バベルの塔」、そしてボドゲの名作「BABEL」

ブリューゲルの名作「バベルの塔」を見たことありますか？ 先日、なる子も全話見ているYoutubeチャンネル、「山田五郎 オトナの教養講座」で紹介されていました。知っているようで知らない「そもそもバベルの塔って何？」について解説してくれる超おすすめ回です。 また、ブリューゲルのバベルの塔は細部まで描き込まれた細密さと、全体の重厚な迫力は見るものを圧倒します。どこを見ればいいのかわからないぐらいだけど、鑑賞ポイントも掴めるこちらの解説動画は必見。 www.youtube.com www.youtube.com さて、その「バベルの塔って何？」ってところですが、「なんか聖書にある、高くしすぎて神様が…

#バベルの塔#ボードゲーム
s1r-Jの技術ブログ•2年前

Gitを使ってnpmパッケージをインストールしてもらうときにビルドを実行させるためにnpm prepareを使う

npmではパッケージのインストール元として公式リポジトリ以外に、別フォルダやGitを選択することができます。 package.jsonのdependenciesを見てみると、以下の例のように、公式のリポジトリの場合にはバージョン番号が書かれており、Gitを用いている場合にはgit+<GitリポジトリのURL>が書かれています。 "dependencies": { "base64url": "^3.0.1", "npm-prepare-test-installed": "git+https://github.com/s1r-J/npm-prepare-test-installed.git" } …

#Node.js#npm#ビルド#TypeScript
つなブログ•2年前

片岡さんの声がかっこよすぎる「Babel」（sumika）

sumikaの「Babel」についてです。 Babel sumika J-Pop ¥255 provided courtesy of iTunes 知ったきっかけは友人にsumikaファンの子がいて、その子がカラオケで歌っているのを聞いたから。大人な感じの色っぽく、切ない内容が刺さり、カラオケの後、自分で探して聴いてみました。 それまでも友人の車に乗せてもらうときにsumikaの歌は何度も聴いていたはずなのに、なぜかそのとき初めて片岡さんの声にノックアウトされました！「なんだ、この歌声は！かっこよすぎるだろ！こんな声で歌われちゃったら惚れるしかないじゃん！」と思いました。 その後他の曲も聴いて…

#sumika#音楽
s1r-Jの技術ブログ•2年前

Babelによるトランスパイル前後のクラスをinstanceofで比較するとfalseになる

Node.jsではBabelを使ってトランスパイルをおこなって、どのWebブラウザでも動作するようにしたり、まだ仕様化されていないJavaScriptの機能を使ったりすることがあります。 Babelによってトランスパイルされる前のファイルに存在するクラスとトランスパイルされた後のファイルに存在するクラスをinstanceofで比較するとfalseが返されます。 トランスパイルしただけなので、同じ型のクラスのはずなのになぜ別のクラスと判定されるんだと疑問に思ったり、テストケースを書いているときに困ったりしました。 しかし、考えてみれば当たり前の話で、トランスパイルをおこなったことで別々のJava…

#Node.js#トランスパイル
たかぎとねこの忘備録•3年前

tscの代わりにBabelにトランスパイルをまかせてみた

モノリポでパッケージを作る際にtscの代わりにbabelを使ってみたかったので、これを機に色々調べてみた。 参考にしたのはこのサイト。 Using Babel with TypeScript | Learn TypeScript Babelってなんだ Babelは主にECMAScript 2015+のコードを、古いブラウザや環境での後方互換性をもったバージョンのJavaScriptに変換するために使用されるツール。 Babelがtscに代わって使われる理由はJSXをJavaScriptに変換できるから。 tscは変換できない。なのでReactをプロジェクトで使っている場合はBabelが必要にな…

#babel#TypeScript
mizdra's blog•4年前

Babel をリファクタリングツールとして使う

この記事は はてなエンジニア Advent Calendar 2021 の 5 日目の記事です。 4 日目は id:anatofuz さんの 「入社してから書いていた分報の行数を眺めてみる」 でした。日報に書き込んだ行数を可視化するというアイデアが面白い！ 僕も日報書いているので今度可視化してみようと思います。 anatofuz.hatenablog.com 本題 さて今回はタイトルにもある通り、Babel の話をします。Babel というのは JavaScript のトランスパイラです。 JavaScript のソースコードを入力として受け取り、適切な変換を施し、JavaScript のソー…

#はてなエンジニアアドベントカレンダー2021#babel
かもメモ•4年前

Webpack Babel で TypeScript を ES5 にトランスパイルしたい

JS と CSS を HTML テンプレートで読み込んでという化石な環境で開発をしています。 前回は SCSS だけ webpack でビルドする環境を作りました。 今回は Vanilla JS でブラウザ対応を考えながら書くのは流石に DX が最悪なので最低限のトランスパイルできる環境を作成を作成しました。 環境設定は本当に分からんので間違いあればご指摘ください :pray: 環境 webpack 5.60.0 @babel/core 7.15.8 typescript 4.4.4 Webpack + babel で JS を ES5 にトランスパイルできる環境を作る # webpack $…

#TypeScript#webpack