Windows

エクスプローラのクイックアクセスから、よく使用するフォルダーを非表示にする – 【Windows】

エクスプローラのクイックアクセスから、よく使用するフォルダーを非表示にする - 【Windows】 エクスプローラでクイックアクセスに表示される「よく使用するフォルダー」を非表示にします。 「表示」-「オプション」をクリックします。 「よく...
vercel

Vite+React(TypeScript)をvercelにデプロイする

Vite+React(TypeScript)をvercelにデプロイする ひな形プロジェクト作成 項目 バージョン npm 9.5.1 vite vite/5.0.12 win32-x64 node-v18.16.0 $ npm creat...
Bootstrap

ポップオーバー(popover)内で改行する – 【Bootstrap5.3】

ポップオーバー(popover)内で改行する - 【Bootstrap5.3】 Bootstrap5.3でポップオーバー内で改行するには、data-bs-html="true"を指定する必要があります。 <button class="btn...
Fake API

json-serverでFake API(mock api)を作成してvercelにデプロイする – 【node.js】

json-serverでFake API(mock api)を作成してvercelにデプロイする - 【node.js】 json-serverをlocalで起動できますが、開発時にvercelにデプロイ出来たら便利かもしれません。 Git...
Fake API

JSON PlaceholderでFake API(mock api)を作成する

JSON PlaceholderでFake API(mock api)を作成する バックエンドのAPIをとりあえずmockにしておき、フロントエンドからたたける状態にしておきたいことがあると思います。 Beeceptorが使えますが、今回は...
マイナポータル

マイナポータルで簡単に遠隔で転出届を提出する方法

マイナポータルで簡単に遠隔で転出届を提出する方法 引っ越ししてから住民票の手続きを忘れていたって言う人、結構多いと思います。 転居や近所の引っ越しなら問題ないですが、例えば、九州から関東だととても面倒です。 マイナンバーカードがあればマイナ...
GraphQL

Express GraphQLサーバーを起動する – 【GraphQL】

Express GraphQLサーバーを起動する - 【GraphQL】 Expressサーバを使用してGraphQLサーバを起動します。 GraphQLのGetting StartedでもExpressサーバを使用しています。 プロジェク...
GraphQL

Apollo Serverを使用してGraphQLサーバを起動する – 【GraphQL】

Apollo Serverを使用してGraphQLサーバを起動する - 【GraphQL】 GraphQLサーバを起動します。Apollo Serverを使用します。 プロジェクト作成とインストール $ npm init -y $ npm ...
Lambda(Java)

Lambda(Java)でSnapStart For Java設定方法 – 【AWS】

Lambda(Java)でSnapStart For Java設定方法 - 【AWS】 Lambda(Java)のコールドスタート問題を解決してくれるsnapstartという機能を有効にする手順です。 SnapStart Lambda - ...
Auth0

Auth0クライアント生成時、スコープ未指定時のOpenID Connect Scopeを取得する – 【Auth0】

Auth0クライアント生成時、スコープ未指定時のOpenID Connect Scopeを取得する - 【Auth0】 Auth0クライアント生成時にスコープ指定しない ログイン時にスコープを指定せずにログインすると、どういったスコープが返...
Auth0

スコープにoffline_accessを指定してリフレッシュトークンを取得する – 【Auth0】

スコープにoffline_accessを指定してリフレッシュトークンを取得する - 【Auth0】 Auth0でリフレッシュトークンを取得するには、JWTのスコープにoffline_accessを指定する必要があります。 createAut...
Chrome

Chromeで縦に長いページ全体のスクリーンショットを取る方法

Chromeで縦に長いページ全体のスクリーンショットを取る方法 F12でデベロッパーツールを表示します。 ctrl + shift + pを押して、「フルスクリーン」と入力します。 「フルサイズのスクリーンショットをキャプチャ」を選択します...
Chrome

Chromeの拡張機能にChatGPTを追加してGoogle検索をする

