REPOP WEBツール集
ブラウザだけで完結する便利なWEBツール、WEBアプリが沢山あります
現在時刻をリアルタイムに更新・表示するJavaScriptコードを生成します。フォーマットをカスタマイズ可能です。
プレビュー
<div id="clock"></div>{{clock_code}}String(d.getMonth() + 1).padStart(2, '0') のように使用している padStart(2, '0')
は、文字列が指定した長さ（ここでは2文字）になるように、先頭を特定文字（ここでは '0'）で埋めるメソッドです。これにより、例えば「9月」を「09月」のように揃えて表示することができます。
JSONとJSオブジェクトの相互変換ツール
JSONコードとJavaScriptのオブジェクト(Object)コードを相互変換します。
JavaScriptの長押しイベントを実装するコード生成ツール
左クリックやタップ長押しのイベントを実装するためのJavaScriptコードを生成します。長押しの時間設定や動作確認が可能です。
JavaScriptの経過時間を表示するコード生成ツール
ページ読み込み時や特定の日時からの経過時間を表示するコードを生成します。秒のみ、日時分秒などの形式を選択可能です。
JavaScriptのcloneNode()を利用した動作確認ツール
JavaScriptのcloneNode()を使ってHTML要素を複製数するコードを生成し、動作を確認できます。
JavaScriptのIntersectionObserver()を利用した動作確認ツール
スクロールして要素が画面内に入ったことを検知し、アニメーション表示させるコードを生成します。移動距離や時間を調整可能です。
JavaScriptのscrollIntoView()を利用した画面スクロールの動作確認ツール
要素の位置までスムーズにスクロールするscrollIntoView()の動作を確認できます。オプション（behavior, block）の効果を視覚的に試せます。
MutationObserver()を利用したJavaScriptコードの動作確認ツール
DOMの変更（要素の追加・削除、属性変化など）を監視するMutationObserver()の動作をリアルタイムで確認できます。
JavaScriptでHTTPSかどうかを判定する動作テストツール
現在のページがHTTPSでアクセスされているか、HTTPでアクセスされているかを判定するJavaScriptコードを生成します。
JavaScriptでクリックを検出するイベントの動作テストツール
右クリックや左クリック、またはダブルクリックを検出するJavaScriptのイベント動作テストができます。
スクロール量で背景色を変化させるJSコード生成ツール
スクロール量に応じて背景色を滑らかに変化させるJavaScriptコードを生成します。色の段階や切り替え位置を自由に設定可能です。
PNG/JPG to WebP
高品質を維持したまま、PNG/JPGをWebPに変換し圧縮します。
SVG to PNG/JPG/WebP
SVG画像をPNG, JPG, WebPに変換。解像度を指定してラスタライズできます。
カラーピッカーツール
美しいカラーパレットから色を選んでコピー。HEX, RGB, RGBA、カラーネームに対応。
JSONとPHP配列の相互変換ツール
JSONコードとPHP配列コードを相互変換
JSONとPython辞書の相互変換ツール
JSONコードとPythonの辞書型(dict)コードを相互変換します。
HTMLタグ除去・抽出ツール
HTMLコードからタグを除去し、テキストデータのみを抽出します。実体参照のデコードや空白処理も可能です。
HTMLエスケープツール
HTMLの特殊文字（<, >, &, " 等）を実体参照に変換（エスケープ）、または元に戻す（アンエスケープ）ツールです。
HTMLテーブル1行目をヘッダーセクションに変換
テーブルの1行目をthead要素、最後の行をtfoot要素に変換します。WordPressのヘッダーセクションに対応。ExcelやWebからコピーした表もOK。スタイル属性やタブ・改行の一括削除機能付き。
JSONとCSVの相互変換ツール
JSON配列とCSVデータを相互に変換します。ヘッダーの有無も切り替え可能です。
WebP to PNG/JPG 変換ツール
WebP画像をPNGまたはJPG形式に変換します。JPEG画質の調整も可能です。