Node.js

anyenvによるnode.jsのアップグレード

anyenvでインストールしたnodenvでnode.jsの更新を行おうとしたら、最新のバージョンが表示されないので、nodenvの更新を行います。 nodenvのバージョンの確認まずはバージョンの確認します。 $nodenv versions system * 7.5.0 (set by /Users/*******/.node-version) 2018年１２月時点で確認するとバージョンが11になっていたのでバージョンの更新を行う。 2019年11月時点で13になっていたので13をインストールします ...

jadeでbootstrap

jadeでbootstrapというかbootstrapすら使ったことがない。とりあえずダウンロードから始めてみます。ダウンロードはここから自分はめんどくさいのでwgetで！ $ wget https://github.com/twbs/bootstrap/releases/download/v3.3.5/bootstrap-3.3.5-dist.zip そんで展開したら、unzipコマンドで展開。Macだとダブルクリックでも展開できます。 $ unzip bootstrap-3.3.5-dist.zi ...

node.js forever install

Node.jsを編集するたびに毎回起動とかもうめんどくさ！ node.jsのデーモン化することで、毎回再起動しなくて良い。ということで、Node.jsのライブラリのnodemonをインストールして自動化してみた。 $ npm install -g forever 使い方は簡単です。下記のコマンドでファイルの編集があったら、自動で起動することができます。 $ forever start app.js これだけで、編集すると再起動しなくても良いので開発の効率があがりますね。

node.js html内のjsファイルの読み込み

前回はnodejsからcssの読み込みを行ったので、今回はjsファイルの読み込みを行います。 Node.jsではあらかじめStaticで直接ファイルを指定するか、フォルダを準備してパスを通すことで複数ファイルを読み込む方法があります。この記事では前者のファイルを指定したJavaScriptの読み込みを行なっています。 JavaScriptの読み込み JavaScriptの読み込みを行う前に、３つの準備をします。１つめは、HTMLファイルの作成になります。次に、読み込むJavaScriptを作成します ...

node.js css読み込み

cssとjsファイルを取得しようとしたら、うまく出来ませんでした。どうやって取得するか調べてみると、ファイル読み込みで取れるらしい。 htmlに書くのは変わらないが、apacheみたいにドキュメントルートがないので、自分でドキュメントルートを指定して、node.js内で読み込めるようにします。 CSSを読み込むための準備 CSSを読み込むために、３の準備をします。 HTMLの準備 css.htmlファイルを作成します。 <html> <head> <meta http-eq ...

node.js ejsを利用してみる

ejsを利用する前に先にejsテンプレートモジュールをダウンロードします。まず、読み込みファイルとしてtest.ejsファイルを作成します。内容は下記になります。 <html> <head> <title><%= title %></title> </head> <body> <p><%- content %></p> <p><%= hoge %></p ...

Node.js

ViteのReactを使ってFirebase フェデレーションIDプロバイダのログイン処理について解説

ReactとTailwind CSSを使ってFirebaseのWeb認証処理を解説

ReplitのReactを使ってFirebaseをHosting

Firebaseを使ってViteのReactをHosting

Viteを使ったReact入門