SPONSORED ADVERTISEMENT
Placeholder (banner)
47個のツールが登録されています

開発者・クリエイター向けユーティリティ

インターネット経由でデータやファイルを送信したくない業務・実務用途に最適な,100%クライアントサイド(ブラウザ内)で動作するツール群です.登録不要・完全無料で即座にご利用いただけます.

JSON整形&構文チェッカー

1行に潰れたJSON文字列の整形(Beautify)と,構文エラーが発生している箇所の特定・指摘を行います.

ReactJSON.parse
使ってみる

相互エンコーダー (Hex/Binary/Base64/URL)

文字列やバイナリデータを,16進数・2進数・Base64・URLエンコードなどへリアルタイムに相互変換します.

TextEncoder/Decoderatob/btoa
使ってみる

コード・スクリーンショット作成

ソースコードを入力し,美しいグラデーション背景やエディタ風の装飾を施した画像を生成してエクスポートします.

Reacthighlight.js
使ってみる

SNS画像サイズ確認・一括リサイズ

各SNSプラットフォーム(X, Instagram, YouTube等)の推奨サイズに合わせて,画像のトリミングやリサイズを行います.

Canvas APICropper.js
使ってみる

ダミーテキスト生成器

レイアウト確認用のLorem Ipsumテキストや,日本語の古典文学(青空文庫など)風のランダムテキストを生成します.

ReactRandom sentence logic
使ってみる

フロントエンドコード圧縮 (Minifier)

HTML,CSS,JavaScriptコードから不要なスペースや改行,コメントを削除し,ファイルサイズを極小化します.

ReactRegex / UglifyJS Web port
使ってみる

JWTデコーダー

JSON Web Token (JWT) をブラウザ上で安全にデコードし,ヘッダー,ペイロード,署名の内容を表示・検証します.

ReactJWT Parsing
使ってみる

RegEx(正規表現)テスター & ビルダー

正規表現パターンとテスト文字列からマッチ箇所をリアルタイムにハイライト表示し,グループ抽出を行います.

ReactRegExp Engine
使ってみる

URLパラメータ解析・整形ツール

複雑なURLをプロトコル,ホスト,パス,クエリパラメータに分解し,グリッド形式でパラメータを編集・再構築します.

ReactURLSearchParams
使ってみる

CSSシャドウ(Box Shadow)ビルダー

影の方向,ぼかし,拡散,色(RGBA),不透明度,内側シャドウ(Inset)を視覚的に調整し,CSSコードを出力します.

ReactTailwind CSS
使ってみる

CSSグラデーションジェネレーター

線形(Linear)や放射状(Radial)のグラデーションを作成し,カラーストップの追加・移動・削除を直感的に操作できます.

ReactGradient Logic
使ってみる

HTMLエンティティ・エスケープ/アンエスケープ