Chromeの拡張機能にChatGPTを追加してGoogle検索をする Chrome拡張にChatGPTがあります。これを追加すると検索時にChatGPTも動きます。 ちょっと便利な機能だと思います。 Chrome用ChatGPTを追加しま...
Google

Google Keepを使用して画像からテキストを抽出する方法

Google Keepを使用して画像からテキストを抽出する方法 Google Keepに画像をアップロードしてテキストを抽出することができます。 「メモを入力...」に画像をドラッグアンドドロップします。 三点リーダーをクリックして「画像の...
Java

JavaでInteger同士の大小比較 <>を使用してはいけない

JavaでInteger同士の大小比較 <>を使用してはいけない 項目 内容 言語 Java バージョン openjdk 17.0.4.1 2022-08-12 LTS Integer同士の比較はcompareTo()メソッドで行います。 ...
Visual Studio Code

VSCodeで長い文字列をn文字ごとに改行する – 【VS Code】

VSCodeで長い文字列をn文字ごとに改行する – 【VS Code】 VS Codeで100文字くらいの文字列を10文字ごとに改行して10行にしたい。こういう時は正規表現で改行コードを挿入します。 正規表現 ctrl + hで置換ビューを...
Visual Studio Code

VSCodeで簡単にJavaScriptを実行する – 【VS Code】

VSCodeで簡単にJavaScriptを実行する – 【VS Code】 jsの動作を確認したいときに、Chromeの開発者ツールのコンソールで良く試したりしますが、VSCode上でもプラグインを入れれば簡単に実行することができます。 C...
WordPress

Download Managerでダウンロードできない時の対処方法 – 【WordPress】

Download Managerでダウンロードできない時の対処方法 - 【WordPress】 いつの間にかDownload Managerでダウンロードできなくなっていたので、設定を変更します。 「Unmask Download Link...
コマンドプロンプト

コマンドプロンプトで指定したディレクトリのファイル一覧を表示する(バッチ)

コマンドプロンプトで指定したディレクトリのファイル一覧を表示する(バッチ) dirコマンドのように指定したディレクトリ配下のファイルをforループを使用して一覧表示します。 コマンドプロンプトのforループ内で%%~nxFを使用します。 n...
UML

MarkDownにPlantUMLを埋め込んでWord形式で出力する – 【VS Code】

MarkDownにPlantUMLを埋め込んでWord形式で出力する – 【VS Code】 前提 Javaインストール済み Graphizインストール済み plantuml.jarダウンロード済み VS Codeプラグイン VS Code...
コマンドプロンプト

コマンドプロンプトのバッチでよく見るenabledelayedexpansionの意味

コマンドプロンプトのバッチでよく見るenabledelayedexpansionの意味 enabledelayedexpansion enable delayed expansionは、遅延展開(実行時に変数を評価し、値を取得する)を有効に...
Chrome

指定したドメインのCookieを削除する – 【Chrome】

指定したドメインのCookieを削除する - 【Chrome】 Chromeで指定したドメインのCookieのみを削除します。 アドレスバーの左側のマークをクリックします。 消したいドメインの右側にあるゴミ箱マークをクリックすればクッキーが...
UML

MarkDownにPlantUMLを埋め込む – 【VS Code】

MarkDownにPlantUMLを埋め込む - 【VS Code】 前提 Javaインストール済み Graphizインストール済み plantuml.jarダウンロード済み VS Codeプラグイン VS Codeに以下プラグインをインス...
Windows Terminal

強制的に張り付けを無効化する方法 – 【Windows Terminal】

強制的に張り付けを無効化する方法 - 【Windows Terminal】 Windows Terminalで複数行のテキスト貼り付け時の警告を無効化します。 settings.json settings.jsonの配置場所はインストール方...
自転車

大阪上本町駅・谷町九丁目駅近辺の格安自転車駐輪場(一時利用無料有のみ)

