JavaScript

JavaScript

入力フォームのバリデーション

index.html<!DOCTYPE html><html lang="ja"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=ed...
JavaScript

JSDoc覚書

JSDocは、JavaScriptコードに記述したコメントからHTMLドキュメントを自動生成するツールです。利用条件:Node.jsがインストール済みであることJSDocのインストールコマンドプロンプト上でnpm install -g js...
JavaScript

JS:キャンバスに画像表示

事前に400x400ピクセルのimage.jpgを準備index.html<!DOCTYPE html><html lang="ja"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA...
JavaScript

Electronメニュー作成例

index.jsconst { app, BrowserWindow, Menu, dialog } = require('electron')function createWindow(){ const w = new BrowserWi...
JavaScript

8パズルひな型(セルの移動のみ)

index.html<!DOCTYPE html><html lang="ja"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=ed...
JavaScript

Electron覚書2

アプリのインストーラを作る準備(アプリのフォルダで実行)npm install --save-dev electron-builderpackage.jsonファイル修正"name": "《アプリ名称》", :"description": ...
JavaScript

Electron覚書

Node.jsインストール完了後に実行すること作業フォルダの作成コマンドプロンプト起動 Win+Rで「cmd」デスクトップにelectron_appフォルダを作成し、移動cd desktopmkdir electron_appcd elec...
JavaScript

JS:爆破エフェクト

CanvasAPIを使った爆破エフェクトイメージです。実際にゲームに利用した例ソースコードエフェクトはEffect.jsとEffectOpacity.jsの2種類あります。基本的に同じ作りですが、EffectOpacity.jsはパーティク...
JavaScript

基本のゲームループ描画

実行イメージindex.html<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">...
JavaScript

JS:ブラウザFPS表示

index.html<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-s...