HTML/CSS/JavaScript TypeScript＋モノレポで型がなぜかanyになった
以下のようなディレクトリ構成で、└📁backend └📝tsconfig.json └📝teamA.ts└📁frontend └📝tsconfig.json └📝team.type.ts └📝member.type.tsファイルの中身が以下...
HTML/CSS/JavaScript その他 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.tsModule parse failed: Unexpected token (24:6)You may need...
HTML/CSS/JavaScript grid-template-columnsの違い【auto-fit、auto-fill】
デモページ（ソース）上から順に、以下のとおりです。 grid-template-columns: repeat(3, minmax(250px, 1fr)); 絶対に3カラムになる。 grid-template-columns: repe...
HTML/CSS/JavaScript モノレポでVScodeのimport補完をうまく機能させる
たとえば、以下のような構成のモノレポがあるとします。└📁backend（たとえばNestJS） └🔵user.type.ts └📝tsconfig.json└📁frontend（たとえばNext.js） └🟣hoge.ts └📝tsconf...
その他 複数のGitHubリポジトリのスターの推移数を比較できる「GitHub Star History」
「GitHub Star History」という素晴らしいサイトを見つけたのでメモ。GitHub Star Historyとは？指定したGitHubリポジトリのスターの増加数をグラフにして表示できるサイトです。たとえば ライブラリA ライブ...
HTML/CSS/JavaScript [改]Google翻訳でページを翻訳すると語順がめちゃくちゃになるのを回避するブックマークレット
以下のページ様の改良なのですがGoogle翻訳でページを翻訳すると語順がめちゃくちゃになるのを回避するブックマークレット | 迫真の氷結晶こちらのページ様のブックマークレットだと、以下のようなHTMLもspanに変換されてしまい、コードもす...
React Next.jsのapp directoryでProviderを設定する
Next.js13のβ機能であるapp directoryを試しています。以前のバージョンでは、_app.tsxにProvider系（たとえばReact QueryのQueryClientProviderだったり、RecoilのRecoil...
Node.js レンタルサーバーのMySQLに他サーバーからSSH＋Node.jsで接続する
レンタルサーバー（たとえばXサーバー）のMySQLに、他サーバーにデプロイしたNode.jsアプリから接続する方法についてメモ。前知識基本的に、どのレンタルサーバーも外部から直接MySQLに接続することは許可していないらしい。たとえば、ロー...
HTML/CSS/JavaScript TypeScriptで自作の型定義ファイルを追加する
「あんまり分かってないけどこう書いたらなぜか動いた」くらいの理解度なのでベストプラクティスではない可能性があるので注意してください。tunnel-sshというnpmパッケージを使おうと思いました。でも型定義ファイルが提供されていませんでした...
読んだ本 「作って学ぶ Next.js/React Webサイト構築」を読んだ感想 ⭐⭐
エビスコムさんの「作って学ぶ Next.js/React Webサイト構築」という本を読んだ。結論からいうと、微妙だった。書評どんな本か ”WEB制作者”向けのNext.jsの使い方を”浅く”学べる本（WEB開発者向けではない）読者想定 た...
読んだ本 「図解！TypeScriptのツボとコツがゼッタイにわかる本」を読んだ感想 ⭐
「図解！TypeScriptのツボとコツがゼッタイにわかる本」という本を読んだ。結論からいうと、微妙だった。書評どんな本か TypeScriptのことをすごく浅く学べる本読者想定 たぶん「プログラミングやったことないです」みたいな人読むのに...
読んだ本 「プロを目指す人のためのTypeScript入門」を読んだ感想 ⭐⭐⭐⭐⭐
「プロを目指す人のためのTypeScript入門」という本を読んだ。結論からいうと、神本だった。書評Web業界で有名な「uhyo」さんが書いてる本なので、どうせ神本だろうなと思ってたのですが、案の定でした。どんな本か TypeScriptの...
読んだ本 「知識ゼロから学ぶソフトウェアテスト」を読んだ感想 ⭐⭐
「知識ゼロから学ぶソフトウェアテスト」という本を読んだ。結論からいうと、微妙だった。書評書いてる内容は良いんだけど、気になる部分が多すぎて「うーん･･･」って感じでした。どんな本か ソフトウェア開発における「テスト」の基本的な考え方を学べる...
その他 ステップイン、ステップアウト、ステップオーバーの違い
VScode や Chromeのデバッグ機能を使うときに「これってどれがどういう意味なんだっけ･･」ってなるのでメモ。違い ステップイン→関数parentの中にいて、今いる行が関数child();のとき、関数childの中に入っていく ス...
AWS EC2からElasticCache（Redis）に接続する
EC2 → ElasticCache（Redis）に接続するための方法についてメモ。VPC同じVPCに所属させます。セキュリティグループEC2→ElasticCache（Redis）に接続できるように、セキュリティグループの インバウンドル...
Node.js swc+TypeORMが動かなかったのを直したメモ
仕事でJestを使っているのですが、テストに合計5分以上かかるようになってきました。そこでテストの時間を短縮するために「swc」というRust製のトランスパイラを使うことにしました。ただ、swcとTypeORM（というか中で使われているデコ...
その他 vscode-iconsでtestファイルのアイコンが見にくいのを直す
vscode-iconsを入れて「うおおおお！すげえ見やすいいいいい！」ってなったのですが以下の2つのファイルのアイコンが似てて視認しづらい。 .test.ts .ts▲これくらい拡大すると分かりやすいけど、小さいアイコンだと似たような色を...
Unity VScodeでUnity（C#）の補完が効かなかったのを直したメモ
「なんか知らんけどこうやったら直った」くらいの理解なのですが、もしかしたら誰かの役に立つかもしれないのでメモしておきます。やったことVScodeのsetting.jsonに以下を追加（ワークスペースの方でもユーザーのほうでもどっちでもいいと...
CI/CD GitHub Actionsで動かしていたpuppeteer が急に動かなくなった
puppeteerでスクレイピングするプログラムを、GitHub Actionsで1年近く動かしていたのですが、ある日急に動かなくなりました。▲Error: Process completed with exit code 1.そのときに自...
仮想環境 Cannot connect to the Docker daemon at unix:///var/run/docker.sock. Is the docker daemon running?なエラー
以下の環境で発生しました。 OS：Windows10 Home Docker：Docker DesktopCannot connect to the Docker daemon at unix:///var/run/docker.sock....
仮想環境 Configure which WSL 2 distros you want to access Docker from.なエラー
WSL2のUbuntu上でdockerコマンドを入力すると、以下のようなエラーが表示されました。（本当はもっと色々なエラーメッセージが出てたのですが消えちゃいました）Configure which WSL 2 distros you wan...
仮想環境 WSL2でERROR [internal]とかinit: (13747) ERROR: UtilConnectToInteropServer:307などのエラー
docker buildを実行すると、以下のようなエラーが出ました。Building apache24 Building 0.9s (2/3) Building 1.0s (3/3) FINISHED => load build defin...
Dapp GoerliにデプロイしたコントラクトがTestnet版Openseaが見えない
結論からいうと、GoerliじゃなくてRinkebyにデプロイしたら表示されました。以下のどちらが原因かいまいち分かりませんが Opensea Goerliネットワーク自体とりあえず、Openseaでどういう風に見えるか確認したいなら、今現...
Dapp Solidity＋Truffle＋GanacheでERC20トークンをローカル＆Goerliにデプロイするまでの手順
「Solidity何もわからん」な状態だったので ERC20トークンを自分で書いてローカルなEthereum環境にデプロイ その後、テストネット（Goerli）にデプロイするところまでやってみたのでメモ。自分が思い出す用なので、かなりテキト...
Dapp Candy Machine v2とSugarの違い【metaplex】
いままで参考にしてたCancy Machine v2のページがアーカイブ扱いになってて、新たに「Sugar」という新ツールのページが作成されていて「これからはこっち使え」的な感じになってるので、何が変わったのがザックリ箇条書き。 デプロイ時...
Dapp thirdwebを使うメリット・デメリット
以下の2つのメリット・デメリットを調べた結果メモ。 thirdwebを使ってETHチェーンにNFTをデプロイしてmintサイトを作る thirdwebを使わずにETHチェーンにNFTをデプロイしてmintサイトを作る結論から結論からいうと、...
AWS AWS LambdaでAPIを作る手順
一応メモしておきます。（メモする必要がないほど簡単だったのですが･･･）手順AWSの管理画面 → Lambdaの画面を開く → 「関数の作成」をクリック以下のように設定します。 関数名：任意 ランタイム：お好み アーキテクチャ：お好み詳細設...
Dapp spl-token送信時にTokenAccountNotFoundError
以下のリポジトリ（私が作ったやつ）を使って、複数のウォレットアドレスにSPLトークンをバッチ処理的に送信しようとしました。そうしたら途中で「TokenAccountNotFoundError」というエラーが起きました💧この原因についてメモ。...
Dapp spl-token系のコマンドメモ
変更系作成spl-tokenを作成するspl-token create-token指定したアドレスでspl-tokenを作成するspl-token create-token <KEYPAIR_PATH>spl-tokenを作成する（発行単位...