Web開発など

Java, JS, CSS, HTML, Unity, C# のことなどを書いてます。フリーソフトや二次創作の公開もしています。

JS/CSS/HTML

Node.js のアップデート

Windows 7 で node.js をアップデートする方法を書きます。 アップデート方法 既存の node.js をアンインストールして、新しい node.js をインストールすれば大丈夫そうです。 手順1. アンインストール コントロールパネルの「プログラムのアンインストール…

JSON と JavaScript オブジェクトの違い

JSON と JavaScript オブジェクト について、プロパティ名(キー)の違いを書いています。 JSON JSON のプロパティ名は、引用符で囲んで表現します。 { "name": "太郎", "age": 42, "isAdmin": false } JavaScript オブジェクト 引用符で囲んでも囲まなくて…

JavaScript:ランダム整数値の取得

JavaScript でランダム整数値を取得する方法を書いていきます。 次のように書くと、0 ~ n のランダム整数値が取得できます。 var num = Math.floor(Math.random() * (n + 1)); 応用編 配列からランダムな値を取りたい場合、次のように書くことができます。 …

JavaScript:即時関数

即時関数とは、定義した関数をすぐ使う書き方です。関数を () で囲んで、その後に (); を書くと、囲んだ関数が実行されます。 構文としては、次のような感じになります。 (function() {...} )(); 例1. 引数なしの即時関数 (function() { var x = 10, y = 20;…

gulp:ブラウザのリロード自動化2

前回記事「gulp:ブラウザのリロード自動化」では、HTML や CSS が更新されたら、自動でブラウザをリロードする方法を書きました。今回は、コマンドライン引数で HTML を指定できるようにします。 前提 今回のコードを実行するには、前回記事の環境・コード…

gulp:ブラウザのリロード自動化

HTML や CSS が更新されたら、自動でブラウザをリロードする方法を書きます。今回は、Node.js のパッケージ Gulp を使ってみます。 環境 次のプロダクトがインストールされている必要があります。 Node.js Gulp(グローバル) Gulp(グローバル)は、Node.js…

gulp:less コンパイルとブラウザ更新の自動化

gulp を使って、less のコンパイルとブラウザ更新を自動化する手順を書いていきます。ブラウザ更新(リロード)には、Browsersync を使ってみようと思います。 前提 今回の記事は、gulp: less コンパイルの自動化 の続きとして書いています。ディレクトリ構…

gulp: less コンパイルの自動化

gulp は、Node.js の Stream API を使用したビルドシステムです。これから gulp を使って、less のコンパイルを自動化する手順を書いていきます。 前提 Node.js(と npm)がインストールされていること。 ディレクトリ構成 今回の例は、sample というディレ…