lerna環境でhuskyを使うときのメモ

huskyはリポジトリのルート(.gitと同階層)ディレクトリでないと動作しない模様 以下、lerna環境での対処法のメモ 目次 パッケージのバージョン 対処法 まずは、.husky/pre-push.sh に以下のコマンドを追加します。 次に、pre-pushを使いたいパッケージのpack…

FirestoreエミュレータにAdmin SDKで接続するときのメモ

FirestoreエミュレータにAdmin SDKで接続する際にひっかかったので、メモ残し。 目次 Cloud Functionsエミュレータからの接続 Cloud Functionsエミュレータ以外からの接続 補足 その1 - Firebase Emulator Suite でデータを確認したい場合は 補足 その2 - …

firebaseui-web(firebaseui-web-react)とエミュレータを連携してみた!

firebaseui-web(firebaseui-web-react)とエミュレータの連携を試してみたので、調べた内容などを簡単にまとめたいと思います。 ※ 調べた内容は、主にfirebaseui-webについてですが、firebaseui-web-reactについても問題なく動作しました 目次 公式ドキュメン…

Visual Studio CodeにJest拡張を入れてみた

フロントもバックもJavaScriptに統一して、PHPを使う事がなくなったので、PhpStormからVSCodeへ移行中です。 しばらく、テスト(Jest)はコマンドラインとCIに任せていましたが、ちょっと辛くなってきたので、拡張機能を導入する事にしました。 目次 導入した…

Storybook 6 で Console アドオンが動作しないときの対処法

StorybookのConsoleアドオンを使おうと思ったら、ちょっとひっかかったので、以下、備忘録として簡単にまとめたいと思います。 目次 Consoleアドオンページをチェック ドキュメント通りにセットアップ => 動作せず リサーチ リポジトリページをチェック conf…

【TypeScript】interfaceをオーバライドするには?

以下のような、オーバーライドをしようとすると interface A { x: string y: number } interface B extends A { x: number } 以下のようなエラーメッセージが表示されました。 TS2430: Interface 'B' incorrectly extends interface 'A'. Types of property …

【TypeScript】Union Types から特定の型を取り除くには?

Union Types から特定の型を取り除く => Exclude type Sample1 = Exclude<string | number | boolean, string | boolean>; // number 逆に、Union Types から特定の型を抽出する場合は => Extract type Sample2 = Extract<string | number | boolean, string | boolean>; // string | boolean 参考ページ</string></string>

Docker使い始めてもうすぐ5年目なので、使用感などの感想をまとめてみました!

TwitterでDockerがトレンドになってるみたいなので、Twilogで自分のツイートを検索したら、使い始めてもうすぐ5年目突入と判明。 今更ながらredmineを試してみようとvagrant+ansibleで苦闘。3時間ほど右往左往したころ「ツール利用だけならdockerでもいいの…

【Storybook】「TypeError: (tag.text || "").trim is not a function」エラーの対処法まとめ

Storybookで以下のようなエラーが出たので、以下、対処法を備忘録としてメモ。 TypeError: (tag.text || "").trim is not a function なにはともあれ、まずはグーグル先生に質問。 TypeError: (tag.text || "").trim is not a functionで入力した所、storybo…

npm-check-updates(ncu)でワイルドカードを使ったパッケージ指定をいろいろ試してみた

最近、npm-check-updates(ncu)でパッケージの指定にワイルドカードが使える事を知ったので、いろいろ試してみました。 以下、簡単に試した内容をまとめてみました。 目次 使用したパッケージ スコープなしの場合 ncu lo* ncu lodash* ncu l*d* スコープあり…

6/8 大規模障害まとめ - Fastly、AWS、GitHubなど 21/06/08 19:00ごろ~

GitHubダウンしたので、障害情報を調べてみたら、どうもAWSなどでも障害が出ている模様 目次 障害状況 19:29ごろ 障害状況 19:49ごろ 障害状況 20:16ごろ 障害状況 20:34ごろ 障害状況 20:50ごろ 障害状況 21:46ごろ

Lerna(もしくはモノレポ)+ncuで使用パッケージのバージョンを一括更新(サブディレクトリ含む)

誤解がないように最初にひとこと Lerna 最高!! Lerna 便利です。 Lerna で monorepo 管理するようになって、各パッケージで使っているパッケージのバージョンを更新するのが、少し面倒に (後述しますが、自分の無知からくる面倒さであって、Lerna のせいで…

Firebase で The default Firebase app already exists みたいなエラーが出たときの対処法

Firebaseを使っていて、 The default Firebase app already exists. This means you called initializeApp() more than once みたいなエラーが出たときの対処法。 エラーの内容の通り、initializeApp()を複数回呼び出しているとダメという事なので、initiali…

firebase-functions-test で Module '"firebase-functions"' has no exported member 'crashlytics' と怒られたときの対処法

firebase-functions-test を使っていたら、以下のようなエラーが出たので、対処法などを簡単にメモ Module '"firebase-functions"' has no exported member 'crashlytics' Googleで検索したところ、同様のエラー情報があったのでチェック It seems this is c…

eslint-config-prettier v8.0.0 の変更についてのメモ

eslint-config-prettierのバージョン8.0.0 (2021-02-21) で All configs have been merged into one! という事らしいです。 具体的には { "extends": [ "some-other-config-you-use", "prettier", "prettier/@typescript-eslint", "prettier/babel", "pretti…