特殊文字(<, >, &, ", ')とHTMLエンティティ(&lt;, &gt;, &amp;, &quot;, &apos;)を相互に高速変換します.

ReactHTML Escaper
使ってみる

Markdownエディタ & ライブプレビュー

Markdown記法で入力したテキストを,リアルタイムにHTMLプレビューと並べて表示・確認できるエディターです.

ReactCustom Parser
使ってみる

YAML ⇔ JSON 相互変換ツール

階層構造を持つデータをYAMLからJSON,またはJSONからYAMLへリアルタイムに相互変換し,構文検証を行います.

ReactFormat Converter
使ってみる

CSV ⇔ JSON/XML 相互変換ツール

スプレッドシートやデータベースのCSVデータを,プログラムで扱いやすいJSONまたはXML形式に相互変換します.

ReactData Transformer
使ってみる

SQLフォーマッター・整形ツール

読みにくいSQL文を予約語の大文字化や適切な改行,インデントの挿入によって美しく見やすく整形します.

ReactSQL Parser
使ってみる

HTTPヘッダー・レスポンス確認シミュレーター

HTTPリクエスト(メソッド,Content-Type,各種認証など)を組み立て,生成されるヘッダーと予想されるレスポンスを可視化します.

ReactHTTP Mocking
使ってみる

XMLフォーマッター & 構文検証ツール

XMLテキストのインデント整形と,閉じタグの不足などの文法チェック(エラー行の特定)をブラウザ上で実行します.

ReactDOMParser API
使ってみる

UUID / GUID 一括生成ツール

ランダムかつ一意のID(UUID v4 または v1)を指定した数(最大500個)だけ一括で自動生成します.

ReactWeb Crypto API
使ってみる

プレーンテキスト ⇔ HTML相互変換

テキスト改行を<p>タグに,URLを<a>リンクにするなど,テキストとHTMLソースコードを自動で相互変換します.

ReactHTML Processor
使ってみる

Gitコマンドヘルパー

ブランチ操作やコミットの打ち消しなど,行いたいアクションをメニューから選ぶだけで正しいGitコマンドを自動生成します.

ReactGit Template
使ってみる

Crontab(cron)式ビルダー

分・時・日・月・曜日を直感的なセレクトボックスから指定し,正しいcron実行記述(* * * * *)を構築・解説します.

ReactCron Parser
使ってみる

CSSグリッドレイアウトビルダー

画面上のグリッドで行と列の数,ギャップ幅を定義し,対話的にCSS Gridレイアウトコードを生成します.

ReactCSS Grid
使ってみる

カラーコントラストチェッカー

文字色と背景色からコントラスト比を計算し,WCAG 2.1基準(AA/AAA)への適合判定をリアルタイムに行います.

ReactWCAG Formulas
使ってみる

IPアドレス/CIDRサブネット計算ツール

IPアドレスとサブネットマスクから,ネットワークアドレス,ホスト範囲,ブロードキャストアドレスを自動計算します.

ReactBinary Math
使ってみる

HTML ⇔ JSX コンバーター

通常のHTMLコードを,Reactコンポーネント用のJSXコード(classのclassName置換,forのhtmlFor置換,インラインstyleのオブジェクト化,セルフクロージングタグ補完など)へ自動変換します.

ReactRegex Engine
使ってみる

Bash ⇔ PowerShell 翻訳・コマンド対比

基本的なシェルコマンドやスクリプト構造(ファイル移動,文字列検索,環境変数設定など)をBashとPowerShell間で簡易変換し,文法対比ガイドを表示します.

ReactRegex Engine
使ってみる

CSS 三角形ジェネレーター

borderプロパティのトリックを使い,CSSのみで描画可能な三角形(上向き,下向き,吹き出し用など)のサイズ,向き,色を指定してCSSおよびTailwindコードを取得します.

ReactCSS Border Math
使ってみる

JSON ⇔ YAML ⇔ TOML 相互変換

JSON,YAML,TOMLの3つの主要設定ファイルフォーマットを,相互にシンタックス検証付きで相互に変換します.

ReactCustom Parsers
使ってみる

フォント形式変換・ウェブフォントチェッカー

手元のフォントファイル(.ttf / .otf / .woff / .woff2)をブラウザにロードして表示テストを行い,CSS埋め込み用のBase64コードを生成します.

ReactFontFace API
使ってみる

Git Config / SSH Config 設定ビルダー

SSH接続設定(~/.ssh/config)やGitグローバル環境設定(~/.gitconfig)の定義ファイルをフォーム入力で自動構築します.

React
使ってみる

配色パレット生成 & カラースキーム提案

ベースカラーをもとに,色彩調和論(補色,類似色,トライアド,分裂補色,テトラード,モノクローム等)に基づく美しいパレットを自動計算します.

ReactColor Theory Math
使ってみる

Nginx 設定ファイルビルダー (nginx.conf)

WebサーバーNginxのバーチャルホスト設定(nginx.conf)を生成します.キャッシュ,Gzip,SSL,リバースプロキシに対応.

React
使ってみる

.gitignore ファイルジェネレーター

Node.js, Python, Go, macOS, Windows, VSCode, IntelliJ, Unityなど,対象環境を選択してクリーンな.gitignoreファイルを作成します.

ReactDeduplication Engine
使ってみる

Docker-Compose 設定ビルダー

マルチコンテナ構成を定義する docker-compose.yml ファイルをフォーム操作でビジュアル設計します.

ReactYAML Builder
使ってみる

CSS アニメーション・キーフレームビルダー

タイムラインに沿って位置,サイズ,透明度,回転を指定し,変化のアニメーションをプレビューしながら,@keyframes のCSSコードを出力します.

ReactTimeline Editor
使ってみる

正規表現チェッカー&パース表示

入力された正規表現の構文を解析し,状態遷移(ステートマシン)やツリー構造 of 図をキャンバスに描画して「どの部分がどう機能しているか」を可視化します.

ReactCustom Parser
使ってみる

TypeScript / JavaScript 型定義自動生成

APIレスポンスなどのJSONデータを読み取らせ,ネストしたオブジェクトも含めたTypeScriptのインターフェース(interface)定義を自動で構築します.

ReactRecursive Parser
使ってみる

HTTP Status Code / APIレスポンスカタログ

RFC 9110に準拠したHTTPステータスコードの網羅的なリファレンスカタログです.日本語解説,詳細な意味,対応するRFCセクション,および一般的なAPIレスポンスのモック例を瞬時に検索できます.

ReactReference Database
使ってみる

GraphQL クエリ整形・スキーマビルダー

散らかったGraphQLのクエリやスキーマ(SDL)のインデントを揃えてきれいに整形・構文チェック・圧縮(Minify)するほか,GUI操作で簡単にスキーマを設計できます.

ReactCustom Parser
使ってみる

マークダウンテーブルエディタ

スプレッドシートやExcelのようなGUI操作で表を作成し,自動で幅が綺麗に整列されたMarkdownテーブルテキストを出力します.

ReactDynamic Layout
使ってみる

CSS clamp() レスポンシブフォント計算機

画面幅の最小値・最大値に合わせて,フォントサイズをなめらかに拡大縮小するCSSの clamp() 式を生成します.

ReactClamp Calculator
使ってみる

Curl ⇔ JavaScript Fetch 変換ツール

ターミナルの curl コマンドを,JavaScriptの標準 Fetch API または Axios によるリクエストコードに自動変換します.

ReactCurl Command Parser
使ってみる

SVG バッジジェネレーター

GitHubのREADMEなどに最適な,フラットで美しいパラメータ表示用のカラーバッジ(Shields.io風)をSVG形式で生成・ダウンロードできます.

ReactText Metric Measurer
使ってみる

JSONデータ構造クエリ抽出(JSONPath / JQ簡易テスター)

大容量のJSONデータから,JSONPath式やJQ風のフィルタを指定して特定のデータノードを瞬時に抽出・ツリー表示します.

ReactCustom JSONPath Parser
使ってみる

Unicodeエスケープ・復元ツール

テキスト文字を各種Unicodeエスケープコード(\uXXXX, \u{XXXX}, HTML数値文字参照, %uXXXX)へ相互変換・復元します.

ReactString Utilities
使ってみる

CSS影絵・ドット陰影ジェネレーター

1つのHTML要素とbox-shadowプロパティだけで描画される美麗なドット絵を自動作成・出力できるジェネレーターです.

ReactCSS Shadow
使ってみる

ZeroToolsは,安全で安心な「完全ローカル型」ツールセットです

外部のWebツールに機密ファイルをアップロードする行為には情報漏洩リスクが伴います.ZeroToolsは構造上,ファイルやデータをサーバーへ送信しないため,完全なセキュリティ保護のもとで作業を完結させられます.