2023-05

Windows

【Windows】ブラウザのcross-originエラーを回避する方法【Chrome・Edge】

はじめに APIテストやsvg画像の表示確認など、ローカルPCのブラウザを普通に開くだけではできないため、ラウザをcross-originモードで開いて実施しています。 Chrome・Edgeのcross-originエラーを回避する方法を...
JavaScript

【JavaScript(HTML)】対応するカッコが正しく入力されているか検証(チェック)する方法【テストツール】

はじめに このカッコに対応するカッコは正しく入力されているのか。。 対応するカッコがない場合に強調表示することで誤入力を防げるため、対応するカッコが正しく入力されているか検証(チェック)するJavaScript(HTML)を作りました。 対...
JavaScript

【JavaScript(HTML)】対応するカッコを強調表示する方法【テストツール】

はじめに このカッコに対応するカッコはどこなのか。。 入力補助となり視認性も上がるため、対応するカッコを強調表示するJavaScript(HTML)を作りました。 カーソル位置に対応するカッコをグレーで表示 対応するカッコを強調表示するデモ...
JavaScript

【JavaScript(HTML)】対応するダブルコーテーションが正しく入力されているか確認する方法【テストツール】

はじめに テキストエリア内で対応するダブルコーテーションが正しく入力がされているのか。。 ダブルコーテーションで括られた範囲を表示することで誤入力を防げるため、対応するダブルコーテーションが正しく入力されているか表示するJavaScript...
JavaScript

【JavaScript(HTML)】テキストエリア内の半角・全角スペース(空白)を表示する方法【テストツール】

はじめに テキストエリア内のスペース(空白)は半角なのか全角なのか。。 半角か全角か判定できると誤入力を防げるので、テキストエリア内の半角・全角スペース(空白)を表示するJavaScript(HTML)を作りました。 半角空白を「・」・全角...
HTML

【HTML】HTML上の要素[id、class、name]を一覧化(リスト化)する方法【ツール】

はじめに idは重複してないか、このnameは使用済みか、このclassの修正をする際の影響範囲は。。など確認をしたい場合は以下の方法で確認できます。 HTML上の要素を一覧化(リスト化)する方法です。 HTML上の要素を一覧化(リスト化)...
Oracle

【Oracle】SQL*Plusで作業日時を表示する方法【SQL*Plus】

はじめに OracleのSQL*Plusで作業する際、作業ログとして日時を表示してくれるとエビデンス作成時や、作業中にどのくらい処理時間が掛かったかの目視確認、後からログを追いかけた際にも便利だなと。 Oracle SQL*Plusで作業日...
Oracle

【Oracle】コストの高いSQL(ハイコストSQL)を確認する方法

はじめに この処理のどれかのSQLに時間が掛かっているようだがどのSQLか分からない、、というときは以下の方法で調査します。 Oracleで実行したSQLの中で、ある一定以上のコストが掛かっているSQLを確認する方法を記載します。 コストの...
Linux

【Linux】特定範囲(行)から特定文字列を検索する方法

はじめに Linuxでlog等、ファイルの特定範囲(行)から特定文字列を検索するには以下の方法があります。 cat・sed・grepコマンドを使います。 ファイルの特定範囲(行)から特定文字列を検索する 例えば、以下のようなlogのxml内...
JavaScript

【HTML】【JSON】ブラウザからAPIテストする方法【APIテストツール】

はじめに 「JSON投げるAPIのテストしておいてー」と言われたときは以下の方法でテストします。 ローカルPCのHTMLからブラウザでJSONをリクエストする方法です。 ブラウザからAPIテストをする方法 APIテストツール作成 まずは、J...