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

babel

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

WebpackとBabelでReact.js 構築　設定

本日は『create-react-app』(CRA)を使用せずにReactアプリを構築したいと常に思っていた初心者向けの入門記事となっております。 事前準備と条件 プロジェクト作成 package.jsonの設定 Webpackの設定 Babelの設定 HTMLファイルの生成 注意点として、この記事を読んで下さってる皆様はReactをすでに精通していると思います、なのでこの記事ではReactコードについては説明は致しません、ご了承下さいませ。 事前準備と条件 • 当ブログの記事ではWindowsとなります。 • VS Codeを使用します。 • Node.js • JavascriptおよびE…

#react#webpack#babel#プログラミング教育#JavaScript

ネットで話題

もっと見る
682ブックマーク新人にドヤ顔で説明できるか、今風フロントエンド開発ハンズオン(git/node.js/ES6/webpack4/babel7) - Qiitaqiita.com
517ブックマーク現代フロントエンドに欠かせないwebpackとBabelを理解しようspeakerdeck.com
376ブックマークモダン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
336ブックマークトランスパイラ「Babel」の開発チーム、「何百万人にも使われているのに、なぜ私たちの資金は尽きようとしているのか？」。資金難により寄付を訴えwww.publickey1.jp
322ブックマークPHP って JavaScript に変換できるの？できるわけないだろ！ babel-preset-php ってのが今日リリースされた？これまさか・・・。ファーーーーーーーーーーーwwwwwwwwwwww - Qiitaqiita.com
297ブックマーク最新版で学ぶwebpack 4入門 - BabelでES2017環境の構築(React, Three.js, jQueryのサンプル付き) - ICS MEDIAics.media
250ブックマークserverless + webpack + babel で AWS Lambda をナウく書く - scramble cadenzamgi.hatenablog.com
237ブックマークwebpackとBabelの基本を理解する(1) ―webpack編― - Qiitaqiita.com
236ブックマークServiceWorker内でBabelを駆使して、JavaScriptをビルドする - ログミーTech（テック）logmi.jp

関連ブログ

mizdra's blog•5 か月前

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

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

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

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
かもメモ•8 か月前

Next.js SVG ファイルを React component として import したい！

create-react-app した React アプリでは何もしなくても SVG ファイルを import { ReactComponent as MySVGImage } from './svg/my-image.svg'; で読み込みコンポーネントとして扱うことができました。 Next.js でも同じことができると思ったのですが、create-next-app しただけの状態では SVG ファイルをそのまま import することができませんでした。(エラーになる) create-next-app した Next アプリで SVG ファイルを React component として i…

#Next.js#SVG#babel
Multi Vitamin & Mineral•昨年

ES6 を IE11 でも動くよう変換したい。そうだ、 Babel を使おう！

IE11 でも動く JavaScript に変換したい！ ES2015(=ES6) 以降の JavaScript を変換して ES5 にダウングレードする方法です。この記事で利用しているのは Babel のバージョン7です。 なお、本記事ではあえて Babel 以外のツールは含めないようにしています。 前提（ヤリタイコト） Babel とは ブラウザで変換する（お試し利用） Babel を使おう Babel の実行環境の用意 前提環境 フォルダの用意 npm の利用開始 Babel のインストール Babel の設定ファイルの作成 Babel の実行 変換元ファイルの用意 Babel で変換を…

#npm#JavaScript#babel
deve.K•4 か月前

Webpackの基本的な扱い方と設定　基礎

entryとoutput Loaders ローダー babel-loader css-loader/style-loader Plugins(プラグイン) webpack-dev-server 合わせて是非お読み下さい。 dev-k.hatenablog.com WebpackではJavaScriptなどの依存関係があるモジュールを１つのファイルとしてバンドル(まとめて)くれる非常に便利なモジュールバンドラーです。 JSのモジュールバンドラーと言えばWebpackと言われる程のツールです。 JavaScriptに関係なく、HTMLやCSSなどもバンドルが容易となっております。 Webpackを…

#JavaScript#webpack#babel#プログラミング教育
orangespider's diary•16 時間前

React ハンズオンラーニング 2章

変数 定数にconstantを使用する letによってレキシカルスコープが導入され、ifブロック内でスコープが限定される テンプレート文字 バッククォートで囲み、${...}の中に変数や式が記述できる 関数 デフォルト引数を指定できる アロー関数が使用できる 通常のFunctionと異なり、アロー関数内のthisは独自のスコープを持たず、アロー関数の外側と内側でスコープが保持される Javascriptのコンパイル 最新の構文で記述されたソースコードを古いブラウザでも実行できる実行コードにコンパイルすることが一般的になった コンパイルツールとしてBabelが有名 BabelはwebpackやP…

