初学者としてJavaScriptを学ぶ
はじめに
僕が以前書いたModern JavaScript 概観、そして Electron へは、読んで貰えただろうか?
あれは初学者には全く向いてないエントリだ。
あのエントリは、僕の理解したモダンな JavaScript 全体について概観することを目的としているからね。
あれを読んで、「今の JavaScript ってこんなに大変なのか…」と感じた人は多いだろう。
しかし、ある程度のソフトウェアを開発するために技術全般を概観しようとすれば、ああいう分量になるのは致し方ない。
と言う訳で、今回はちゃんと初心者向けのエントリを書いた。
少し多く感じるかもしれないが、丁寧に説明しようとしたからだと好意的に解釈して欲しい。
開発環境
Thinkpad X1 Carbon 2016 年モデルに Windows10 をインストールしてある。
ハードウェアスペックは、こうだ。
- CPU i7 6600U @ 2.6GHz
- メ モリ 16GB
- ストレージ SAMSUNG NVMe SSD 950 PRO 512GB
少し高級かもしれないけど開発者用のマシンとしては普通だよね。
Node をインストールしよう
Windows に Node をインストールする方法は色々あるんだけど、scoop を使ってほしい。
Scoop をインストールするには、以下のコマンドを Powershell で実行する。
Set-ExecutionPolicy RemoteSigned -scope CurrentUser
iex (new-object net.webclient).downloadstring('https://get.scoop.sh')
scoop のインストールが終わったら、以下のコマンドを入力する。
scoop install nodejs
そうすると、細かいバージョンやディレクトリ名は違うかもしれないが、こういうメッセージが出力されるはずだ。
Installing 'nodejs' (8.5.0).
node-v8.5.0-win-x64.7z (8.7 MB) [=============================================================================] 100%
Checking hash of node-v8.5.0-win-x64.7z... ok.
Extracting... done.
Linking ~\scoop\apps\nodejs\current => ~\scoop\apps\nodejs\8.5.0
Persisting bin
Persisting cache
Running post-install script...
'nodejs' (8.5.0) was installed successfully!
これで、最新版の Node がインストールされた。
バージョンアップする時は、Powershell で以下のようなコマンドを実行すればいい。
scoop update nodejs
Node はかなり頻繁に新しいバージョンがリリースされるから、定期的にアップデートして欲しい。
パフォーマンスが改善したり、細かい問題が解決されたりしているかもしれないからね。
VS Code をインストールする
Node のランタイムをインストールしたら次はエディタをインストールしよう。
世の中 JavaScript を快適に書けるエディタは色々あるけど、今はVS Codeがおススメだ。
ここから、自分の OS に合ったインストーラをダウンロードして実行しよう。
リファレンスをブックマークする
エディタをインストールしたので、さぁコードを書こうと言いたいところだけど、まだ少しやる事がある。
ちゃんとしたリファレンスサイトをブラウザでブックマークして、困った時はそこを見るようにしてほしいんだ。
Mac には、Dashって便利なアプリがあると聞いた覚えがあるのだけど、僕は使ったことが無いので分からない。
プロジェクトを構成する
プロジェクトをきちんとセットアップするのは、面倒だと感じるかもしれないけど便利なことが多いから少し頑張ってほしい。
まずは、作業用のディレクトリを作ろう。好きなパスにディレクトリを作ってくれればいい。
ここでは、C:/dev/js/projects/js_for_beginner
というディレクトリを作った。
エクスプローラで、このディレクトリを右クリックすると Open with Code
というメニューを選ぶ。
VS Code が起動したら、Ctrl キーを押しながら@キーを押す。これで、VS Code 内に PowerShell が起動するはずだ。
ここで以下のようなコマンドを入力する。
npm init -y
これでデフォルトのpackage.json
が生成される。