JS：クロスドメインとiframe

JS/CSS/HTML

Webページ（JS）から、違うドメインの XML（RSS フィード）を取得したいことがありました。そこで、iframe で別ドメインの XML を取得して、その内容を操作できないか検証してみました。検証結果結果としては、エラーが発生して無理そうでした。エラー内…

2017-01-18

Vanilla.js 入門

JS/CSS/HTML

JavaScript のことを調べていたら、Vanilla JS というものに出会いました。なかなか興味深かったので、これから Vanilla JS についてまとめていこうと思います。 Vanilla JS はジョーク Vanilla JS は、速くて軽い JavaScript フレームワークとして紹介され…

2016-08-12

npm コマンドのメモ

JS/CSS/HTML

最近よく使う npm のコマンドと、その処理内容を書いていこうと思います。 init > npm init プロジェクト情報の入力を対話形式で始める。入力した情報は package.json に保存される。 install パッケージ名 --save > npm install --save パッケージ名アプ…

2016-08-09

JS：mustache.js 入門

JS/CSS/HTML

mustache.js は、テンプレートエンジン「mustache」の JavaScript 実装です。mustahce の特徴の１つは、logic-less なところです。これから、mustache.js の使用例を書いていこうと思います。例１：Quick Example 最後の script タグで、Mustache.render(t…

2016-08-08

JS：CommonJS と Modules の概要

JS/CSS/HTML

JavaScript の CommonJS と Modules といった仕様が気になって、少し調べてみました。今回は、その調査内容をまとめていこうと思います。 CommonJS の概要 CommonJS とは、ブラウザ外の JavaScript（サーバサイドやデスクトップ向け）の仕様を定めるためのプ…

2016-08-05

Node.js のアップデート

JS/CSS/HTML

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

2016-08-03

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

JS/CSS/HTML

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

2016-08-03

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

JS/CSS/HTML

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

2016-08-03

JavaScript：即時関数

JS/CSS/HTML

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