JavaScript 入力フォームのバリデーション
index.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE...
JavaScript
JavaScript 
JavaScript JSDoc覚書
JSDocは、JavaScriptコードに記述したコメントからHTMLドキュメントを自動生成するツールです。 利用条件：Node.jsがインストール済みであること JSDocのインストール コマンドプロンプト上で npm install -...
JavaScript JS：キャンバスに画像表示
事前に400x400ピクセルのimage.jpgを準備 index.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta http-equiv="...
JavaScript Electronメニュー作成例
index.js const { app, BrowserWindow, Menu, dialog } = require('electron') function createWindow(){ const w = new Browser...
JavaScript 8パズルひな型（セルの移動のみ）
index.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE...
JavaScript Electron覚書2
アプリのインストーラを作る 準備（アプリのフォルダで実行） npm install --save-dev electron-builder package.jsonファイル修正 "name": "《アプリ名称》", : "descripti...
JavaScript Electron覚書
Node.jsインストール完了後に実行すること 作業フォルダの作成 コマンドプロンプト起動 Win+Rで「cmd」 デスクトップにelectron_appフォルダを作成し、移動 cd desktop mkdir electron_app c...
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=ed...
JavaScript JS：ブラウザFPS表示
index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initia...