その他 VScodeの拡張機能「Draw.io Integration」で背景色を白色に変更する方法 VScodeの拡張機能「Draw.io Integration」の背景色を変更する方法についてメモ。 結論から言うと、右下のTheme:darkみたいに書かれている部分をクリックして変更するだけです。 それにしてもこの拡張機能、便利すぎてヤ... 2021.04.29 その他
HTML/CSS/JavaScript async/awaitとreduceの使い方 詰まったのでメモ。 同期 以下のように書くと .reduce((acc, v) => acc + v, 0); //6 「1,2,3という配列の要素を1つずつ順番に足していく」という処理になります。 これは超基本的なので、すんなり理解できる... 2021.04.29 2021.07.03 HTML/CSS/JavaScript
HTML/CSS/JavaScript Dotenvが動かなかった → ファイル名を勘違いしていた dotenvを使って、envファイルから環境変数を設定しようとした。 以下のようなenvファイルをプロジェクトのルートに作って KEY1=おはようございます KEY2=こんにちは 以下のような.jsファイルを作って実行しても require... 2021.04.28 HTML/CSS/JavaScript
HTML/CSS/JavaScript Xサーバーでpuppeteerを動かせなかった 我が家は図書館を頻繁に利用するのですが、1つ不満なことがありました。 それは「誰がどの本を予約していて今どの本を借りているのか」を見るために、わざわざ各々のIDとPWでログインしていちいち確認しないといけない点です。 我が家は本を借りまくり... 2021.04.27 2021.05.28 HTML/CSS/JavaScript
HTML/CSS/JavaScript 【違い】Promise.allSettled、Promise.all、Promise.any、Promise.race 違いが分からなかったので調べた結果メモ。 Promise.all: →すべてが resolveされるまで続けるが、1つでも rejectされると終了する Promise.allSettled: →すべてがresolveもしくはrejectさ... 2021.04.25 2021.07.26 HTML/CSS/JavaScript
HTML/CSS/JavaScript Promise.allの順番 自分用のメモ。 呼び出される順 const a = new Promise(function (resolve, reject) { console.log("a"); }); const b = new Promise(function ... 2021.04.25 HTML/CSS/JavaScript
HTML/CSS/JavaScript オブジェクトの値同士をマージ+足し算する【JavaScript】 ググっても情報がなかったのでメモしておきます。 1.異なるキーがないとき 例えば、以下のような同じキーを持つ2つのオブジェクトを足し算&マージして const a = { 1: 100, 2: 200, 3: 300, }; const b... 2021.04.17 HTML/CSS/JavaScript
HTML/CSS/JavaScript map,filter,reduce,some,every,foreach,findの違い【JavaScript】 「こういう場合ってどれを使ったら良いんだろう」と毎回迷うので まとめときます。 違い map すべての要素に対して処理をして、すべての要素を返す reduce すべての要素に対して処理をして、1つの要素を返す some すべての要素のうち1... 2021.04.12 2021.04.22 HTML/CSS/JavaScript
読んだ本 「イラストでわかるDockerとKubernetes」を読んだ感想 ⭐⭐ 「イラストでわかるDockerとKubernetes」という本を読んだ。 結論からいうと、自分には読むのが早かった。 書評 ほとんど理解できずに途中で読むのを辞めてしまったので、感想もクソもないのですが とりあえず思った点を箇条書きします。... 2021.04.09 2021.08.22 読んだ本
読んだ本 「AWS基礎からのネットワーク&サーバー構築」を読んだ感想 ⭐⭐⭐⭐⭐ 「Amazon Web Services 基礎からのネットワーク&サーバー構築」という本を読んだ。 結論からいうと、良本だった。 書評 どんな本か 「AWSを通じてネットワークを学ぼうぜ」な本であり、最終的に「AWSでWordpress+M... 2021.04.07 2021.09.02 読んだ本
HTML/CSS/JavaScript viewportとは?device-widthと実際の解像度との違い HTMLで絶対に使われる以下の意味を知らなかったので、調べた結果メモ。 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 「そもそもviewpo... 2021.03.30 HTML/CSS/JavaScript
読んだ本 「 この一冊で全部わかるWeb技術の基本」を読んだ感想 ⭐⭐⭐ 「 この一冊で全部わかるWeb技術の基本」という本を読んだ。 結論からいうと、自分(初級者)には微妙な本だったけど初心者には良本だと思った。 書評 良かった点: Web全般の知識を浅ーーーく広ーーーーく知ることができる ページの半分が図解ペ... 2021.03.27 2021.08.22 読んだ本
読んだ本 「オブジェクト指向でなぜつくるのか」を読んだ感想 ⭐⭐⭐⭐ オブジェクト指向でなぜ作るのか(第1版)という本を読んだ。 結論から言うと、良書だったけど自分には早かった気がした。 書評 なぜシリーズの本は大体どれも名著らしいけど 「オブジェクト指向でなぜ作るのか」はその中でも特に名著らしいので今回読ん... 2021.03.24 2021.08.22 読んだ本
デザイン 【Figma】Auto layoutとConstrains Auto layoutとは? 名前のとおり、「自動でレイアウトしまっせー」という機能。 例えば Rectangleでボタンを作る Textで文字を作る 2つをグループ化してAuto layoutを適用する という風にしてボタンを作ります。 ... 2021.03.22 2021.07.02 デザイン
HTML/CSS/JavaScript implements/interface/type/extendsの違い【TypeScript】 自分用のメモ。 interface:オブジェクト、クラス、関数の型のみを宣言する type:どんな型でも宣言する extends:継承する implements:実装する interfaceとtypeはすごく似てるので正直どちらを使っても良... 2021.03.20 HTML/CSS/JavaScript
HTML/CSS/JavaScript aタグのcolorが親要素から継承されない 例えば以下のようなHTMLとCSSがある場合、 index.html <div> <a href="google.com">google</a> <p>yahoo</p> <div> style.css div{ color:red; ... 2021.03.17 2021.04.14 HTML/CSS/JavaScript
HTML/CSS/JavaScript Jamstackとは?超わかりやすく Jamstackについて調べた結果メモ。 初心者向けに書きます。 Jamstackとは 「JavaScript+API+Markupを使ってサイトとかを管理しようぜー」なこと。 頭文字を取って「Jam」。 例えば、Wordpressでサイト... 2021.03.13 2021.03.24 HTML/CSS/JavaScript
HTML/CSS/JavaScript Jamstack・WordPress・静的化WordPressのメリット・デメリット 静的サイトジェネレーターには JavaScript+API+Markup(これがJamstack。APIの部分はWordpressを想定するものとする) JavaScript+Markdown+Markup(これに名前はないっぽいのですが、... 2021.03.13 2021.11.13 HTML/CSS/JavaScript
Node.js Node.jsでスクレイピングする方法 Node.jsに限らないことだけど、スクレイピングの手法には大きく分けて CurlコマンドなどのHTTPクライアントソフトでページを取得する方法 ヘッドレスブラウザ経由でページを取得する方法 の2種類があります。 1.の方法は昔ながらの方法... 2021.03.08 2021.06.28 Node.js
HTML/CSS/JavaScript 論理演算子の意味を勘違いしていた【JavaScript】 Reactの公式を見てると、以下のような記述を見かけて混乱した。 {unreadMessages.length > 0 && <h2> You have {unreadMessages.length} unread messages. </... 2021.03.07 2021.03.12 HTML/CSS/JavaScript
Node.js Node.js+ExpressでCookieの設定・削除のサンプル 復習がてら、Node.js+Expressで 以下のgifのようなサンプルを作りました。それについてメモ。 ページを開いた際、cookieにuserNameが存在していれば、その値を使って名前を表示する 最初は未設定なのでゲストと表示される... 2021.03.04 2021.03.06 Node.js
読んだ本 「React.js & Next.js 超入門」を読んだ感想 ⭐⭐⭐⭐ 「React.js & Next.js 超入門」という本を読んだ。 結論からいうと、良本だった。 書評 フロントエンド側のフレームワークも1つくらい触っておきたいな―と思ってて そんな中、自分の尊敬している人が「Reactが個人的には一番”... 2021.03.01 2021.08.22 読んだ本
仮想環境 【図解】VScodeのRemote Container拡張機能とは?わかりやすく VScodeのRemote Container拡張機能を使ってみて「すごく便利だなー」と思ったんですが 知っておくべき前提知識が多くて混乱したので、頭の整理のために色々メモしておきます。 Remote Container拡張機能とは? 以下... 2021.02.25 2021.08.12 仮想環境
仮想環境 【docker-compose】Remote Container拡張機能からVScodeサーバーのMySQL拡張機能を経由してMySQLコンテナにアクセスする タイトルが長すぎて「何言ってんだコイツ」となりそうなので 図解しました↓。 こういうことがしたい。 まず、以下のようなdocker-compose.ymlファイルを作る。 version: '3' services: mysqldazo: ... 2021.02.22 仮想環境
仮想環境 【docker-compose】MySQLコンテナを作ろうとしたら→ Database is uninitialized and password option is not specifiedエラー docker-composeでMySQLコンテナを作ろうとしたら Database is uninitialized and password option is not specified みたいなエラーが出てコンテナが動きませんでした。... 2021.02.21 仮想環境
HTML/CSS/JavaScript 【JavaScript】ディープコピーとシャローコピーの違い 調べたことメモ。 違い ディープコピー:オブジェクトの中のオブジェクトまで丸ごとコピーする シャローコピー:オブジェクトの中の中のオブジェクトは参照コピーする シャローは「浅い」、 ディープは「深い」という意味。 シャローコピーとは? 実例... 2021.02.15 2021.02.17 HTML/CSS/JavaScript
暗号 WindowsのgitでPermission denied 【公開鍵と秘密鍵を登録する】 Windows版のgitで、git cloneしようとしたところ、以下のようなエラーが出た。 $ git clone git@github.com:progedu/schedule-arranger-4023.git Cloning int... 2021.02.13 2021.09.11 暗号
SQL 「シリアライズ」には2つの意味がある【データベース】 ある本を読んで知ったんだけど、「シリアライズ」という言葉には2つの意味があるらしい。 それについてメモ。 1.シリアライズ → 直列化 データベースで「シリアライズ」と言うと、大抵はこちらを指すと思うんだけど 例えば const hoge=... 2021.02.12 2021.02.13 SQL
HTML/CSS/JavaScript 高階関数とコールバック関数と引数について整理【JavaScript】 毎回「これってどうなってるんだっけ?」となるので 頭の整理のためにまとめます。 高階関数とは? 高階関数は、以下の両方もしくはどちらかに該当する関数のこと。 関数を返す 関数を引数にとる たとえば以下の場合、後者に該当するので、mainが高... 2021.02.12 2021.10.19 HTML/CSS/JavaScript
読んだ本 「Node.js超入門」を読んだ感想 ⭐⭐⭐ 「Node.js超入門」という本を読んだ。 結論から言うと、「良くもないけど悪くもない」って感じだった。 書評 Node.jsはN予備校のプログラミング入門コースで一通りやっていたので、基本的なことは知っていたのだけど 「一冊くらい入門本も... 2021.02.10 2021.08.22 読んだ本