はじめに JavaScript や TypeScript のテストで、Jest を使う機会は多いかと思います。 この記事は、Jest の使い方を逆引きリファレンスの形式で掲載します。 今まで Jest でテストを行う際は webpack を使用することが多かったのですが、webpack はすでに開…

はじめに 個人用に Firefox の拡張機能を作ろうと思ったのですが、思いの外ハードルが高かったので、その作成方法を備忘録として残しておきます。 はじめに 開発環境 はじめてみよう 署名をして審査を受ける 拡張機能を公開する 情報源 Tips console.log で…

はじめに Firefox で自分用に拡張機能を作っていて、ようやく使えるようになってきました。 作り終わってから、「これ拡張機能じゃなくて、ブックマークレットでできるのでは？」と思って試してみたら簡単に作れてしまいました。 今までの苦労は。。 まぁ、…

npm ライブラリを公開しようと思って作業を始めてみたのですが、 src や test ディレクトリ配下のファイルが公開されるのに、dist ディレクトリ配下のファイルが公開されないという状況でハマりました。 npm 公開時に webpack などでビルドの仕組みを組み込…

はじめに JWT for Google Apps Script というライブラリを、GitHub と rpm で公開しました。 jwt-for-google-apps-script - GitHub jwt-for-google-apps-script - npm このライブラリは、TypeScript で作成された Google Apps Script 用の ライブラリです。 …

Google Apps Script には、TypeScript で開発するための Clasp というとても便利なライブラリがあります。 Clasp を使用すると、コマンドラインからも Web アプリをデプロイできるのですが、デプロイするごとにデプロイ ID が変わるため、Web アプリの URL …

React に限った話ではないかもしれませんが、JavaScript(TypeScript)で <script>タグを動的に生成してスクリプトを実行したい、もしくは外部スクリプトを読み込みたいことは結構あると思います。 外部スクリプトを読み込む方法はネットを探せば結構見つかるのですが</script>…

Expo + Amplify で iOS Simulator を実行しところ以下のエラーが表示されました。 [Unhandled promise rejection: Error: No credentials, applicationId or region] - node_modules/@aws-amplify/analytics/lib/Providers/AWSPinpointProvider.js:189:76 in <unknown></unknown>…

久しぶりにndenvに新しいNode.jsのバージョンをインストールしようと思ったら使い方を忘れてて、ndenvのサイトにアクセスしたら、こんな記述が。 [Deprecated] nodenv is better alternative Please consider to use nodenv. ndenv repository is not mainta…

When I created OpenID Connect client on Auth0, I faced to the error below: Invalid response code from the auth0-sandbox The error's message is ambiguous. The error's cause is 'Fetch User Profile Script''s syntax error. So you review 'Fetch…

When I created OpenID Connect client on Auth0, I faced to the error below: { "error": "invalid_request", "error_description": "profie is not defined" } But I realize solution about it. This error's cause is 'default Fetch User Profile Scri…

URLがhttp://example.jp/#key=valueだったとして、#以降のkey=valueを JavaScript で取得するのは以下のようにします。簡単ですね。 window.location.hash.substr(1); また、上記サンプルのようなkeyに対するvalueを取得したい場合は以下のようにします。 co…

JSON は便利なのですが、JSON をクエリー文字列のようにkey1=value1&key2=value2といったように&つなぎの文字列に変換する必要が出てきました。 調べてみたところ、以下のように簡単に変換することができました。 const data = { key1: 'value1', key2: 'val…

JavaScript で URL のクエリー文字列をキー指定で取得するのは、以前は面倒だったようです。 例えば、URL がhttps://example.jp/?key=valueとあったら、keyを指定してvalueを取得したいですよね。 今はURLSearchParamsというものがあるので、クエリー文字列…