JS/CSS/HTML
Electron のアプリを実行する方法と、Electron Packager で exeを作成する方法を書いていきます。 ブログ執筆時に使った環境は以下の通りです。 Windows10 64bit Node.js 8.9.4 npm 5.6.0 Electron のインストール Electron とパッケージングツールをグロー…
Web画面のアイコンフォントといえば Font Awesome などが有名だと思います。ただ、１個か２個のアイコンだけ使うときに、もっとサイズが軽いものはないかと調べたことがありました。 今回はそのときに見つけた、CSS だけのアイコンフォントを２つメモってお…
Webアプリ（ブラウザ）のクロスドメイン問題と、その回避方法（1. レスポンスヘッダ、2. YQL（Yahoo Query Language） ）をまとめていこうかと思います。 追記（2017.08.26） 2017年の8/24～8/30頃、YQL でフィードが取得できなくなったことがありました。も…
最近のブラウザで実装されている Fetch API を使って JSON を受信してみました。Fetch API は、XMLHttpRequest の代替として Ajax 通信ができたりします。 コード /app/hello から JSON を受け取って、 #msg のテキストを入れ替える感じで書いてみました。 <html> <head></head></html>…
2017年の8/24～8/30頃まで、YQL でフィードが取得できないことがありました。この記事は、その詳細についてまとめています。 経過 8/24頃: フィードが取得できなくなった。 8/28頃: 何回か取得できたが安定しない。 8/30以降: フィードが取得できるようにな…
Webページ（JS）から、違うドメインの XML（RSS フィード）を取得したいことがありました。そこで、iframe で別ドメインの XML を取得して、その内容を操作できないか検証してみました。 検証結果 結果としては、エラーが発生して無理そうでした。 エラー内…
JavaScript のことを調べていたら、Vanilla JS というものに出会いました。なかなか興味深かったので、これから Vanilla JS についてまとめていこうと思います。 Vanilla JS はジョーク Vanilla JS は、速くて軽い JavaScript フレームワークとして紹介され…
mustache.js は、テンプレートエンジン「mustache」の JavaScript 実装です。mustahce の特徴の１つは、logic-less なところです。 これから、mustache.js の使用例を書いていこうと思います。 例１：Quick Example 最後の script タグで、Mustache.render(t…
JavaScript の CommonJS と Modules といった仕様が気になって、少し調べてみました。今回は、その調査内容をまとめていこうと思います。 CommonJS の概要 CommonJS とは、ブラウザ外の JavaScript（サーバサイドやデスクトップ向け）の仕様を定めるためのプ…
JSON と JavaScript オブジェクト について、プロパティ名（キー）の違いを書いています。 JSON JSON のプロパティ名は、引用符で囲んで表現します。 { "name": "太郎", "age": 42, "isAdmin": false } JavaScript オブジェクト 引用符で囲んでも囲まなくて…
JavaScript でランダム整数値を取得する方法を書いていきます。 次のように書くと、0 ～ n のランダム整数値が取得できます。 var num = Math.floor(Math.random() * (n + 1)); 応用編 配列からランダムな値を取りたい場合、次のように書くことができます。 …
即時関数とは、定義した関数をすぐ使う書き方です。関数を () で囲んで、その後に (); を書くと、囲んだ関数が実行されます。 構文としては、次のような感じになります。 (function() {...} )(); 例1. 引数なしの即時関数 (function() { var x = 10, y = 20;…
