記事一覧
ビルドツールViteは「素早い」らしい
viteって何？フランス語で素早いという意味らしいです。その名の通り他に比べてかなり高速なビルドツールです。
他にもESMを使用したHot Module Replacement（HMR）で超高速に変更箇所をブラウザに適用してくれます。
まあとにかく色々速いんです。
そもそもビルドツールとは？
Node.jsのコードはそのままでは動かないのでビルドして動くプログラムを作成します。
これをビル
JSだとかをフォーマッターPrettierを使って整形する
こんばんは。インフラ・フロントエンド・バックエンドの知識を広く浅く齧ってる寺です。
JavaScript開発環境において必須と言われるESlintとPrettier、前回ESLintをなんとなく学んだので今回はPrettierについて勉強したいと思います。
正直最初に聞いたときは（プリキュア？）と思いましたが言いませんでした。空気読んだ。
前回のあらすじESLintというのは構文間違いなどを
リンターESLintでJavaScriptを修正したりする
こんにちは。フロントエンド・バックエンド・インフラ（特にAWS）の知識をつまみ食いしてる寺です。
JavaScript開発環境ではESLintとPrettierが必須だよと言われてなんとなく入れているのですが、いずれも一体何なのか理解してなかったので勉強してみました。
前回学んだことNode.jsについて前回はトランスパイラbabelについて学びました。
今回学ぶことフロント開発環境でJav
トランスパイラbabelってなんなんだ？
Reactでチーム開発している中でしれっと使っていたbabelというものがなんなのかよくわかってませんでした。
多分コンパイルするなにかなんだろうという程度の知識でしたので理解したいと思います。
babelとはJavaScriptトランスパイラです。
トランスパイラって？コンパイラとどう違うの？
まずコンパイルというのはC言語をアセンブリなど異なる水準の別言語に変換することをいいます。
こ
モジュールハンドラWebpackとは何かをEnvaderで学んだ
React開発環境でなんとなく使っているWebpackというものがさっぱりわからなかったので勉強してみました。
WebpackとはNode.jsのJavaScript環境においてファイルなどを束ねる役割を持つモジュールハンドラ。という説明がされています。
モジュールハンドラって？
モジュールハンドラでググるとWebpackが出てくる盥回し状態ですが、要するにHTMLやCSS、jsファイルや画
急にReactやることになったのでNode.jsとnpmをインストールすることに
JavaScript、それも古い方のしか扱ったことがない人間が急にReactを扱うことになったので急遽Node.jsを導入することとなりました。
この記事はNode.jsとそのパッケージ管理システムであるnpmのインストールで学んだことをまとめます。
Node.jsというのはJavaScriptの実行環境それまでブラウザ上で動作していたJavaScriptをパソコン上で動作させるための実行環境