JavaScript

JavaScript

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

index.html<!DOCTYPEhtml><htmllang="ja"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><me...
JavaScript

JSDoc覚書

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

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

事前に400x400ピクセルのimage.jpgを準備index.html<!DOCTYPEhtml><htmllang="ja"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compa...
JavaScript

Electronメニュー作成例

index.jsconst{app,BrowserWindow,Menu,dialog}=require('electron')functioncreateWindow(){constw=newBrowserWindow({width:32...
JavaScript

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

index.html<!DOCTYPEhtml><htmllang="ja"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><me...
JavaScript

Electron覚書2

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

Electron覚書

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

JS:爆破エフェクト

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

基本のゲームループ描画

実行イメージindex.html<!DOCTYPEhtml><html><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metan...
JavaScript

JS:ブラウザFPS表示

index.html<!DOCTYPEhtml><html><head><metacharset="utf-8"><metaname="viewport"content="width=device-width,initial-scale=1...