MySQL SQLでNULLが関わるとなぜ全部NULLになるのか 以下のサイトの例がわかりやすかったです。 NULLは「不明」と考えると全ての辻褄があう。 ここにあなたの部下のスタンという名前の30歳の男性がいます。 そこにもう一人の部下の男性オリバーが来ました。 オリバーの年齢は「不明(NULL)」です... 2024.03.17 MySQL
MySQL 正規化の違い【データベース】 第◯正規化って言葉を見るたびに「どこまで正規化することをそう呼ぶんだァ~~~?」となるので、違いをメモ。 記事内で使ってる画像は、以下のサイトから引用させていただきました。 データベースの正規化(第1〜第3正規形) - Wiz テックブログ... 2024.01.28 2024.02.20 MySQL
http Cache-Controlでprivateとno-storeを指定する理由 HTTP caching - HTTP | MDNについてのページを見てると 「ブラウザにしか保存させたくないキャッシュはno-storeだけじゃなくてprivateも必要やで」と書かれていました。 え?no-storeって付けたらキャッシ... 2023.11.10 2023.11.12 http
http コンテンツネゴシエーションとは?わかりやすく 以下のMDNで「コンテンツネゴシエーション」について解説がありますが、 コンテンツネゴシエーション - HTTP | MDN 「初心者がこのページを見ても意味不明なのでは?」と思ったので、めちゃくちゃ簡単に説明してみます。 まず、コンテンツ... 2023.11.09 2023.11.10 http
文字コード つながった横線を表示する ジョジョをセリフを書くにあって、つながった横線を書きたいと思いました。 結論からいうと、「けいせん」(罫線)と打って出てくる「─」を使うと表現できました。 ✅例 ド低脳がァ――――――――ッ!!(罫線の例) ド低脳がァ――――――――ッ!!... 2023.11.09 文字コード
作ったもの バドミントン/テニス/卓球で使えるペア分けアプリの紹介【Pair Matcher】 以前、こういう風な👇アプリをつくりました。 アプリページ:Pair Matcher | スポーツや日常生活で、ペアの組み合わせを作成することができるアプリ もっといろいろな人に使ってほしいので、このアプリの紹介記事を書きたいと思います。 こ... 2023.11.03 2023.11.05 作ったもの
Dapp イーサリアムアドレスのTypeScriptの型 ethers.jsを見ても、イーサアドレスの型は存在しないっぽくて 「じゃあ作るしかないな」と思って書いてみました👇 class Brand { private IDENTITY!: T; } type Address = Brand<"A... 2023.10.30 Dapp
MySQL トランザクション分離レベルの違いをわかりやすく 毎回「なんだっけ」ってなるのでメモ。 トランザクション分離レベルとは? トランザクションを複数同時に実行するとき、「どれだけ影響を分離させるか?」の設定のこと。 SERIALIZABLE (シリアライズ可能) 「絶対に分離する」なレベル。 ... 2023.10.16 2024.01.03 MySQL
HTML/CSS/JavaScript Next.jsアプリをTWA化してGoogle Playに公開するまでの手順 忘れそうなので手順をメモしておきます。 自分は以前、JavaでAndroidアプリを作ってGoogle Playで公開したことがあります。 なのでGoogle Playには以前から登録済みでした。 それによって、この記事では抜けている手順も... 2023.08.24 2023.12.03 HTML/CSS/JavaScript
HTML/CSS/JavaScript デプロイしたアプリでSentryが動かない SSGで個人開発アプリを作っていて、そのアプリを以下のような環境にデプロイしています。 本番:Cloudflare Pages 開発:Vercel このアプリに、エラー追跡のためにSentryを入れました。 そしてきちんとエラーが追跡できる... 2023.08.21 HTML/CSS/JavaScript
HTML/CSS/JavaScript Zustand+persistでcustom classを保存する たとえば、以下のようなclassがあるとします。 class Human { name: string; constructor(name:string){ this.name = name; } Hello(){ console.log(... 2023.08.05 2023.08.24 HTML/CSS/JavaScript
HTML/CSS/JavaScript classからメソッドを除いた型を作る【TypeScript】 以下のようなコードがあったとき、 class Human { constructor(public name: string){} SayHello(){ console.log(`こんにちは。私の名前は${this.name}です。`) ... 2023.07.24 2023.10.01 HTML/CSS/JavaScript
作ったもの Alexaに「おやすみ」→部屋の電気を自動OFF+LINE APIで「おやすみ」とメッセージ Alexaに「おやすみ」や「おはよう」と呼びかけると、以下などを同時に実行できるようにして生活の質を上げた・・・という話を書きます。 部屋の電気を自動OFF LINE APIで家族に「おやすみ」とメッセージ ※WEBエンジニア向けの記事です... 2023.07.16 2023.09.05 作ったもの
Node.js レンタルサーバーでNode.jsアプリを永続化する Xserverのようなレンタルサーバー上で、Node.jsのWebアプリを永続化する方法について調べたメモ。 Node.js=シングルプロセス・シングルスレッド Node.jsは、シングルプロセス・シングルスレッドです。 なので、マルチコア... 2023.06.25 2023.07.15 Node.js
読んだ本 「実践Node.js入門」を読んだ感想 ⭐⭐⭐⭐⭐ 「実践Node.js入門」という本を読んだ。 結論からいうと、良本だった。 書評 思ったこと箇条書き。 どんな本か Node.jsをはじめとして、 「昨今のWEB開発はこんな感じだよ」 「こんな感じで開発進めていくと良いよ」 「こんな所に注... 2023.06.25 読んだ本
読んだ本 「実践Firestore」を読んだ感想 ⭐⭐⭐⭐⭐ 「実践Firestore」という本を読んだ。 結論からいうと、神本だった。 書評 思ったこと箇条書き。 どんな本か Firestoreを中心に、Firebaseをざっくり学べる本 読者想定 たぶん「WEBエンジニア経験1年以上あります。RD... 2023.05.26 読んだ本
その他 LINEグループのIDを確認する方法【TypeScript】 LINEのMessage APIを使って、 BotをグループAに招待する BotからグループAに対して「hoge」と送信したい みたいにしようと思いました。 ですが、これをする場合、グループAのグループIDとやらを取得しないといけないらしい... 2023.05.14 その他
AWS serverless frameworkでLambdaにExpressをデプロイ serverless frameworkというツールを使えば、LambdaにExpress(Node.js)のコードを簡単にデプロイできるよ! ・・という記事を書きます。 成果物がこちら👇 penpendayo/aws-node-expre... 2023.05.07 2023.09.06 AWS
HTML/CSS/JavaScript TypeScript+モノレポで型がなぜかanyになった 以下のようなディレクトリ構成で、 └📁backend └📝tsconfig.json └📝teamA.ts └📁frontend └📝tsconfig.json └📝team.type.ts └📝member.type.ts ファ... 2023.04.28 2023.04.29 HTML/CSS/JavaScript
その他 TwitterのOAuth認証でlocalhostと127.0.0.1が入力できない問題 以前からlocalhostは登録できなかったらしいけど、127.0.0.1なら登録できてたらしい。 でも今回試してみると、127.0.0.1も登録できなくなってるっぽかった👇 対策1. hostsファイルを使う hostsファイルは「このド... 2023.04.27 2023.04.28 その他
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... 2023.04.23 React
HTML/CSS/JavaScript grid-template-columnsの違い【auto-fit、auto-fill】 デモページ(ソース) 上から順に、以下のとおりです。 grid-template-columns: repeat(3, minmax(250px, 1fr)); 絶対に3カラムになる。 grid-template-columns: rep... 2023.04.21 2023.04.23 HTML/CSS/JavaScript
HTML/CSS/JavaScript モノレポでVScodeのimport補完をうまく機能させる たとえば、以下のような構成のモノレポがあるとします。 └📁backend(たとえばNestJS) └🔵user.type.ts └📝tsconfig.json └📁frontend(たとえばNext.js) └🟣hoge.ts └📝... 2023.04.11 2023.04.15 HTML/CSS/JavaScript
その他 複数のGitHubリポジトリのスターの推移数を比較できる「GitHub Star History」 「GitHub Star History」という素晴らしいサイトを見つけたのでメモ。 GitHub Star Historyとは? 指定したGitHubリポジトリのスターの増加数をグラフにして表示できるサイトです。 たとえば ライブラリA ... 2023.04.10 その他
HTML/CSS/JavaScript [改]Google翻訳でページを翻訳すると語順がめちゃくちゃになるのを回避するブックマークレット 以下のページ様の改良なのですが Google翻訳でページを翻訳すると語順がめちゃくちゃになるのを回避するブックマークレット | 迫真の氷結晶 こちらのページ様のブックマークレットだと、以下のようなHTMLもspanに変換されてしまい、コード... 2023.04.05 2023.04.06 HTML/CSS/JavaScript
React Next.jsのapp directoryでProviderを設定する Next.js13のβ機能であるapp directoryを試しています。 以前のバージョンでは、_app.tsxにProvider系(たとえばReact QueryのQueryClientProviderだったり、RecoilのRecoi... 2023.04.04 React
Node.js レンタルサーバーのMySQLに他サーバーからSSH+Node.jsで接続する レンタルサーバー(たとえばXサーバー)のMySQLに、他サーバーにデプロイしたNode.jsアプリから接続する方法についてメモ。 前知識 基本的に、どのレンタルサーバーも外部から直接MySQLに接続することは許可していないらしい。 たとえば... 2023.03.10 2023.03.23 Node.js
HTML/CSS/JavaScript TypeScriptで自作の型定義ファイルを追加する 「あんまり分かってないけどこう書いたらなぜか動いた」くらいの理解度なので ベストプラクティスではない可能性があるので注意してください。 tunnel-sshというnpmパッケージを使おうと思いました。 でも型定義ファイルが提供されていません... 2023.03.10 HTML/CSS/JavaScript
読んだ本 「作って学ぶ Next.js/React Webサイト構築」を読んだ感想 ⭐⭐ エビスコムさんの「作って学ぶ Next.js/React Webサイト構築」という本を読んだ。 結論からいうと、微妙だった。 書評 どんな本か ”WEB制作者”向けのNext.jsの使い方を”浅く”学べる本 (WEB開発者向けではない) 読... 2023.03.08 読んだ本
読んだ本 「図解!TypeScriptのツボとコツがゼッタイにわかる本」を読んだ感想 ⭐ 「図解!TypeScriptのツボとコツがゼッタイにわかる本」という本を読んだ。 結論からいうと、微妙だった。 書評 どんな本か TypeScriptのことをすごく浅く学べる本 読者想定 たぶん「プログラミングやったことないです」みたいな人... 2023.03.08 読んだ本