いつも忘れてしまうので書き留めておきます。macOS Monterey（12.4）で確認をして内容を更新しました。この記事で紹介しているツール「n」もv8.2.0になりました！ Node.jsのアップデート n という便利なバージョン管理ツールがあるので、これを使ってバージョンを確認してアップデートします。nの詳しい使い方はこちらの記事 あたりをご参照いただくと良いと思います。n を使う際の注意点もしっかり説明されています。 nのインストール $ npm install -g n Node.jsのバージョンの確認 1行目の「–stable」でStable（推奨版）のバージョン、2行目の「–latest」で最新版のバージョンが確認できます。 $ n --stable $ n --latest Latestのインストール $ n latest latestは最新の機能を搭載した最新版へのアップ

webpack（ウェブパック）とはJSファイルをまとめる高機能なモジュールバンドラー。まとめることでウェブページのHTTPリクエストの数を減らしたり、高度なウェブアプリケーションの開発に役立ちます。 連載ではTypeScriptやBabelなどのES2015+の環境構築、ReactなどのJSライブラリの設定方法を網羅。サンプルファイルで詳しく解説します。 webpackの入門記事は他のサイトにもありますが、対象バージョンが古くて使えなかったりします。検索結果の上位の野良記事を参照にしたら古いバージョンの内容ばかり。解説記事通りにやったのにうまく動かない･･･なんて困った方も多いのではないでしょうか。本記事は常に最新版に対応させているので、安心して読み進めてください。 ※本記事では2023年3月現在のwebpack 5（2020年10月リリース）以上で解説しています。 本記事で解説しているこ

はじめに Java界隈でご飯を食べている私ですが、最近クライアントサイドJavaScriptでの開発(というかnpm)について勉強する機会があったので手順を整理して共有します。 この記事は次のような(ちょっと前の私みたいな)人に向けたチュートリアルです。 古めのJavaScriptの知識ならある人(旧石器時代に生きている人) jsは公式サイトからDL・配置してhtmlファイルにscriptタグを並べて読み込むものだと思っている(それ以外に何があるのだ？） jQueryならある程度は書けるんだけど フロント界隈の記事を読むとサッパリ分からん な人 npmとかrequireとかよく見るけどよくわからん Java界隈を軸に活動している人 ここに書いてあることすらもはや古臭くなりつつある感じがしますが、旧石器時代よし少しは前に進めるのではないかと思います。 また、ここに書いてあるのは開発手法の1例

ホリウチ ショウゴ @syo_design カロリーメイトの広告 めちゃくちゃ上手いなーと思ったのが 「捕色の使い方」 紺色ブレザーの集団中に 捕色に近い黄色の箱を置くと それだけでとにかく目立つので 小さいのに存在感が半端ない。 黄色を立たせるために あえて学生達を地味な色にしてるのかなと勝手に想像。 #世界が嫉妬するデザイン pic.twitter.com/B3aK7Wo68R 2019-04-22 19:38:48