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...
React 
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 └📝...
その他 複数の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のRecoi...
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」さんが書いてる本なので、どうせ神本だろうなと思ってたのですが、案の定でした。 どんな本か TypeScr...
読んだ本 「知識ゼロから学ぶソフトウェアテスト」を読んだ感想 ⭐⭐
「知識ゼロから学ぶソフトウェアテスト」という本を読んだ。 結論からいうと、微妙だった。 書評 書いてる内容は良いんだけど、気になる部分が多すぎて「うーん･･･」って感じでした。 どんな本か ソフトウェア開発における「テスト」の基本的な考え方...
その他 ステップイン、ステップアウト、ステップオーバーの違い
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 Desktop Cannot 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 wa...
仮想環境 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 defi...
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を作成す...
その他 【GAS】このスクリプトを配置できるのは、スクリプトのオーナーと同じドメインに所属するユーザーのみです。なエラー
GASを使ってとあるシートからデータを取得できるAPIを作ろうと思ったんですが デプロイしようとしたら以下のようなエラーが出て進めなかったのでメモ。 ▲デプロイ→ウェブアプリとして公開を進めてもこの画面になっちゃう 結論からいうと、Goog...
Dapp 【Candy Machine】Crossmintを使ってクレジットカード決済を実装する
メモ。 Crossmintとは？ クレカでNFTを購入できるようにするサービス。 少しのコードを追加するだけでクレカ決済できるボタンを追加できます。 Solana以外にも Ethereum Polygon AvalancheNFT などに対...