Node.js〜Progate🐣Node.js Ⅰ(1章 Node.jsを始めよう)(2章 Expressの準備をしよう)〜

Webアプリ(Webアプリケーション)の作成!!
これまで学んできたことを生かして、Node.jsを使ったWebアプリを作れるようになる!ことが目標です…

所要時間は1h40m。最近朝の約1h程しか時間作れてないから、数日かかりそうな予感でございますが、やり遂げて参りたいと存じます🏯🍵

🐣目標物の確認
🐣Expressの導入
🐣サーバーの起動

【🐣目標物の確認】

スクリーンショット 2020-08-14 5.23.24

この子ら本当に可愛いなぁ… しかも、ニンジャの活動範囲広いし…🤣💙

🌸🐽🌸 Node.jsとは 🌸🐽🌸
本来、クライアント側の言語であるJavaScriptを、サーバーサイド側で動かすための仕組み❗️

スクリーンショット 2020-08-14 5.28.40

「買い物メモサービス」という名のWebアプリ(目標物)を確認させていただきました… これまで、自分が使ってきたWebアプリより全然シンプルなのに、いざ、「作る」という視点で見てみたら、ウヒョヒョヒョヒョ( ̄◇ ̄;)💦、って思いました…


【🐣Express(パッケージ)の導入】
🌸Node.jsでWebアプリを開発するためのフレームワーク
 →フレームワーク(Express)で開発を効率化する

🌸パッケージ
 →Node.jsにおいて、便利な機能を簡単に使えるようにまとめたもの

スクリーンショット 2020-08-14 5.40.53

🌸npm
 →Node Package Manager
 →パッケージを共有・取得する機能
 ⚠️インストールが必要

スクリーンショット 2020-08-14 5.43.40

🌸npmからExpressをインストール
 →ターミナルにて、インターネットから自分のアプリケーションにパッケージをインストールする

スクリーンショット 2020-08-14 5.46.29

🌸インストールしたExpressを利用する
 →インストールしたパッケージの読み込みと、実際に使用するために準備する

 🔥ターミナルにて、「7pm install express」を入力・実行

スクリーンショット 2020-08-14 5.53.52

 🔥エディタにて、ファイルを確認し、「定型文」を入力・実行

スクリーンショット 2020-08-14 5.54.53

スクリーンショット 2020-08-14 5.51.26



【🐣サーバーの起動】
🌸Expressを利用してサーバーを起動
 →サーバーがリクエストを受け取り、レスポンスを返す
 →Webアプリが画面に表示させる

スクリーンショット 2020-08-14 6.03.48

🌸🔥listen
 →エディタにてlistenメソッドを用意し、ターミナルにてapp.jsのファイルを実行すると、サーバーが起動する。
 ⚠️ファイルの実行は「node ファイル名
 →サーバーを起動してブラウザからアクセスできるようにする

スクリーンショット 2020-08-14 6.07.39

 →3000 がちょっと分かんない😅




【まとめ】
ここだけで1h10mはかかりましたよ…
一つ一つの理解に時間がかかってしまうです🦓ビビリもあるかも…🐓
内容も自分の中では濃いので、ってか、分かんなくなっちゃうので、本当はなるべくコンパクトにまとめたい主義ですが、この章で一度区切ります。。。

つづく…

この記事が気に入ったらサポートをしてみませんか?