広告が嫌いですか? 行く 広告なし 今日

IO Tools

Argon2 Hash Generator

Argon2 Hash Generator Generate real Argon2 password hashes right in your browser. Argon2 is the modern, memory-hard password-hashing algorithm that won the Password Hashing Competition, and it is the recommended choice for storing passwords securely. This tool computes genuine Argon2id, Argon2i and Argon2d hashes using a WebAssembly engine — your password, salt and resulting hash never leave your device. How to Use Enter the password or message you want to hash. Choose a variant — Argon2id is recommended for password storage. Tune the memory cost, iterations, parallelism and hash length, or keep the sensible defaults. Let the tool auto-generate a random salt, or supply your own for reproducible results. Pick ...

ツールを試す »
開発者安全

CIDR Overlap / Subnet Conflict Checker

CIDR Overlap / Subnet Conflict Checker Paste a list of CIDR ranges and instantly see which ones overlap. The checker performs exact bitwise comparison of every pair of subnets — for both IPv4 and IPv6 — and reports the precise conflicting address range and how many addresses collide. It is built for network engineers planning VPC peering, multi-region address space, firewall rules, or VPN routes, where a single overlapping subnet can silently break routing. How to Use Enter one CIDR range per line, e.g. 10.0.0.0/16 or 2001:db8::/32. Results update automatically as you type or paste. Review the summary counts, then inspect each conflicting pair in the table below. For every ...

ツールを試す »
開発者ネットワーキング

CSS Nesting Converter

CSS Nesting Converter The CSS Nesting Converter transforms stylesheets between native CSS nesting (using the & selector) and flat CSS, in either direction. Paste nested CSS to expand every & and parent selector into plain rules that older browsers understand, or paste flat CSS to group related rules under a shared parent with clean, modern nesting. It handles the tricky parts that hand-editing and AI text boxes routinely get wrong: selector lists, pseudo-classes, pseudo-elements, combinators, and media queries. How to Use Paste your CSS into the input box. Choose a direction: Nested → Flat to expand & selectors, or Flat → Nested to group rules with &. Toggle Preserve comments ...

ツールを試す »
開発者文章

OAuth 2.0 Authorization URL Builder

OAuth 2.0 Authorization URL Builder Assembling an OAuth 2.0 authorization request by hand is fiddly: every parameter has to be percent-encoded exactly, the PKCE code_challenge has to be a base64url-encoded SHA-256 hash of a random verifier, and the state and nonce values need to be unpredictable. Get one character wrong and the provider bounces you with an opaque error. This builder produces a correct, ready-to-use authorization URL from a few inputs — entirely in your browser, so secrets never leave the page. How to Use Pick a provider preset (Google, GitHub, Microsoft, Okta) to auto-fill the authorization endpoint and suggested scopes, or choose Custom and paste your own endpoint. Enter ...

ツールを試す »
開発者ネットワーキング

HAR to cURL Commands Extractor

HAR to cURL Commands Extractor A HAR (HTTP Archive) file captures every network request your browser made on a page — but reading raw HAR JSON is painful, and reproducing a single request by hand is worse. This tool parses a HAR export entirely in your browser and turns each captured request into a ready-to-run cURL command, complete with method, headers, cookies and request body. Drop it into a terminal to replay an API call, share a reproducible bug report, or move a request from DevTools into a script. How to Use In your browser DevTools, open the Network tab, right-click any request and choose “Save all as HAR with ...

ツールを試す »
データ開発者

SQL Parameterizer

SQL Parameterizer SQL Parameterizer turns a query full of hardcoded values into a safe, reusable prepared statement. Paste SQL with inline string and numeric literals and instantly get back a parameterized query plus the extracted values as a JSON array — ready to bind in your application code. How to Use Paste your SQL into the input box, then choose a placeholder style that matches your database driver: PostgreSQL ($1, $2), MySQL or SQLite (?), or Oracle/named (:p1, :p2). Optionally toggle whether string and numeric literals are parameterized. The parameterized SQL and the ordered values array update automatically — copy or download either one. Features Multiple placeholder styles – PostgreSQL ...

ツールを試す »
データ開発者

Matrix Calculator (2×2 / 3×3)

Matrix Calculator (2×2 / 3×3) The Matrix Calculator lets you add, subtract, multiply, transpose, and find the determinant or inverse of 2×2 and 3×3 matrices using a clean visual grid. Enter your numbers directly into the matrix cells and get instant, exact results — no rounding errors, no setup, and no math software required. Unlike a chat box, this tool renders a real grid and computes with exact rational arithmetic, so a fraction like 1/3 stays 1/3 instead of becoming a long, lossy decimal. That makes it reliable for homework, engineering checks, and quick verification of linear-algebra work. How to Use Choose the matrix size: 2×2 or 3×3. Select the ...

ツールを試す »
開発者数学

ISO Week Number Calculator

