tool

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上の要素を一覧化(リスト化)...
JavaScript

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

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