REPOP WEBツール倉庫
ブラウザだけで完結する便利なWEBツール、WEBアプリが沢山あります
HTMLの特殊文字（<, >, &, " 等）を実体参照に変換（エスケープ）、または元に戻す（アンエスケープ）ツールです。
code, preタグで囲う
テーブルを半透明にするCSSジェネレーター
背景が透けて見える、スタイリッシュな半透明（透過）テーブルのCSSを生成します。文字色、背景色、透過度を自在に調整して、デザインにマッチするテーブルコードを作成できます。
サービスの流れデザインのCSSジェネレーター
サービスの手順やステップを分かりやすく見せるためのCSSジェネレーターです。PCではジグザグのフロー、スマホでは縦並びに自動で切り替わるレスポンシブデザインを生成します。
CSS FAQ アコーディオンデザインジェネレーター
JavaScript不要、CSSのみで動作する「よくある質問（FAQ）」用のアコーディオンUIを生成。配色や初期状態をカスタマイズでき、コードを出力します。
テキストをpタグで囲うツール
テキストデータの改行ごとにpタグで囲みます。ブログやHTMLコーディングの効率化に。
テキストからHTMLリストに変換
テキストデータを改行区切りで li タグに変換します。ul タグで囲むかどうかも選択可能です。
HTMLテーブル1行目をヘッダーセクションに変換
テーブルの1行目をthead要素、最後の行をtfoot要素に変換します。WordPressのヘッダーセクションに対応。ExcelやWebからコピーした表もOK。スタイル属性やタブ・改行の一括削除機能付き。
HTMLタグ除去・抽出ツール
HTMLコードからタグを除去し、テキストデータのみを抽出します。実体参照のデコードや空白処理も可能です。
桜が舞うアニメーション ジェネレーター
CSSとJavaScriptで、画面上部から風に吹かれながら優雅に舞い散る桜の花びらのアニメーションコードを生成します。
ファイルの文字化け解消ツール
文字化けしてしまうテキストファイル（Shift_JISやEUC-JPなど）の文字コードを自動判定してからUTF-8にデコードし、汎用的に使えるファイルを作成します。
JSONとXMLの相互変換ツール
JSONデータとXMLデータを相互に変換します。リアルタイムでの変換や、ルート要素・子要素名の指定に対応。
アニメーション付きハンバーガーメニュー ジェネレーター
CSSとJavaScriptで、クリック時に3本線からバツ印へ変化するハンバーガーボタンと、画面外からスライドインするサイドメニューを自由にカスタマイズしてコード生成します。
万華鏡ジェネレーター
CSSとJavaScriptで、Canvasを使用し幾何学模様が中心から対称に広がり色鮮やかに変化する万華鏡のような背景アニメーションを生成します。
3Dエンドロール ジェネレーター
CSSとJavaScriptで、映画のオープニングやエンディングのように画面の奥へ向かって流れる立体的な3Dテキストのスクロール演出を生成します。
モーダルウィンドウ ジェネレーター
CSSとJavaScriptで、表示位置、サイズ、開閉アニメーション、暗転オーバーレイの有無などを細かくカスタマイズできるモーダルウィンドウを生成します。
マトリックス風デジタルレイン ジェネレーター
CSSとJavaScriptで、映画「マトリックス」のように上から下へとグリーンのコード文字が流れ落ちるデジタルレイン背景エフェクトを生成します。
紙吹雪が舞うアニメーション ジェネレーター
CSSとJavaScriptで、指定したボタンをクリックした際などに画面内に色とりどりの紙吹雪がランダムに舞い落ちる演出を生成します。
波紋アニメーション ジェネレーター
CSSとJavaScriptで、クリックやタップした位置を中心に、同心円状の波紋が広がりながら消えていくインタラクティブなUIエフェクトを生成します。
もっと見る
仕事、作業関連ツール一覧