その他 VScodeの拡張機能「Draw.io Integration」で背景色を白色に変更する方法
VScodeの拡張機能「Draw.io Integration」の背景色を変更する方法についてメモ。 結論から言うと、右下のTheme:darkみたいに書かれている部分をクリックして変更するだけです。 それにしてもこの拡張機能、便利すぎてヤ...
2021-04
その他 HTML/CSS/JavaScript async/awaitとreduceの使い方
詰まったのでメモ。 同期 以下のように書くと .reduce((acc, v) => acc + v, 0); //6 「1,2,3という配列の要素を1つずつ順番に足していく」という処理になります。 これは超基本的なので、すんなり理解できる...
HTML/CSS/JavaScript Dotenvが動かなかった → ファイル名を勘違いしていた
dotenvを使って、envファイルから環境変数を設定しようとした。 以下のようなenvファイルをプロジェクトのルートに作って KEY1=おはようございます KEY2=こんにちは 以下のような.jsファイルを作って実行しても require...
HTML/CSS/JavaScript Xサーバーでpuppeteerを動かせなかった
我が家は図書館を頻繁に利用するのですが、1つ不満なことがありました。 それは「誰がどの本を予約していて今どの本を借りているのか」を見るために、わざわざ各々のIDとPWでログインしていちいち確認しないといけない点です。 我が家は本を借りまくり...
HTML/CSS/JavaScript 【違い】Promise.allSettled、Promise.all、Promise.any、Promise.race
違いが分からなかったので調べた結果メモ。 Promise.all: →すべてが resolveされるまで続けるが、1つでも rejectされると終了する Promise.allSettled: →すべてがresolveもしくはrejectさ...
HTML/CSS/JavaScript Promise.allの順番
自分用のメモ。 呼び出される順 const a = new Promise(function (resolve, reject) { console.log("a"); }); const b = new Promise(function ...
HTML/CSS/JavaScript オブジェクトの値同士をマージ＋足し算する【JavaScript】
ググっても情報がなかったのでメモしておきます。 1．異なるキーがないとき 例えば、以下のような同じキーを持つ2つのオブジェクトを足し算＆マージして const a = { 1: 100, 2: 200, 3: 300, }; const b...
HTML/CSS/JavaScript map,filter,reduce,some,every,foreach,findの違い【JavaScript】
「こういう場合ってどれを使ったら良いんだろう」と毎回迷うので まとめときます。 違い map すべての要素に対して処理をして、すべての要素を返す reduce すべての要素に対して処理をして、1つの要素を返す some すべての要素のうち1...
読んだ本 「イラストでわかるDockerとKubernetes」を読んだ感想 ⭐⭐
「イラストでわかるDockerとKubernetes」という本を読んだ。 結論からいうと、自分には読むのが早かった。 書評 ほとんど理解できずに途中で読むのを辞めてしまったので、感想もクソもないのですが とりあえず思った点を箇条書きします。...
読んだ本 「AWS基礎からのネットワーク&サーバー構築」を読んだ感想 ⭐⭐⭐⭐⭐
「Amazon Web Services 基礎からのネットワーク&サーバー構築」という本を読んだ。 結論からいうと、良本だった。 書評 どんな本か 「AWSを通じてネットワークを学ぼうぜ」な本であり、最終的に「AWSでWordpress＋M...