ISO Week Number Calculator The ISO Week Number Calculator converts any date into its ISO 8601 week number, week-year, and Monday-to-Sunday range. It also works in reverse, turning a week-year and week number back into exact dates, and shows a full-year calendar of every ISO week. Because ISO 8601 numbering has subtle edge cases around week 53 and the year boundary, this tool gives you instant, verifiable answers for scheduling, payroll, sprint planning, and reporting. How to Use Pick any date to instantly see its ISO week number, ISO week-year, and the Monday and Sunday that bound that week. Use the Previous week, This week, and Next week buttons to ...

ツールを試す »
データ開発者

Fibonacci Retracement Level Calculator

Fibonacci Retracement Level Calculator The Fibonacci Retracement Level Calculator turns a single swing high and swing low into a complete table of Fibonacci retracement and extension price levels. Instead of eyeballing a chart or running the arithmetic by hand, you get the exact prices for every key ratio in an instant — ready to drop into your trading plan, alerts, or risk model. Everything runs in your browser, so your numbers never leave your device. How to Use Enter the swing high — the peak price of the move you are measuring. Enter the swing low — the trough price of the same move. Choose the trend direction: uptrend (a ...

ツールを試す »
データ数学

API Secret Scanner & Redactor

API Secret Scanner & Redactor The API Secret Scanner & Redactor finds hardcoded credentials in code, configuration files, and logs, then rewrites them so the text is safe to share. Paste a snippet and it instantly highlights AWS keys, GitHub and GitLab tokens, Stripe and Square keys, JSON Web Tokens, private key blocks, database connection strings, and generic key, secret, and password assignments. Everything runs locally in your browser, so the text you scan never leaves your machine. How to Use Paste your code, config, or log output into the input box, or drop in a text file. Review the findings list, which shows each detected secret with its type, ...

ツールを試す »
開発者安全

Kustomize kustomization.yaml Generator

Kustomize kustomization.yaml Generator Assemble a valid kustomization.yaml file without memorizing the Kustomize schema. Pick the features you need — resources, name prefixes, labels, image overrides, generators, and patches — and the tool emits clean YAML using the current kustomize.config.k8s.io/v1beta1 API version, steering clear of deprecated fields that commonly slip into hand-written or AI-generated configs. How to Use List your resource files or bases, one path per line. Optionally set a namespace, name prefix/suffix, common labels, and annotations. Add image overrides as matchName=newName:newTag, or override replica counts. Toggle a configMapGenerator or secretGenerator and supply literals or files. Copy the generated kustomization.yaml or download it directly into your overlay directory. Features Current ...

ツールを試す »
データ開発者

Responsive Image srcset & sizes Generator

Responsive Image srcset & sizes Generator Build pixel-perfect responsive image markup without memorizing syntax. This generator turns a simple URL pattern and a list of widths into ready-to-paste <img> または <picture> HTML, complete with correct srcset width descriptors, density descriptors, and a sizes attribute. It runs entirely in your browser, so no images are ever uploaded. How to Use Choose an output mode: width descriptors, pixel density, or art-directed <picture>. Enter your image URL pattern using {w} as a placeholder for the width. List the widths you have exported (for example 320, 640, 960, 1280, 1920). Optionally set a sizes value describing how wide the image renders on screen. Copy ...

ツールを試す »
開発者画像

INI to YAML Converter

INI to YAML Converter Convert INI configuration files into clean, structured YAML — and back again. This tool parses your INI sections, infers real data types (booleans, numbers, and null), and rebuilds the data as properly indented YAML mappings entirely in your browser. A reverse mode turns YAML back into sectioned INI, filling the gap left by tools that only handle JSON. How to Use Paste your INI configuration into the input box, or load the built-in example. Keep the direction on INI to YAML, or switch to YAML to INI to reverse the conversion. Adjust the options — type inference, comment stripping, and duplicate-key handling — to match your ...

ツールを試す »
データ開発者

XML to YAML Converter

XML to YAML Converter Paste any XML document and instantly get clean, readable YAML. This converter runs entirely in your browser and faithfully preserves structure, attributes, and repeated elements that automated rewriters often drop or collapse. It is ideal for migrating configuration files, API payloads, or data exports from XML into the more concise YAML format. How to Use Paste your XML into the input box, or load the built-in example. Choose how attributes should be handled: keep them with an @ or _ prefix, or merge them flat into the object. Optionally strip namespace prefixes and toggle whitespace trimming or array wrapping for repeated siblings. Pick a 2- or ...

ツールを試す »
データ開発者

Batch QR Code Generator

Batch QR Code Generator Paste a list of URLs or text and generate up to 100 QR codes at once. Each QR is rendered in a preview grid, and you can download them all as a ZIP of PNG files or grab any single code on its own. Perfect for menu QR cards, event badges, product labels, asset tags, and any time you need many codes in one go without copy-pasting into a single-code generator a hundred times. How to Use Paste your URLs or text into the input box, one entry per line. Pick an error correction level — Medium is fine for screen scans; use Quartile or High ...

ツールを試す »
開発者画像

SQL CREATE TABLE Generator

SQL CREATE TABLE Generator The SQL CREATE TABLE Generator helps developers and database administrators quickly build accurate DDL (Data Definition Language) statements for MySQL, PostgreSQL, SQLite, and SQL Server. Define your columns, data types, constraints, and indexes through a visual interface and get production-ready SQL instantly. How to Use Select your SQL dialect (MySQL, PostgreSQL, SQLite, or SQL Server), enter a table name, then add columns by clicking “Add Column”. For each column choose the data type, set a length if needed, and check any constraints (PRIMARY KEY, AUTO INCREMENT, NOT NULL, UNIQUE). Optionally fill in a default value or foreign key reference. Add indexes using “Add Index” — name ...

ツールを試す »
データ開発者

CSS Scroll-Driven Animation Generator

CSS Scroll-Driven Animation Generator Generate production-ready CSS that animates elements as the user scrolls, using the modern animation-timeline: view() and scroll() properties. Pick an animation type, target selector, timeline, axis, and range — then copy a clean stylesheet with an optional @supports fallback for older browsers. How to Use Pick an animation type — fade, slide, scale, rotate, or clip-path reveal. Choose a target selector from the preset list or type a custom one (e.g. .card). Select the timeline kind: view() drives the animation off the element’s scroll progress through the viewport, while scroll() binds it to overall page scroll. Adjust the axis and named range (cover, contain, entry, exit) ...

ツールを試す »
色開発者

CSS Design Token Generator

CSS Design Token Generator Turn a single brand hex color into a complete, opinionated CSS custom-property token system. The tool generates an 11-stop perceptually uniform palette in OKLCH space (50 through 950) and layers a semantic token system on top so you can drop the output straight into a design system or component library. Unlike a quick chat-generated palette, every shade is computed deterministically, gamut-clamped to sRGB, and previewed live as swatches so you can see how the colors look before you copy them. Tokens are exported in modern oklch() values or classic hex, with an optional dark-mode variant ready to paste into a :root block. How to Use Pick ...

ツールを試す »
色開発者

Environment Variable Template Expander

Environment Variable Template Expander Paste a template containing variable placeholders along with your environment variables, and instantly see the fully expanded result. Supports ${VAR}, {{VAR}}, %VAR%, and $VAR syntaxes, with auto-detection to handle all four in the same template. Unresolved placeholders are highlighted in a sidebar so you can see at a glance which keys are missing. The whole thing runs in your browser. Nothing is uploaded to a server, which matters when you are pasting actual secrets while previewing a config render. The substitution is deterministic, so the output you see is exactly what a build pipeline using the same placeholders would produce. How to Use Paste your template ...

ツールを試す »
データ開発者

CSS Logical Properties Converter

CSS Logical Properties Converter Paste a block of CSS and instantly swap physical box-model properties (margin-left, padding-right, border-top-left-radius, top/left/right/bottom, width/height) for their writing-mode-aware logical equivalents (margin-inline-start, padding-inline-end, border-start-start-radius, inset-block-start, inline-size) — or reverse the conversion. The mapping is fully deterministic and covers margin, padding, border, border-radius corners, inset positions, sizing, overflow, plus directional values for text-align, float and clear. How to Use Paste your CSS in the input box. Pick a direction — Physical → Logical for i18n-ready CSS, or Logical → Physical to see the visual equivalent. Choose a writing mode — LTR (inline-start = left) or RTL (inline-start = right) — to control how left/right map. Copy or ...

ツールを試す »
開発者
広告なしで楽しみたいですか? 今すぐ広告なしで

拡張機能をインストールする

お気に入りのブラウザにIOツールを追加して、すぐにアクセスし、検索を高速化します。

に追加 Chrome拡張機能 に追加 エッジ拡張 に追加 Firefox 拡張機能 に追加 Opera 拡張機能

恵 スコアボードが到着しました！

スコアボード ゲームを追跡する楽しい方法です。すべてのデータはブラウザに保存されます。さらに多くの機能がまもなく登場します！

必見ツール

すべて表示
背景除去
AI画像エディタ
AI画像ジェネレーター
イメージキット
PDF 圧縮ツール
画像コンバーター
ワンタイムリンク

新着

すべて表示
CIDR Overlap / Subnet Conflict Checker
CSS Nesting Converter
OAuth 2.0 Authorization URL Builder
HAR to cURL Commands Extractor
SQL Parameterizer
Matrix Calculator (2×2 / 3×3)
ISO Week Number Calculator

アップデート： 私たちの 最新ツール was added on 6月 26, 2026

ニュースコーナー 技術ハイライト付き

参加する

価値ある無料ツールの提供を継続するためにご協力ください

コーヒーを買って