あるSEのつぶやき・改

ITやシステム開発などの技術に関する話題を、取り上げたりしています。

JavaScript

Vite+Jest 逆引きリファレンス in TypeScript

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

Firefox拡張機能の作り方

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

TwitterへのURLシェアとはてブを確認できるブックマークレットを作ってみた

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

npmライブラリの公開でdistディレクトリ配下のみ公開する方法

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

JWT for Google Apps ScriptというライブラリをGitHubとnpmで公開しました

はじめに 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のClaspでWebアプリのURLを変えないでデプロイする方法

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

Reactで<script>タグを生成しスクリプトを実行/外部スクリプトを読み込む方法

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

Solved,[Unhandled promise rejection: Error: No credentials, applicationId or region]

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が時代遅れになったのでnodenvにNode.jsのバージョン管理を移行する

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

Fix: Auth0 'Invalid response code from the auth0-sandbox' Error happend.

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…

Fix: Auth0 'profie is not defined' error happend

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の#以降をJavaScriptで簡単に取得する方法

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

JSONを&つなぎのクエリー文字列形式に簡単に変換する方法

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

JavaScriptでURLのクエリー文字列をキー指定で簡単に取得する方法

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