2023年 3月 の投稿一覧

【Node.js】package.json その1

「npm init -y」コマンドを打ってpackage.jsonファイルを生成すると次のようになる。


C:\Projects7\sample>npm init -y
Wrote to C:\Projects7\sample\package.json:

{
  "name": "sample",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}
C:\Projects7\sample>
続きを読む

【udemy】【jQueryアプリ開発】疑似的なデータベース検索システムを制作してJavaScriptの理解を深める

【jQueryアプリ開発】疑似的なデータベース検索システムを制作してJavaScriptの理解を深める
https://www.udemy.com/course/jquery-javascript-littledb/?referralCode=11C6091FBF9323DD3E0F

この講座は、テキストファイルから文字列検索をJavaScriptでやって結果をテーブルにしてwebサイトに表示する。
設計書、シーケンス図、状態遷移図を見てコーティングする進め方になっている。

続きを読む

Visual Studio Code[バージョン:1.76.2(user setup)]をWindows10(64bit)にインストールと初期設定をする

Visual Studio Code – コード エディター | Microsoft Azure ExternalLink
からVisual Studio Codeをダウンロードしてインストールして初期設定をする。
2023年3月28日(火)にVisual Studio Code[バージョン:1.76.2(user setup)]をWindows10(64bit)にインストールした。

(001)インストールを押す

(001)Visual Studio Codeのインストールボタンを押す
続きを読む

【Node.js】gulp(ガルプ)のインストール(その2)

npm(Node Package Manager)
gulp(ガルプ)
グローバルインストール(global install)

上記の用語を使ってNode.jsについて文章を書いていく。
gulp(ガルプ)はNode.jsのパッケージ(package)の1つである。

gulp(ガルプ)のグローバルインストールをする。
「npm i -g gulp」コマンドを実行してグローバルインストール(global install)する。
「C:\Users\<ユーザー名>\AppData\Roaming\npm」にgulpがインストールされる。
グローバスインストールしたら「gulp -v」が認識される。
しかし、「Local version: Unknown」となるけど、version分からないやん。
なんでUnknownなんだろうか?この辺は不明。

続きを読む

【Node.js】gulp(ガルプ)のインストール(その1)

npm(Node Package Manager)
パッケージ(package)
package.json
package-lock.json
ローカルインストール(local install)
gulp(ガルプ)
dependencies
devDependencies

上記の用語を使ってNode.jsについて文章を書いていく。
gulp(ガルプ)はNode.jsのパッケージ(package)の1つである。

続きを読む

Node.jsに出てくる用語

よく出てくる用語

npm(Node Package Manager)
nvm(Node Version Manager)
パッケージ(package)
モジュール(module)
package.json
package-lock.json
グローバルインストール(global install)
ローカルインストール(local install)
gulp(ガルプ)

package.jsonの中によく出てくる用語

dependencies
devDependencies

続きを読む

サクラエディタでエラー

サクラエディタで、「SQLなんとか?」みたいなエラーが出た。
(ぱっと見てSQLなんとかと思ったら、違うかもしれない。)
このエラーは見たことない。しかし、スクショをせずにエラー画面を閉じてしまった。
しまった。スクショしておくべきだったわ。
htmlを編集していただけなのに、何でこんなエラー出たのだろうか?

続きを読む

【JavaScript】argumentsオブジェクトを配列(Array)に変換する

argumentsはlengthプロパティを持っている。
しかし、配列ではなく配列風オブジェクトである。
最近のコーティングではfor文の代わりにforEach文を使うが、argumentsにforEach文を使うにはargumentsを配列に変換する必要がある。
Array.prototype.slice.call(配列風オブジェクト)で配列風オブジェクトを配列に変換する。
argumentsはArray.prototype.slice.call(配列風オブジェクト)で配列に変換後にforeachメソッドを使う。
Array.prototype.slice.call(配列風オブジェクト)を省略して書くと[].slice.call(配列風オブジェクト)となる。

JavaScriptの仕様ではArray.prototype.slice.call(配列風オブジェクト)による順序の保証は明示されていない。ただし、多くの環境や実装では、sliceメソッドが配列風オブジェクトの要素を順番にコピーするため、順序が保証されることが一般的である。

続きを読む