MongoDBにこういうデータがあって、findOneでIDを指定してこの1件を取得したい。
{
"_id": {
"$oid": "5f00f8d2e2b54b54646cac19"
},
"title": "new book"
}最初こんな感じで書いてみたけどダメだった。検索結果がnullになってしまう。
var bookid = '5f00f8d2e2b54b54646cac19';
// NG例1
collection.findOne({ "_id": bookid }, function(err, doc){
// do something
}
// NG例2
collection.findOne({ "_id": { "$oid": bookid } }, function(err, doc){
// do something
}Today's Progress:
<script> タグに書いていたコードを .js ファイルに分離<script> タグでHTMLファイルに直書きすれば動くのに、.jsファイルに分離すると動かない、という状況によく陥るのですが、おそらく $(document).ready を入れるべきなのに入れてない、という状況が多いのかなと…。
下記の記事の、
</body>タグの直前にscriptを入れる場合、$(docment).readyは必要ない
という部分で理解できました。
JavaScript・jQueryの改修・高速化のためのメモ - Qiita
またしばらく経つと忘れてしまいそう…！
Links to work:
GitHubから「One of your dependencies has a security vulnerability」（package-lock.jsonで指定されてるパッケージに脆弱性があるよー）というアラートがきたので対応した手順をメモしておきます。
更新したいpackage.jsonがあるディレクトリで以下を実行
$ npm-check-updates -u --packageFile package.jsonこれで package.json の内容が書き換わる。
（npm-check-updates 自体がインストールされていなくて使えない場合は $ npm install -g npm-check-updates から。参考： npm入門 - Qiita ）
次に npm update 。これで実際にパッケージが更新される。
$ npm updateそしたら脆弱性が見つかったって言われた
found 48 vulnerabilities (1 low, 47 high)
run `npm audit fix` to fix them, or `npm audit` for detailsなので npm audit fix
$ npm audit fixこれで、自動的にアップデートして対処できるものは対処してくれる。
npm audit すると今残ってる脆弱性の詳細を教えてくれる。こんな感じ。
$ npm audit
=== npm audit security report ===
Manual Review
Some vulnerabilities require your attention to resolve
Visit https://go.npm.me/audit-guide for additional guidance
Low Regular Expression Denial of Service
Package braces
Patched in >=2.3.1
Dependency of babel-cli
Path babel-cli > chokidar > anymatch > micromatch > braces
More info https://nodesecurity.io/advisories/786
found 1 low severity vulnerability in 3390 scanned packages
1 vulnerability requires manual review. See the full report for details.じゃあこの残ってるパッケージをどうしたらいいかっていうのはまた今度調べます… low severity なので。
緊急度が高いものはパッケージの開発者の方々もチェックして対応してくれていることが多いので、そのおかげで自動でアップデートできるみたいです。
自作の Markdown→HTML変換ツール を修正しました。
HTMLのコードを表示する欄に改行が反映されなくなっていた問題を修正しました。
修正前
修正後
作成した当初は改行されていたはずがいつの間にか改行されなくなっていたのですが、 marked で出力されたHTMLを .innerText メソッドで textarea に表示していたのを、 .value メソッドに変更すると改行されるようになりました。
修正前
document.getElementById("HTML").innerText = marked(this.state.input);修正後
document.getElementById("HTML").value = marked(this.state.input);var obj = {
a: 'aaa',
b: 'bbb',
c: 'ccc'
};
for (var i in obj) {
console.log(i + ': ' + obj[i]);
}結果
a: aaa
b: bbb
c: ccc値があるかどうかのチェック的なところでいつも迷うやつ。
undefined == null は true
undefined == null
true
undefined != null
false
0==null 0==undefined は false
0 == null
false
0 == undefined
false
0は値として受け付けたいけどnullやundefinedははじきたいという時に使える
arr = arr.filter(function(elem){
return elem != null;
});これでもいけるっぽい？
arr = arr.filter(function(elem){
return !!elem;
});と思ったけどこれだと0もはじくので少し挙動が異なる。
!!undefined
false
!!null
false
!!0
false
!!''
false
でもって、空文字 '' はnullとは等価にならない。（一つ目の方法では受け付けられる）
'' == null
false0 と '' は等価
0 == ''
true
// 厳密等価演算子ならfalse
0 === ''
false同じファイルの中に二つのSchemaを定義していて、 module.exports が上手くいかなくて悩んだのですが。
参考： Node.js – exportsとmodule.exportsで関数を公開する – KeruuWeb
module.exportsは単一のモジュールを公開するときに使います。
'use strict';
var mongoose = require('mongoose');
var Schema = mongoose.Schema;
// userId(_id), description, duration, and optionally date
var logSchema = new Schema({
description: {type: String, required: true},
duration: {type: Number, required: true},
date: {type: Date}
});
var userSchema = new Schema ({
username: {type: String, required: true},
_id: {type: Number, required: true, unique: true},
logs: [logSchema]
});
// これだとうまくいく
exports.log = mongoose.model('log', logSchema);
exports.user = mongoose.model('user', userSchema);'use strict';
var mongoose = require('mongoose');
var Schema = mongoose.Schema;
// userId(_id), description, duration, and optionally date
var logSchema = new Schema({
description: {type: String, required: true},
duration: {type: Number, required: true},
date: {type: Date}
});
var userSchema = new Schema ({
username: {type: String, required: true},
_id: {type: Number, required: true, unique: true},
logs: [logSchema]
});
// 上手くいかない
module.exports = mongoose.model('log', logSchema);
module.exports = mongoose.model('user', userSchema);よく考えたらそうよねと…同じmodule.exportsに2回代入してるものね。
Today's Progress:
Thoughts:
At first, I tried .fastSeek(0) to rewind the audio element, but I had to use .currentTime = 0 instead. Due to browser compatibility?
Now all tests passed! I will start the visual improvement tomorrow.
Link to work:
CodePen
GitHub: sidemt/pomodoro-clock
Today's Progress:
Thoughts:
It's Day50!! I'm proud that I have come here without missing a day. I didn't think I could do it.
Today I started developing the countdown function using setInterval and clearInterval.
4ヶ月前の私が書いたブログに助けられました。→ On the New Orbit: コールバック関数を自分のために解説 (JavaScript)
これ↓
引数として渡すときは、関数名の後に()を付けない。渡した時点で今すぐ実行するのではなく、関数の定義をhigher-order functionに渡すだけなので。
clearIntervalで止まらない→ setInterval()の戻り値 intervalID をグローバルな変数で受け取っておいて、clearIntervalに渡してあげることで解決。
参考: window.clearInterval - Web API インターフェイス | MDN
Link to work:
CodePen
GitHub: sidemt/pomodoro-clock
Day50: It's Day50!! I'm proud that I have come here without missing a day. I didn't think I could do it.
— sidemt (@siideemt) 2018年10月10日
Today I started developing the countdown function of Pomodoro Clock using setInterval and clearInterval.#100DaysOfCode #freeCodeCamp pic.twitter.com/YHCOIgPSXO
自分が Array.filter() を使うときによく引っかかっている気がするところ。
filter のコールバック関数内に return を書いてtrueが返るようにしないと、filter結果のarrayが空になる。
// true or false を返すfunction
function checkMatch(key, element){
return key == element;
}
// 上記の関数をfilterに使う場合
// これだと動作する
arr1 = collection.filter(function(element){
return checkMatch(key, element);
});
// これだと動作しない return が抜けている
arr2 = collection.filter(function(element){
checkMatch(key, element);
});
freeCodeCamp の Regular Expressions に関するレッスンのメモ。 Regular Expressions | freeCodeCamp
.test() メソッド: regex.test(テストしたいString); の形でチェックできる
let testStr = "somethingToTest";
let testRegex = /Test/;
testRegex.test(testStr);
// Returns true
.match() メソッド: string.match(regex); でマッチしたStringを取り出す
/freecodecamp/i の i の部分をflagという/freecodecamp/gi みたいに複数書ける.: wildcard character 何にでもマッチする[aiu]: a, i, u のどれにでもマッチする[a-z]: a から z の範囲の文字にマッチする[a-z0-9]: a-zと0-9の全て[^aeiou]: a, e, i, o, u 以外の 文字にマッチする
[] が示すのが character set だからかな？そこに記号は含まれてない？[^something] は、character set からsomethingを除外する[] の外で ^ が使われたときは意味が変わる。[] の外の ^ →Stringの最初でだけマッチする\w: [A-Za-z0-9_] と同じ(全てのアルファベット大文字小文字、数字、とアンダーバー) (＝"alphanumeric characters" というのはこれっぽい？)\W: 上の逆。 [^A-Za-z0-9_]\d: [0-9]\D: 上の逆。 [^0-9]a+: aが1回以上続けて出てくるa*: aが0回位以上続けて出てくる(下の例の /t[a-z]*?i/ で"ti"にマッチさせるときに効果を発揮する)? でlazy match(一番短いものにマッチする)にできる
let text = "titanic";
text.match(/t[a-z]*i/); // ["titani"]
text.match(/t[a-z]*?i/); // ["ti"]
※上記の例はfreeCodeCampより
正規表現のチェックができるツール
Online regex tester and debugger: PHP, PCRE, Python, Golang and JavaScriptarray.indexOf(element);object.hasOwnProperty('key');'key' in object;
No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://s.codepen.io' is therefore not allowed access.毎回これでひっかかってるんだったと思い出しました…。
