目次

    Node.jsの新規プロジェクト作成手順

    Node.jsのプロジェクトを作成するには、まず自身の環境にNode.jsとnpmを準備しておいて下さい。

    まず、自分のローカルのデスクトップに「Node-test」何も入ってないファイルを作成しました。

    次にVS codeで作成したファイルを開いてターミナルを開きます。

    npm init

    コマンドを開いて"npm init"を行って、Is this OK?が出るまでEnterを押し続けます。

    以下のようにファイル内にpackage.jsonができていればOKです。

    Expressというフレームワークをインストール

    次は"npm install express"をコマンドで実行して、Node.jsのフレームワークでExpressをインストールします。

    npm install ejs

    最後はパッケージであるejsをインストールします。

    これはNode.jsのパッケージの1つで、JavaScriptのコードをHTMLに記述することが可能になります。

    これで準備は完了です!

    ページを表示します

    package.jsonと同じ階層に"route.js"、"views/index.ejs"という2パターンを用意します。

    "node route.js" このコマンドを実行してローカルサーバーを起動させます。

    何のテキストのレスポンスがないですが実際にはローカル上でサーバーが動いてるので確認してみましょう。

    Webブラウザを起動して"http://localhost:3000/"を入力してみて下さい。

    index.ejsに記述した内容が表示されるはずです。

    まとめ

    さて、いかがだったでしょうか?
    コマンドも数個だけなのでサーバーで確認を行いたい際は非常に便利だと思います。
    普通のindex.htmlでページを作成したい時やSCSSの自動コンパイルなど簡単に環境の構築が可能です。
    皆さんも試してみて下さい!また次回お会いしましょう!

    参照

    Node.js 公式

    Node.jsとはなにか?なぜみんな使っているのか?

    PREV
    2023.03.08
    プロダクトマネージャーに必要な6つのスキルとは?
    NEXT
    2023.03.10
    CSSの可能性 JSなしの3Dアニメーション