t_hazawaの日記•一昨日

TypeScriptの組み込み方を学んだ(webpackで ts-loader), webpack plugin 色々

前回: サバイバルTypeScriptを読んだ - t_hazawaの日記 やりたいこと・概要 時間まとめ 今回 つまり 勉強したこと (まとめ) 勉強したこと (詳細) Jest 編 まだ謎なこと 次回 やりたいこと・概要 TypeScriptになってないが、そこそこJSがモダンなプロダクトがある TypeScript を導入したい 前回、TypeScript 自体を勉強した 前回: サバイバルTypeScriptを読んだ - t_hazawaの日記 TypeScript をどう導入するかしらべたぞ 大体 webpack で ts-loader 時間まとめ (前回までのあらすじ) TS自体を…

読書する日々と備忘録•4 日前

この機会に読みたい！おすすめラノベ20選

【Kindleセール】続・カドカワ祭 ゴールデン 2022（5/16まで） 今回電子書籍セールは「続・カドカワ祭 ゴールデン 2022」ということで、BWではKADOKAWA作品約7,000点が、最大70％OFF＆コイン＋40％還元！となっています。BWの割引は5/26（木）まで続きますが、コイン＋40％還元は5/13（金）～5/16（月）の4日間限定です。この機会に読んでほしい作品20作品をセレクトしているので、気になる本があったらぜひ読んでみて下さい。 1.Unnamed Memory（電撃の新文芸） Unnamed Memory I 青き月の魔女と呪われし王（1） posted with…

d1021の日記•5 日前

たしかにこの2冊は結構つながっていて。今度の本で社会契約っぽい比喩を使おうと思ったかというと、民権新書の焦点だった「私立国会論」というのが念頭にあるからなのですね。 https://t.co/6LzNucVTm2— yusaku_matsu (@yusaku_matsu) May 12, 2022 この投稿をInstagramで見る 日本評論社(@nihon_hyoron_sha)がシェアした投稿 ただ結局自分の案件・執筆との合理的関連性のある書籍を買ったほうが長い意味ではサステナブルなんだよなぁと。単に分野で全部買いしていくと、結局あんまり見なかったりする。— anonymity (@bab…

ポン酢形式•6 日前

京都: 暮らし・文法・記号

末廣大神: 狛蛙 実家暮らしとは非文法的です。入室にあたり扉はノックされません。 友達との二人暮らしにおける文法は, しかし, より保守的 (conservative) です。 — でも星先生は「日常のやりとりでは文法的であることのほうが少ない」ってつぶやかれてたじゃない、 Grammar: for whom and for what? じゃあ、日々の文法的な環境下において「非文」が許されるのは いつ だろうね ? — まあ、たとえば「こいつ9時半からセミナーあるっつってたのにまだ寝てる」ってときには叩き起こすべきだとは思う 伏見: 狛猫 ? 婚姻という institution にも文法という…

deve.K•6 日前

React.jsに必要なJSのスキルと知識 まとめ

React開発者(プログラマー)として将来的に学びたいと思っている、またはこれから入るそんな初学者様はこのような疑問に辿り着くかと思います。 Reactを学ぶ前にどれくらいのJavaScriptを学ぶべきなのか？？ どれ程JSを学んでおけばReactを始められるのか？ これはよく聞く非常に一般的な質問です。 バニラJavaScriptの基本と、ES6にある最新の構文と機能を学ぶ必要があります。 本日はReactを開始する前に知っておくべき非常に重要なJSのスキルおよびライブラリまたはツールなどを細かくリストとして紹介を致します。 Reactの名前は知ってるけど良く分からないという方はこちらへど…

隠居日録•7 日前

Babel IV 言葉を乱せし旅の終わり

古宮九時氏のBabel IV 言葉を乱せし旅の終わりを読んだ。このシリーズの最終巻で、なぜこの大陸には共通言語があるのか、なぜ異世界から迷い込んできた雫は言葉に不自由しなかったのかの謎が解き明かされている。それだけではなく、Babel Iから登場していた謎の女魔法士がこの巻で本格的に物語に関わってきて、本巻のストーリーのメインはその魔法士をめぐる騒動がになっている。この魔法士の目的は分かるようなわからないような感じで、狂気に取りつかれていなければなんかつじつまが合わないような感じがするのだが、ストーリー上そのような風にはなっていなかった。雫は元の世界の戻れたのか同課はネタバレを避けるために書か…