大阪上本町駅・谷町九丁目駅近辺の格安自転車駐輪場(一時利用無料有のみ) 上本町YUFURA地下 自転車駐輪場 6:00~23:00営業。入庫後12時間ごとに150円です。但し最初の90分は無料です。 1か月定期利用は3,000円~となってい...
Auth0

Organizations機能を使用する – 【Auth0】

Organizations機能を使用する – 【Auth0】 制限事項 New Universal Loginのみサポートされます(Classic Universal LoginまたはLock.jsはサポートされません) Organizat...
Auth0

Amazon SESを使用してverify emailをカスタマイズする – 【Auth0】

Amazon SESを使用してverify emailをカスタマイズする – 【Auth0】 前提 検証済みE-Mail作成済みであること。 Email Provider Auth0ダッシュボードより「Branding」-「Email Pr...
Auth0

URLを生成してパスワード変更画面を表示する – 【Auth0】

URLを生成してパスワード変更画面を表示する – 【Auth0】 ログイン画面の「Don’t remember your password?」リンクをクリックすれば、E-Mailへパスワード変更画面のリンクを送信してパスワード変更することが...
ライフスタイル

TポイントをPayPayへ交換(チャージ)する

TポイントをPayPayへ交換(チャージ)する TポイントをPayPayへ交換(チャージ)します。 「チャージ」を押します。 「Tポイント交換」を押します。 交換するポイントを入力して「交換する」を押します。 確認画面が出ますので「交換する...
iPhone

サブスクリプション(定期購読)を解約する – 【iPhone】

サブスクリプション(定期購読)を解約する – 【iPhone】 項目 内容 iOSバージョン 16.6.1 機種名 iPhone SE 不要になったサブスクリプション(定期購読)を解除します。 赤枠部分をタップします。 赤枠部分をタップしま...
Auth0

Lockライブラリを使用してログインウィジェットを作成する – 【Auth0】

lockライブラリを使用してログインウィジェットを作成する - 【Auth0】 Auth0で提供されているユニバーサルログイン画面を使用せずに自前でログインウィジェットを作成します。 lockライブラリをCDN経由で読み込みます。 <scr...
API Gateway

REST APIからHTTP APIを経由してLambdaを実行する – 【AWS】

REST APIからHTTP APIを経由してLambdaを実行する - 【AWS】 REST APIのリソースポリシーを使用しつつ、HTTP APIのJWT検証をしたかったので、REST APIからHTTP API経由でLambdaを実行...
API Gateway

API Gateway(HTTP API)でJWTの検証を行う

API Gateway(HTTP API)でJWTの検証を行う HTTP APIのJWTオーソライザーを利用してJWTの検証を行います。 HTTP API HTTP APIを作成します。 JWTオーソライザー 作成したAPI(POST)に対...
API Gateway

API Gateway + Lambda(Java17)で複数REST APIを作成する – 【aws-serverless-java-container】

API Gateway + Lambda(Java17)で複数REST APIを作成する - 【aws-serverless-java-container】 aws-serverless-java-containerを使用して、1つのLam...
Auth0

third party cookies(サードパーティクッキー)をブロックしたブラウザでアクセストークンを取得する – 【Auth0】

third party cookies(サードパーティクッキー)をブロックしたブラウザでアクセストークンを取得する - 【Auth0】 ライブラリ ライブラリ バージョン @auth0/auth0-spa-js 2.0.8 モダンブラウザが...
Auth0

トークンをLocalStorageに保存する – 【Auth0】

トークンをLocalStorageに保存する - 【Auth0】 ライブラリ ライブラリ バージョン @auth0/auth0-spa-js 2.0.8 LocalStorageに保存 Auth0では、トークンはdefaultではブラウザの...
Redoc

VSCodeのRedocly OpenAPIプラグインの使い方

VSCodeのRedocly OpenAPIプラグインの使い方 モジュールインストールと拡張機能インストール redoc-cliが非推奨になったので、@redocly/cliを使用します。 $ npm init -y $ npm i @re...
Auth0

サイレント認証時にガード節でLogin Actionsをすぐに終了させる – 【Auth0】

