作ったもの URの空き部屋を自動でメール通知してくれるサービスを作った
希望の条件を登録しておくと、URの空き部屋が出たときにメールで通知してくれるサービスを作りました👇️サービス: ※URの公式とは無関係です。個人で作って、個人で運用しています。作ったもの3ステップで使えます👇️条件を登録サーバーがUR公式サ...
作ったもの http Referrer-Policyヘッダーのディレクティブの違い
完全自分用メモ。なのでnoindexにしてる。ディレクティブ送信情報 （同一オリジン）送信情報 （クロスオリジン・安全）送信情報 （クロスオリジン・安全性低下）no-referrer送信なし送信なし送信なしno-referrer-when-...
SQL DBeaverでデータベースの全テーブルのDDLを取得する
以下のようにすると取得できます。左メニューから、DDLを取得したいテーブルを選択する👇️右クリック→SQLの生成→DDLを選択するすると、こんな感じ👇️のダイアログが表示されるので、あとはコピーするだけです。おわり
その他 MacのOBSでスリープするたびに「キャプチャを再開する」を押す必要がある
以下の理由で、最近OBSを使い始めました。パッと画面録画できて、かつPC上の音声＋マイクの音声も録音できるMacのソフトないかな〜ってずっと思ってたけどOBSで全部解決した。エンコの設定とか解像度も細かく設定できて良き😀— penpen@ソ...
Linux GitHub Actionsのインラインシェルスクリプト実行時に環境変数をそのまま渡さないようにする（中間環境変数を使うようにする）
以下ページに書いてた内容をメモ。たとえば、👇️のように書くとプルリクのタイトルを出力できるGitHub Actionsになります。name: Contextson: push jobs: print: runs-on: ubuntu-lat...
SQL whereをon update とdo update のどちらに付けるかの違い
以下の違いがわからなかったのでメモ。（久々にChatGPTにきいても分からんかったやつ）# 1insert into employees (employee_id, name)values (123, '山田')on conflict (e...
モバイル開発 iOS開発エミュレーターの.sqliteファイルを見る
自分用メモ。DriftというORMでsqliteを操作していたのですが、バグが出たので.sqliteファイルの中を確認したい！となったの巻です。結論からいうと、以下の場所にありました。/Users/ユーザー名/Library/Develop...
Linux Macで容量を食っているディレクトリの特定方法
そのディレクトリでどのディレクトリがどれだけ容量を食っているか確認するには、👇のコマンド実行します。sudo du -sh ./* | sort -hr▲実行する場所によっては数分かかります。これで容量の大きいディレクトリを見つけたら、その...
HTML/CSS/JavaScript TDDの「三角測量」「仮実装」「実装」「明白な実装」の違い
完全に自分用のメモです。（見る場合は、テキトーに流し見してください）たとえば、最終的に👇の関数を実装しなければいけないものとします。const add = (a:number, b:number ) => { return a+b;}★★★...
HTML/CSS/JavaScript TypeScriptの変数定義時のコンパイルエラー ：ブロック スコープの変数 ‘hoge’ を再宣言することはできません。ts(2451)
以下のような2つのファイルがあるとき、a.tsconst a = 1;console.log(a);b.tsconst a = 1;console.log(a);ブロック スコープの変数 'a' を再宣言することはできません。ts(2451...
HTML/CSS/JavaScript 【Jest】mockClear(), mockReset(), mockRestore() の違い
自分用メモ。clearAllMocks以下を初期化する。mockFn.mock.callsmockFn.mock.instancesresetAllMocks以下を初期化する。clearAllMocksの内容mockImplementati...
http 1つのIPアドレスで複数のドメインや複数の証明書を管理する技術メモ
自分用の雑メモ。あとで見返すように書いてます。間違ってる可能性が高いです。（なのでnoindexにしてる）たとえば、このブログは「」というURLでホストしています。ホスティング先は「Xサーバー X10」という日本のレンタルサーバーです。この...
SQL マルチテナントとは？RLS(Row Level Security)との関係をわかりやすく
自分用メモ。調査せずに雑に書いてるので、テキトーに見てください。最後らへんは、実機に試さずに公式ドキュメントを見て「多分こうだろうな」という感じで書いたので、かなり間違ってる可能性がありますマルチテナントとは？ざっくりいうと、「複数の会社の...
SQL SQLでNULLが関わるとなぜ全部NULLになるのか
以下のサイトの例がわかりやすかったです。NULLは「不明」と考えると全ての辻褄があう。ここにあなたの部下のスタンという名前の30歳の男性がいます。そこにもう一人の部下の男性オリバーが来ました。オリバーの年齢は「不明(NULL)」です。この状...
SQL 正規化の違い【データベース】
第◯正規化って言葉を見るたびに「どこまで正規化することをそう呼ぶんだァ～～～？」となるので、違いをメモ。記事内で使ってる画像は、以下のサイトから引用させていただきました。データベースの正規化(第1〜第3正規形) - Wiz テックブログ（こ...
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<"ADDRE...
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年以上あります。RDSを使った...
その他 LINEグループのIDを確認する方法【TypeScript】
LINEのMessage APIを使って、 BotをグループAに招待する BotからグループAに対して「hoge」と送信したいみたいにしようと思いました。ですが、これをする場合、グループAのグループIDとやらを取得しないといけないらしい。取...