Simple Answer•7 日前

Vueのプロジェクト作成

手順 - CLIで作成する場合 CLIでプロジェクト作成。 「vue create プロジェクト名」で作成する。ここではプロジェクト名をcli_appとしている。 > vue create cli_app その後は任意の選択を行う。 ? Please pick a preset: (Use arrow keys) > Default ([Vue 2] babel, eslint) Default (Vue 3) ([Vue 3] babel, eslint) Manually select features 「Default (Vue 3)」が最新である。「Manually select fe…

bookface’s diary•9 日前

バベル　パティ・スミス詩集

1994年1月、思潮社から刊行されたパティ・スミスの詩集。翻訳は山形浩生、中上哲夫、梅沢葉子。装幀は芦澤泰偉。 目次 序文（日本版へのパティ・スミスからのメッセージ） [山形浩生訳] Ⅰ ラジオ・エチオピア[山形浩生訳] 通告 notic イタリア(ラウンド) italy 樹液採取者の抽出物 the tapper extracts グラント grant 死んだランボー rimbaud dead ソール sohl 新少年 neo boy 居ぬの夢 dog dream ランボオの夢 dream of rimbaud ドクター愛 doctor love Ⅱ 異邦人には異邦人[中上哲夫訳] ミュンヒェ…

ライブ-セットリスト•10 日前

flumpool 対バン2022 5/7 sumika セトリ｜Layered Music

5月7日、flumpoolの対バンにsumikaが出演しました。 『flumpool Special 対バン Tour 2022『Layered Music』』 公演情報▼・日程：2022年5月7日 (土) 開演18:00・会場：【神奈川】神奈川県民ホール大ホール・出演者：sumika ※以下、セトリになります。 【スポンサーリンク】 ＜flumpool 対バン2022 5/7 sumika セットリスト＞ // flumpool セットリスト▼ 1. 覚醒アイデンティティ2. two of us3. 夏Dive4. 花になれ5. A Spring Breath6. 証7. その次に8. 夜は…

Promote my favorite artists•11 日前

2022年5月6日

増田勇一さん「『BURRN!JAPAN Vol.20』6月1日発売決定🔥 表紙+巻頭特集：NEMOPHILA MORRIE／HAZUKI／VERSAILLES／摩天楼オペラ／The DUST’N’BONEZ／OUTRAGE／LIV MOON／NOCTURNAL BLOODLUST／ILLUSION FORCE／THOUSAND EYES／TEARS OF TRAGEDY／SABLE HILLS」https://twitter.com/youmasuda/status/1521059121239232512 源 依織さん「間も無く開始デス…†」https://twitter.com/prin_g…

隠居日録•11 日前

Babel III 鳥籠より出ずる妖姫

古宮九時氏のBabel III 鳥籠より出ずる妖姫を読んだ。前巻の最後で雫は誰かに拉致されたところで終わっていたのだが、拉致された先はファルサスの隣国のキスクで、そこで雫は謎の病の治療をすることになったのだ。その病はその世界の話し言葉と深く関係していてる。その世界では人は生まれつき知っている基本的な語彙があるのだという。だから、それらの語彙は誰に教わるでもなく意味が分かり、話すことができるのだ。しかし、最近基本語を失う子供が現れてきて、それが謎の病なのだという。雫は我々が言葉を覚えるように、教えることで子供に基本語を身につけさせるという、学習という名の治療を子供に試し、それが可能であることを示…

C#ATIA•12 日前

BrowserCommandInputとReact その2

こちらの続きです。 BrowserCommandInputとReact その1 - C#ATIA前回の "index.html" にPopoversとBootstrap（共にCDN）を追加し 見た目をリッチに。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <script crossorigin src="https://unpkg.com/react@18/umd/…

d1021の日記•12 日前

www.youtube.com 【馬淵睦夫 】 ひとりがたり 大丈夫です 共に 「物事の本質を極めれば他の分野も分かる」d1021.hatenadiary.jp d1021.hatenadiary.jp d1021.hatenadiary.jp小規模事務所の経営者弁護士の話を聞きたい。— anonymity (@babel0101) May 4, 2022 事務所経営を安定化させる上で重要な顧問契約の獲得。継続的に顧問契約を獲得し続けられている神戸マリン綜合法律事務所 西口 竜司先生に、顧問契約を獲得するために取り組まれていることや、顧問契約を獲得する上でのコツについて、お話しいただきました。…