Linux Macで容量を食っているディレクトリの特定方法
そのディレクトリでどのディレクトリがどれだけ容量を食っているか確認するには、👇のコマンド実行します。 sudo du -sh ./* | sort -hr ▲実行する場所によっては数分かかります。 これで容量の大きいディレクトリを見つけたら...
Linux HTML/CSS/JavaScript TDDの「三角測量」「仮実装」「実装」「明白な実装」の違い
完全に自分用のメモです。 （見る場合は、テキトーに流し見してください） たとえば、最終的に👇の関数を実装しなければいけないものとします。 const add = (a:number, b:number ) => { return a+b; ...
HTML/CSS/JavaScript TypeScriptの変数定義時のコンパイルエラー ：ブロック スコープの変数 ‘hoge’ を再宣言することはできません。ts(2451)
以下のような2つのファイルがあるとき、 a.ts const a = 1; console.log(a); b.ts const a = 1; console.log(a); ブロック スコープの変数 'a' を再宣言することはできません。...
HTML/CSS/JavaScript 【Jest】mockClear(), mockReset(), mockRestore() の違い
自分用メモ。 clearAllMocks 以下を初期化する。 mockFn.mock.calls mockFn.mock.instances resetAllMocks 以下を初期化する。 clearAllMocksの内容 mockImpl...
http 1つのIPアドレスで複数のドメインや複数の証明書を管理する技術メモ
自分用の雑メモ。 あとで見返すように書いてます。間違ってる可能性が高いです。（なのでnoindexにしてる） たとえば、このブログは「」というURLでホストしています。 ホスティング先は「Xサーバー X10」という日本のレンタルサーバーです...
SQL マルチテナントとは？RLS(Row Level Security)との関係をわかりやすく
自分用メモ。 調査せずに雑に書いてるので、テキトーに見てください。 最後らへんは、実機に試さずに公式ドキュメントを見て「多分こうだろうな」という感じで書いたので、かなり間違ってる可能性があります マルチテナントとは？ ざっくりいうと、「複数...
SQL SQLでNULLが関わるとなぜ全部NULLになるのか
以下のサイトの例がわかりやすかったです。 NULLは「不明」と考えると全ての辻褄があう。 ここにあなたの部下のスタンという名前の30歳の男性がいます。 そこにもう一人の部下の男性オリバーが来ました。 オリバーの年齢は「不明(NULL)」です...
SQL 正規化の違い【データベース】
第◯正規化って言葉を見るたびに「どこまで正規化することをそう呼ぶんだァ～～～？」となるので、違いをメモ。 記事内で使ってる画像は、以下のサイトから引用させていただきました。 データベースの正規化(第1〜第3正規形) - Wiz テックブログ...
未分類 Composer is operating significantly slower than normal～なエラー
以下のようなエラーが出ました。 ⚡ composer update Composer is operating significantly slower than normal because you do not have the PHP...
http Cache-Controlでprivateとno-storeを指定する理由
HTTP caching - HTTP | MDNについてのページを見てると 「ブラウザにしか保存させたくないキャッシュはno-storeだけじゃなくてprivateも必要やで」と書かれていました。 え？no-storeって付けたらキャッシ...
http コンテンツネゴシエーションとは？わかりやすく
以下のMDNで「コンテンツネゴシエーション」について解説がありますが、 コンテンツネゴシエーション - HTTP | MDN 「初心者がこのページを見ても意味不明なのでは？」と思ったので、めちゃくちゃ簡単に説明してみます。 まず、コンテンツ...
文字コード つながった横線を表示する
ジョジョをセリフを書くにあって、つながった横線を書きたいと思いました。 結論からいうと、「けいせん」（罫線）と打って出てくる「─」を使うと表現できました。 ✅例 ド低脳がァ――――――――ッ!!（罫線の例） ド低脳がァ――――――――ッ!!...
作ったもの バドミントン/テニス/卓球で使えるペア分けアプリの紹介【Pair Matcher】
以前、こういう風な👇アプリをつくりました。 アプリページ：Pair Matcher | スポーツや日常生活で、ペアの組み合わせを作成することができるアプリ もっといろいろな人に使ってほしいので、このアプリの紹介記事を書きたいと思います。 こ...
Dapp イーサリアムアドレスのTypeScriptの型
ethers.jsを見ても、イーサアドレスの型は存在しないっぽくて 「じゃあ作るしかないな」と思って書いてみました👇 class Brand { private IDENTITY!: T; } type Address = Brand<"A...
SQL トランザクション分離レベルの違いをわかりやすく
毎回「なんだっけ」ってなるのでメモ。 トランザクション分離レベルとは？ トランザクションを複数同時に実行するとき、「どれだけ影響を分離させるか？」の設定のこと。 SERIALIZABLE (シリアライズ可能) 「絶対に分離する」なレベル。 ...
HTML/CSS/JavaScript Next.jsアプリをTWA化してGoogle Playに公開するまでの手順
忘れそうなので手順をメモしておきます。 自分は以前、JavaでAndroidアプリを作ってGoogle Playで公開したことがあります。 なのでGoogle Playには以前から登録済みでした。 それによって、この記事では抜けている手順も...
HTML/CSS/JavaScript デプロイしたアプリでSentryが動かない
SSGで個人開発アプリを作っていて、そのアプリを以下のような環境にデプロイしています。 本番：Cloudflare Pages 開発：Vercel このアプリに、エラー追跡のためにSentryを入れました。 そしてきちんとエラーが追跡できる...
HTML/CSS/JavaScript Zustand+persistでcustom classを保存する
たとえば、以下のようなclassがあるとします。 class Human { name: string; constructor(name:string){ this.name = name; } Hello(){ console.log(...
HTML/CSS/JavaScript classからメソッドを除いた型を作る【TypeScript】
以下のようなコードがあったとき、 class Human { constructor(public name: string){} SayHello(){ console.log(`こんにちは。私の名前は${this.name}です。`) ...
作ったもの Alexaに「おやすみ」→部屋の電気を自動OFF＋LINE APIで「おやすみ」とメッセージ
Alexaに「おやすみ」や「おはよう」と呼びかけると、以下などを同時に実行できるようにして生活の質を上げた･･･という話を書きます。 部屋の電気を自動OFF LINE APIで家族に「おやすみ」とメッセージ ※WEBエンジニア向けの記事です...
Node.js レンタルサーバーでNode.jsアプリを永続化する
Xserverのようなレンタルサーバー上で、Node.jsのWebアプリを永続化する方法について調べたメモ。 Node.js＝シングルプロセス・シングルスレッド Node.jsは、シングルプロセス・シングルスレッドです。 なので、マルチコア...
読んだ本 「実践Node.js入門」を読んだ感想 ⭐⭐⭐⭐⭐
「実践Node.js入門」という本を読んだ。 結論からいうと、良本だった。 書評 思ったこと箇条書き。 どんな本か Node.jsをはじめとして、 「昨今のWEB開発はこんな感じだよ」 「こんな感じで開発進めていくと良いよ」 「こんな所に注...
読んだ本 「実践Firestore」を読んだ感想 ⭐⭐⭐⭐⭐
「実践Firestore」という本を読んだ。 結論からいうと、神本だった。 書評 思ったこと箇条書き。 どんな本か Firestoreを中心に、Firebaseをざっくり学べる本 読者想定 たぶん「WEBエンジニア経験1年以上あります。RD...
その他 LINEグループのIDを確認する方法【TypeScript】
LINEのMessage APIを使って、 BotをグループAに招待する BotからグループAに対して「hoge」と送信したい みたいにしようと思いました。 ですが、これをする場合、グループAのグループIDとやらを取得しないといけないらしい...
AWS serverless frameworkでLambdaにExpressをデプロイ
serverless frameworkというツールを使えば、LambdaにExpress（Node.js）のコードを簡単にデプロイできるよ！ ･･という記事を書きます。 成果物がこちら👇 penpendayo/aws-node-expre...
HTML/CSS/JavaScript TypeScript＋モノレポで型がなぜかanyになった
以下のようなディレクトリ構成で、 └📁backend └📝tsconfig.json └📝teamA.ts └📁frontend └📝tsconfig.json └📝team.type.ts └📝member.type.ts ファ...
その他 TwitterのOAuth認証でlocalhostと127.0.0.1が入力できない問題
以前からlocalhostは登録できなかったらしいけど、127.0.0.1なら登録できてたらしい。 でも今回試してみると、127.0.0.1も登録できなくなってるっぽかった👇 対策1. hostsファイルを使う hostsファイルは「このド...
React 【Next.js】You may need an appropriate loader to handle this file type, なエラー
Next.jsで以下のようなエラーが出ました。 error - ../backend/src/member/dto/hoge.ts Module parse failed: Unexpected token (24:6) You may n...
HTML/CSS/JavaScript grid-template-columnsの違い【auto-fit、auto-fill】
デモページ（ソース） 上から順に、以下のとおりです。 grid-template-columns: repeat(3, minmax(250px, 1fr)); 絶対に3カラムになる。 grid-template-columns: rep...
HTML/CSS/JavaScript モノレポでVScodeのimport補完をうまく機能させる
たとえば、以下のような構成のモノレポがあるとします。 └📁backend（たとえばNestJS） └🔵user.type.ts └📝tsconfig.json └📁frontend（たとえばNext.js） └🟣hoge.ts └📝...