Macのおすすめセットアップ
自分がやっているMacの設定を棚卸してみた。開発関係ない所の設定たち。
記事一覧
e-Taxが読み込み中のまま開けない(2024)
どうやらブラウザの言語設定が日本語以外だとうまくいかない模様
Vitestのmockでpath aliasを使う
configで絶対パスを指定すると動く
monorepo配下のnode_modules全部消す
なんかコマンドとかあるんだっけ？と思いつつ脳筋シェル芸で消した
CSSのtransitionは変更前と変更後に同じプロパティを設定する必要がある
雰囲気でCSSを書いていると良くないって話
Storybookで特定のstoryだけレイアウトを変える
Storybook 7.xでのやり方
TypeScript の satisfies オペレータについて
何が便利なのか分かってなかったので改めて確認してみたメモ
focusを外すと消えてしまうDOM要素をDevToolsで確認したい
blurで消えるDOM要素をインスペクトする方法
TypeScriptで使える良さげなクエリビルダ - Kysely
ちょうど欲しかったものを見つけた話
ドメインが引けなくなったらDomain statusを確認する
何もしていないのに壊れた、、、時のヒント
IntelliJのSSHで1PasswordのSSH Agentを使う
1PasswordのSSH Agentから鍵を参照してIntelliJのSSH機能を使う
TypeScript 5.2の新機能たち
usingとかDisposableとか
server-onlyをimportしたファイルを読み込みとテストが通らない問題の対処法
テストでThis module cannot be imported from a Client Component module.と言われる時の対処法
spread operatorでundefinedを展開した時の挙動
配列の中では展開できないのよ、という話
[JavaScript] グローバルなメソッドを上書きする
globalThisを使ってメソッドの上書きをするメモ
特定のコミットを抜き出して一気にcherry-pickする
やっぱり困った時最後に助けられるのはCLI操作だなと思わされる。
Next.js 13.3出たのでみてみた
Next.js 13.3が出たのでリリースノートを読んだりアップデートしたりした
Elasticsearchでよく使うAPIのメモ
ちょろっとESのAPIをcurlとかで叩くときの個人的チートシート
Rubyでメソッド自体を値として扱いたい
条件ごとに違うメソッドを変数に代入して、実行したりしたいとき
Railsでの#to_jsonが行うエスケープ処理を回避する
& < > などが勝手に置き換えられてしまう問題
S3のCORS AllowedOriginsは末尾スラッシュつけちゃダメ
preflight requestがコケる時にチェックすると良いかも
RSpec receive_message_chainで引数の検証をする
method chainと引数の検証について
Rubyでバイナリファイルをダウンロードする
画像などをRubyスクリプト上からダウンロードする
jsonを整形する一番速そうな方法
潰れたjsonを目で追うの大変ですからね……
Requests from referer XXXX are blocked. というエラーの対処法
GCP/FirebaseのAPIをcallした時に出るエラーの解決方法
Cloudflare Pagesで存在しないファイルにアクセスしたら404を出すには
404を出すための設定がなかったので調べてみた。
Reactのkey propはリスト以外でも使える
リストをレンダリングするときだけのものだと思ってた。
Basic認証でブラウザに認証情報を破棄させる(ログアウトの実装)
Basic認証を今時使うのか、というのはさておき。
IntelliJのブランチ表示が消えた
突如ブランチ表示が消えて戻す方法を探し回ったメモ
ActiveRecordのキャッシュを無効化する
毎回DBから値が取りたい時やメモリ使用量を削減したい時など。
React Server Componentsについて調べたメモ
RFCを読みつつ自分の理解を書いたり、実験したコードが載ってたりする。
sedの正規表現では\dなどが使えない
正規表現の方言ってむずかしい。
aws s3 cpコマンドで一気に複数ファイルをダウンロードする
特定のkey配下にあるファイルを全部ダウンロードしたい時のオプション
TypeScriptで動的な見出しレベルのReactコンポーネントを実現する
template literal stringのいい感じの使い方を発見した
sed便利(でかいCSVを操作する編)
sedのコマンドは文法を覚えながら使うと覚えやすいと感じました
lessに色を付ける
色付きのログファイルなどを見るときにちゃんと色がついた状態で見る方法。
ファイルの先頭n行を抜き出したファイルを作る
大きなファイルの一部を抜き出すみたいなことをしたくなった時のスニペット
notion-sdk-jsの内部で使われるfetchにオプションを渡したりモックしたりする
外部からfetchを渡すことができるオプションがちゃんと存在しているよ、という話
個人的に好みなprettierrc
人には人のprettierrc.json
[Next.js] invalid Cache-Control duration provided と言われる
Next.js13(app directory)でハマるとまだまだ情報が少ないので辛いときあり。。
RubyのAWS SDKでS3からオブジェクトをダウンロードする
ドキュメントがわかりづらくて気が付かなかったが、ちゃんと便利なメソッドがあるという話
Dockerのいろんな未使用リソースを削除する
たまにやっておきたいやつ
rspecで一部のテストだけを実行する
rspecをCLIから実行するとき、テストケースを絞り込む方法
aタグにはping属性というのがあるらしい
HTML標準の仕様でトラッキングっぽいことができて便利そう
a11y sectionは名前がないとregion roleにはならない
sectionタグを置くだけだとlandmarkの一覧に出てこなかったのでなんでかなと思って調べた
Notionで使えるいろんな表現のサンプル
このサイトを作るために使ってるページ
systemdでサービスを作る時のトラブルシューティング手順
systemdのサービス定義ファイルが怒られたときに確かめるやつ
一部のファイルだけをgit stashする
デバッグ用に書いた処理を一時的に消してまた復活させたい…みたいな時に使えるかもしれないテクニック
Rails before_createで必須カラムを埋めるような処理をする
ActiveModelのhook methodとバリデーションの実行順の話
[ダメでした]Rails 特定のmodelに対するクエリが実行されないことをテストする
結局うまく行っていない。
E2Eテスト環境下かどうかを判定する
E2Eテストが壊れるので特定のロジックを発火させたくない、みたいな時に使えるテク。
条件に合ったレコードを数え上げるSQL
条件に合致するレコード数を1行で出したいみたいな時に使える。
yarnを入れる現代的な方法
yarnをnpmで入れるよりも現代的な方法があるらしい。
Vue.js functional componentでmethodへアクセスする
2.x系の話 ドキュメントのどこに書いているかいつも見つけられなくなるのでメモ
yarn linkされてるパッケージ一覧を取得するsnipet
過去にyarn linkしてたの忘れてて、挙動がおかしくて焦ったりすること…あるよね？僕だけ？
Rubyで無名即時関数的なことをする
RubyでJSの(() => {})()っぽいことをする方法
Ruby blockの仮引数を_1で参照できる
RubyのBlockを1行で書くときとかに使えると短く書けてちょっとテンションのアガるテクニック
fastlyのcache purge
手軽に特定のファイルのキャッシュをパージしたい時に便利な方法。