職案人

幾つものブラウザを開くには

幾つのブラウザを開くには【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロムNode.js；v20.18.0Express.jsnodemon【サーバを作る】フォルダ「EXPRESS_modules」を作る。1.初期化をする。npminit-y2.Express,nodemonをインストールするnpmiExpressnodemon3.「package.json」を見る{"name":"express-tutorial","version":"1.0.0","main":"index.js","scripts":{"test":"echo"Error:notestspecified"&&exit1","dev":"nodemonserver.js"←このコマンドを追加すると再起動が可能...幾つものブラウザを開くには

2024/10/29 15:43

再起動ツール：Nodemon

再起動ツール：Nodemon【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロムNode.js；v20.18.0Express.js【nodemonとは】ディレクトリ内のファイルの変更を検出すると、自動的にnodeアプリケーションを再起動することで、node.jsベースのアプリケーションの開発を支援するツールです。【インストール方法】コマンドプロンプトより、カレントディレクトリに移動する。npmコマンドを使って、ローカルインストールするD:\myapp>npminodemon--save-dev「package.json」ファイルを開ける{"name":"myapp","version":"1.0.0","main":"index.js","scripts":{"start":"no...再起動ツール：Nodemon

2024/10/27 11:16

Expressの入門

フレームワーク：Express【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロムNode.js；v20.18.0【Expressとは】Node.jsで利用できるWebアプリケーションフレームワークです。Webアプリケーションとは、インターネット上で利用するサービスを動かすシステムです。フレームワークとは、システム開発時によく使う機能や設計などを予め用意してあるアプリケーションです。つまり、Webアプリケーションを開発する上では、より短いプログラムで効率よく開発することができます。【Express.jsの使い方】1.プロジェクトの作成新しいディレクトリ「myapp」を作成し、そのディレクトリでnpmプロジェクトを初期化します。C:\Users\Owner>d:D:\>mkdirmya...Expressの入門

2024/10/27 11:15

VscodeにNode.jsを組み込む

VscodeにNode.jsを組み込む【開発環境】OS：Win11（64ビット）VSCode1.72.2、node,js:v20.18.0参照サイトVisualStudioCodeとNode.jsの導入についてNode.jsはインストールされているものとする【VSCodeにNode.js用のパッケージ入れる】1.eslintを入れる。Javascriptの書き方を事前にチェックしてくれる品質管理ツールです2.Node.jsModulesを入れるNode.jsの機能をインテリセンスを自動的に表示してくれます。VscodeにNode.jsを組み込む

2024/10/23 15:55

Node.js--インストール編

Node.js【Node.jsとは】Node.jsは、一般的なJavaScriptでサーバーサイドの処理を制御できるように作られたもので大量のアクセスを高速に捌くことができる特徴があります。以前、JavaScriptはユーザーのブラウザ上で動作し、動的なWebページを構築するために使われていました。そして、サーバーサイドではPHPやRubyを使って開発するのが一般的でした。しかし、Node.jsの登場により、サーバー上でもJavaScriptを実行できるようになり、開発者はフロントエンドとバックエンドの両方をJavaScriptで書けるようになり、またモジュール機能によりさまざまな機能を簡単に組み込めるパッケージが公表される様になった。【Node.js＝ランタイム環境】ランタイム環境は、プログラムが動作す...Node.js--インストール編

2024/10/19 10:22

JS--resizeイベント

resizeイベント【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【resizeイベント】resizeイベントはブラウザのウィンドウサイズが変更されたときに発生するイベントです。onresizeプロパティに対してイベントハンドラを設定したり、addEventListenerメソッドの引数としてresizeを指定してイベントリスナーを登録できます。【resizeイベントの使い方】resizeイベントはページを表示しているブラウザのウィンドウサイズが変更されたときに発生するイベントです。【onresizeプロパティ】windowオブジェクトのプロパティにイベントハンドラを登録する場合イベントハンドラには、無名関数、アロー関数、コールバック関数は使える。【イベントリスナーを登録する場...JS--resizeイベント

2024/10/14 16:21

beforeunloadイベント

beforeunloadイベント【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【beforeunloadイベントとは】→HTMLページが現在のページから他のページへ遷移する直前に発生するイベントです。遷移前のため、確認ダイアログを表示してページの遷移をキャンセルすることができます。onbeforeunloadプロパティに対してイベントハンドラを設定したり、addEventListenerメソッドの引数としてbeforeunloadを指定してイベントリスナーを登録できます。【beforeunloadイベントの使い方】beforeunloadイベントはHTMLページが現在のページから他のページへ遷移する直前に発生するイベントです。【window.onbeforeunloadプロパテ...beforeunloadイベント

2024/10/08 10:58

DOMContentLoadedイベント

DOMContentLoadedイベント【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【DOMContentLoadedイベントとは】DOMContentLoadedイベントはHTMLページの読み込みが完了しHTMLのパース(解析)が完了してDOMツリーの構築が完了した時点で発生するイベントです。このイベントはaddEventListenerメソッドの引数としてDOMContentLoadedを指定してイベントリスナーを登録してのみ利用できます。【DOMContentLoadedイベントの使い方】DOMContentLoadedイベントはHTMLページの読み込みが完了しHTMLのパース(解析)が完了してDOMツリーの構築が完了した時点で発生するイベントです。【イベントリスナーを...DOMContentLoadedイベント

2024/10/06 16:03

loadイベント

loadイベント【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【loadイベント】loadイベントはHTMLページに含まれる画像やスタイルシートなどすべてのリソースの読み込みが完了した時点で発生するイベントです。【loadイベントの使い方】loadイベントはHTMLページに含まれる画像やスタイルシートなどすべてのリソースの読み込みが完了した時点で発生するイベントです。【onloadプロパティに、イベントハンドラを登録した場合】windowオブジェクトのプロパティにイベントハンドラを登録する場合はonloadプロパティを使用します。【イベントリスナーを登録する場合】addEventListenerメソッドの一番目の引数には、'load'を指定し、2番目にはイベントハンドラを指定す...loadイベント

2024/10/04 14:57

copyイベント,cutイベント,pasteイベント

copyイベント,cutイベント,pasteイベント【開発環境】OS：Win11（64ビット）VSCode1.72.2、クロム【イベントの意味】・copyイベント→ブラウザ上でコピー操作を行ったときに発生するイベント・cutイベント→ブラウザ上でカット操作を行ったときに発生するイベント・pasteイベント→ブラウザ上でペースト操作を行ったときに発生するイベント【イベントの使い方】copyイベント、cutイベント、pasteイベントとも、下図の通りで、Elementオブジェクトで発生する。【要素属性値に、イベントハンドラーを登録した場合】※赤字は、属性名＜textareaoncopy="copy()"oncut="cut()"onpaste="paste()"＞＜/textarea＞＜script＞func...copyイベント,cutイベント,pasteイベント

2024/10/02 15:00