2023-04

スポンサーリンク
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  └📝...
その他

複数の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...
スポンサーリンク