導入
プロジェクトを作成して雰囲気掴む。
『webpack入門(Node.jsの導入からjsファイルのバンドルまで)』
『npm の導入と Hello World!』
実用的には・・・
けっこう評判良かった投稿。
TypeScript で書いたコードを、 JavaScript にコンパイルして実行する場合のプロジェクト作成方法について説明します
みんな、思ってたんじゃん!
フロントエンド/バックエンド
ところで、駆け出しの初学者が区別つかないものの一つにフロントエンド/バックエンドという概念があると思う。
実務的なフロントエンドの記事に『イマドキのフロンエンド開発』という好記事があるが、この記事で述べられているのはあくまでもフロンエンドに関することがらだ。
「えー、でも testserver 立ててますよね」と言われそうだが、あれは本番環境の代用だ。
現実的に考えてもらえばわかると思うが、まだ機能が不十分な段階で VPS や各種クラウド上(の Apache や NginX)で開発するわけにはいかんでしょ。
testserver はあくまで開発用。
だから、デフォルトでは css すら読み込んでくれない。(『WebPack で css を読み込ませる方法』あたり参照。WebPack は本来 JavaScript, css, 各種画像の類をまとめ上げるためのものだから、css を読み込んでもらったら困るのだ)
実際、XXX.com のウェブサーバーが WebPack の testserver で運用されることはまずない。少なくともワイはそんなケースは見たことがない。
あとは、かなりの頻度でフロンエンド/バックエンドともに開発言語が JavaScript であったりするのも誤解を生む要因になっているでしょうか。
Express
で、 JavaScript でバックエンドと言ったら、Express の存在が欠かせない。
これは長くなりそうなので、稿を変えて。
→これとかこれとか
(続く)