サイレント認証時にガード節でLogin Actionsをすぐに終了させる - 【Auth0】 リフレッシュトークンが有効期限切れなどの際に、裏ではサイレント認証されていますが、この際にLogin Actionsも走ってしまいます。 実行され...
Auth0

Tenant SettingsのInactivity timeoutとRequire log in after設定時の動作 – 【Auth0】

Tenant SettingsのInactivity timeoutとRequire log in after設定時の動作 - 【Auth0】 ライブラリ ライブラリ バージョン @auth0/auth0-spa-js 2.0.8 ブラウザ...
Auth0

リフレッシュトークンを有効にしてgetTokenSilently()の戻り値でリフレッシュトークンも返したい – 【Auth0】

リフレッシュトークンを有効にしてgetTokenSilently()の戻り値でリフレッシュトークンも返したい – 【Auth0】 ライブラリ ライブラリ バージョン @auth0/auth0-spa-js 2.0.8 getTokenSil...
Auth0

getTokenSilently()で取得するアクセストークンの有効期限が設定時間より60秒短い – 【Auth0】

getTokenSilently()で取得するアクセストークンの有効期限が設定時間より60秒短い - 【Auth0】 ライブラリ ライブラリ バージョン @auth0/auth0-spa-js 2.0.8 アクセストークンの有効期限 テスト...
Auth0

loginWithRedirectメソッドで、Actionsやユニバーサルログイン画面の@@config@@でパラメータを渡す – 【Auth0】

loginWithRedirectメソッドで、Actionsやユニバーサルログイン画面の@@config@@でパラメータを渡す - 【Auth0】 ライブラリ ライブラリ バージョン @auth0/auth0-spa-js 2.0.8 Ac...
Azure

WSL2(Ubuntu22.04)でas loginする

WSL2(Ubuntu22.04)でas loginする as loginでログインします。 $ as login ブラウザが起動します。
Auth0

localhostで開発する際にgetTokenSilently()が動作しないのでexpressをhttps通信にする方法 – 【Auth0】

localhostで開発する際にgetTokenSilently()が動作しないのでexpressをhttps通信にする方法 - 【Auth0】 getTokenSilently()でaudienceを指定してもJWTが取得できませんでした...
Auth0

Spring BootでJWTアクセストークンのpermissionsで認可する – 【Auth0】

Spring BootでJWTアクセストークンのpermissionsで認可する - 【Auth0】 認可において、JWTのscope属性ではなくpermissions属性を見るように設定します。 dependencies 依存関係です。 ...
Auth0

JWTアクセストークンをデコードする – 【Auth0】

JWTアクセストークンをデコードする - 【Auth0】 jwt.ioでデコードできますがプログラムでデコードしてみます。 node.js v18 $ npm init -y $ npm i jsonwebtoken $ touch ind...
Auth0

JWTアクセストークンのペイロードが空文字、encがA256GCMになる – 【Auth0】

JWTアクセストークンのペイロードが空文字、encがA256GCMになる – 【Auth0】 vanillajsでSPAでチュートリアルしていたらログイン後のJWTアクセストークンのペイロードが空文字になっていました。 encがRS256の...
Auth0

Actionsのconsole.logをリアルタイムに確認出力する – 【Auth0】

Actionsのconsole.logをリアルタイムに確認出力する – 【Auth0】 Actionsのイベントでconsole.logを書きますが、この出力をリアルタイムに確認出力します。 拡張機能の「Real-time Webtask ...
Auth0

M2Mでアクセストークンを取得する(password) – 【Auth0】

M2Mでアクセストークンを取得する(password) – 【Auth0】 前提 Auth0アカウント作成済 Regular Web Appsタイプのアプリケーション作成済 Domainはdev-xxxx1xxxx111xxxx.jp.au...
Auth0

Your account has been blocked after multiple consecutive login – 【Auth0】

Your account has been blocked after multiple consecutive login – 【Auth0】 連続してログインに失敗していると、「Your account has been blocked...