メメメモモ

プログラミング、筋トレ、ゲーム、etc

javascript

import自動挿入時にfromの文字列をシングルクォーテーション囲うように設定する

Editor > Code Style > Javascript > Punctuationタブ で設定を変更できます。 文字列を二重クォートで囲うと、ESlintで引っかかっていたので、変更しました。

mochaとSequelizeでテストをするときにmochaが終わらない現象

結論 --exitオプションを付けてmochaを実行すると、テストがすべて実行された後にプロセスが終了します。 stackoverflow.com 終わらない原因 SequelizeでDBへのコネクションが残っていると、mochaが終了しません。 だからといって、afterなどでsequlize.clos…

import/exportとmodule.exports/require

概要 Node.jsのモジュール読み込み ES6(ECMAScript2015)のモジュール読み込み Typescriptのモジュール読み込み ES6と同じexport/import export =とimport = require() /// reference path まとめ 概要 Node.js、ES6、Typescriptを一気に調べていたせいで、い…

Promiseの利点を手っ取り早く説明する

Promiseの細かい説明は以下のドキュメントに譲ります。 azu.github.io この記事では、Promiseを使うとどのような嬉しいことがあるのかを簡単に説明します。 setTimeoutを使って、1秒ごとに「1」「2」「3」「4」と表示するプログラムを書く場合を考えます。 P…

オブジェクト指向周辺のメモ

概要 javascriptは、配列も関数もオブジェクトです。 javascriptでいうオブジェクトは、nameとvalueペアのリストとして表されます。 nameは「文字列」で、 valueは「文字列」「数字」「boolean」「オブジェクト」になります。 valueが関数だった場合、その関…

厳密等価演算子(===)

普通の演算子(==)と厳密等価演算子(===)の違いは、 評価する時に型変換するかどうかです。 <html> <head> <title>test</title> <script type="text/javascript"> (function(){ alert(1 == true); // true alert(1 === true); // false alert(0 == false); // true alert(0 === false); // false alert(10 == "10"); // t</head></html>…

個人的勉強用リンク2

Javascript ポップアップメニュー - JavaScript ミスティーネット・JavaScript講座 jQuery: jQuery 実践サンプル JavaScriptの関数オブジェクトを完璧に理解する - builder by ZDNet Japan anything from here jQueryに学ぶ Javascript の基礎(7) 組み込みク…

XPathメモ

ノード ノードとは、HTML(XML)の情報をそのまま持っているオブジェクトです。 ノードには次のような種類があります。 要素 タグを持ったノード テキストノード タグ内のテキスト部分 属性 のclass="hoge"の部分 ドキュメント 一番祖先の要素(htmlタグ) XPath…

jQueryメモ

jQueryの読み込み 公式サイトからDL jQuery: The Write Less, Do More, JavaScript Library <script type="text/javascript" src="./jquery-1.4.2.min.js"></script> googleから読み込み Google AJAX Libraries API - Google Code <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">

javascriptメモ2

DOM操作 操作するHTML <html> <head> <title>hogehoge</title> </head> <body onload="init();"> <div> <h1>hogehoge</h1> <div id="test"> <p> fuga </p> <div> piyo </div> </div> </div> </body> </html> var element = document.getElementById('test'); alert('id: ' + element.innerHTML); /* id: <p> fuga </p> <div> piyo…</div>

クロージャの動作確認

クロージャというのは下記のようなものだと認識していました。 use strict; use warnings; sub create_closure { my $i = 0; my $c = sub { $i++; print $i, "\n"; }; return $c; } my $c1 = create_closure(); $c1->(); # 1 $c1->(); # 2 my $c2 = create_c…

canvasとinterpreterパターンを使った描画

増補改訂版Java言語で学ぶデザインパターン入門作者: 結城浩出版社/メーカー: ソフトバンククリエイティブ発売日: 2004/06/19メディア: 大型本購入: 38人 クリック: 630回この商品を含むブログ (377件) を見る こちらのInterpreterパターンの章で紹介されて…

javascriptメモ

よく必要となる処理のメモです。 配列制御 // 配列の初期化 var list = [1, 2, 3]; var list = new Array(); var list = new Array(1, 2, 3); // 配列同士の結合 var new_list = list1.concat(list2); // 配列に要素を追加 list.push(1); list.unshift(1); /…