🛠️ToolsShed
💻

開発者ツール

JSON、Base64、UUID、ハッシュ生成など、開発に必要なツール。

{ }

JSON Formatter & Validator

JSONデータのフォーマット、検証、整形。

🔑

UUID Generator

アプリケーションで使えるランダムUUID(v4)を生成。

64

Base64 Encoder / Decoder

テキストやファイルをBase64エンコード、Base64文字列をデコード。

🔗

URL Encoder / Decoder

URLやクエリパラメータのエンコード・デコード。

#

Hash Generator

MD5、SHA-256、SHA-512の暗号ハッシュを生成。

JWT

JWT Decoder

署名検証なしでJWTペイロードをデコード・確認。

🎨

Color Converter

HEX、RGB、HSL形式間で色を即座に変換。

01

Number Base Converter

2進数、8進数、10進数、16進数間で数値を変換。

.*

RegEx Tester

ライブマッチハイライト付きで正規表現をテスト・デバッグ。

CSV

CSV ↔ JSON コンバーター

CSVデータをJSONに変換し、JSON配列をCSV形式に変換。

±

Diff Checker

2つのテキストを比較し、行ごとの差分をハイライト表示。

Lorem Ipsum ジェネレーター

デザインや開発用のLorem Ipsumプレースホルダーテキストを生成。

</>

HTML エンコーダー / デコーダー

特殊文字をHTMLエンティティにエンコードし、逆変換も可能。

YAML ↔ JSON コンバーター

YAMLとJSON形式を即座に相互変換。

Cron式パーサー

Cron式を解析して次回実行時刻を表示します。

TS

JSON → TypeScript変換

JSONオブジェクトからTypeScriptインターフェースを自動生成。

SQL

SQLフォーマッター

SQLクエリを見やすく整形・整理します。

\n

文字列エスケープ / アンエスケープ

JSON・JavaScript・HTML向けに文字列をエスケープ/アンエスケープします。

🖼️

ファビコンジェネレーター

テキスト、絵文字、イニシャルからウェブサイト用のfavicon PNGを生成します。

🌐

HTTPステータスコード一覧

説明、ユースケース、例を含むHTTPステータスコードを検索します。

📋

Markdownテーブルジェネレーター

視覚的にMarkdownテーブルを作成し、フォーマットされた出力をコピーします。

🖼

画像をBase64に変換

画像をBase64 Data URLに変換してHTMLやCSSに直接埋め込みます。

📐

CSS単位変換

レスポンシブデザイン用にpx、em、rem、vw、vh、pt、cmを変換。

🔐

Chmod計算機

Unixファイル権限を計算。8進数と記号表記(rwx)を相互変換。

123

数字を英語に変換

数字を英語の単語に変換します(例:1234 → one thousand two hundred thirty-four)。

🎨

カラーパレット生成

ベースカラーから補色、類似色、三角配色などのカラーパレットを生成します。

QRコードジェネレーター

任意のテキストやURLからQRコードを即座に生成します。

アスペクト比計算機

縦横比を計算し、比率を維持しながら寸法をスケーリングします。

🌈

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

ビジュアルエディターで美しいCSSリニアおよびラジアルグラデーションを作成します。

·−

モールス信号変換機

テキストをモールス信号に変換し、モールス信号をテキストに戻します。

🌐

IPサブネット計算機

CIDRブロックのサブネットマスク、ネットワークアドレス、ブロードキャスト、ホスト範囲を計算します。

A▓

ASCIIアートジェネレーター

テキストをFIGletスタイルのブロック文字フォントでASCIIアートに変換します。

XML

XMLフォーマッター

XMLを整形・検証・最小化します。

JWT

JWTジェネレーター

HS256署名付きJWTトークンを生成します。

🔐

暗号ツール

シーザー、ROT13、ヴィジュネル暗号でテキストを暗号化・復号します。

📄

MIME Type Lookup

Look up MIME types by file extension or find extensions for a given MIME type.

👁️

色覚シミュレーター

色覚異常を持つ人々の見え方をシミュレートします。

⚖️

JSON比較ツール

2つのJSONオブジェクトを比較し、追加・削除・変更されたキーを強調表示します。

🔢

数値フォーマッター

数値を通貨、パーセント、指数表記などの形式にフォーマットします。

MD

Markdown to HTML

MarkdownソースをHTMLコードに変換してプロジェクトに貼り付けられます。

CSS

CSSミニファイ / 整形

CSSを圧縮してファイルサイズを削減、またはミニファイされたCSSを整形して可読性を向上。

🎨

カラー名検索

HEXまたはRGBカラー値に最も近いCSSカラー名を検索。

🔍

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

WCAG 2.1 色コントラスト比チェック(AA/AAA 準拠)。

🔗

URL / URI パーサー

URLをプロトコル・ホスト・パス・クエリ・ハッシュに分解。

🔐

JWT有効期限チェッカー

JWTトークンをデコードして有効期限・時刻クレームを確認。

📋

HTTPヘッダー解析ツール

HTTPレスポンスヘッダーをペーストして詳細な解説を取得。

🖼️

SVG最適化ツール

コメント・メタデータ・空白を削除してSVGコードを軽量化。

🌑

CSSボックスシャドウジェネレーター

複数レイヤーのCSS box-shadowエフェクトをビジュアルに構築し、CSSコードをコピーできます。

CSSボーダーラジアスジェネレーター

各角のborder-radiusを個別にカスタマイズし、CSSコードを即座にコピーできます。

🔄

HTMLからMarkdownへ変換

HTMLコードやリッチテキストをクリーンなMarkdown構文に変換します。

JSONスキーマバリデーター

JSONドキュメントをJSON Schema(Draft 7)に対して検証し、詳細なエラーメッセージを表示します。

🙈

.gitignore ジェネレーター

言語やフレームワーク向けの.gitignoreファイルを生成します。

🏷️

メタタグ生成ツール

HTMLメタタグ、Open Graph、Twitter Cardタグを生成します。

🎯

CSS詳細度計算ツール

CSSセレクターの詳細度を計算・比較します。

🌐

OGプレビュー

SNSシェア時のページ表示をプレビュー

🐳

Docker Compose 生成

サービス・ポート・ボリュームを設定してDocker Compose YAMLを生成

⚙️

Nginx設定生成

静的サイト・リバースプロキシ・SSLのNginx設定を生成

🔍

JSONPath Tester

Test JSONPath expressions against JSON data.

🔷

TypeScript Type Stripper

Strip TypeScript type annotations to get clean JavaScript.

⚙️

.env File Parser

Parse, validate, and format .env files.

🔢

Semverカリキュレーター

セマンティックバージョンを比較し、バージョンがレンジを満たすか確認します(^、~、>=など)。

🎬

CSSアニメーションジェネレーター

CSS @keyframesアニメーションをビジュアルで構築し、コードをコピーします。

TOML

TOML ↔ JSONコンバーター

TOMLとJSON形式を相互変換し、TOML構文を検証します。

XML

XML → JSON 変換

XMLドキュメントをJSON形式に即座に変換します。

HTML

HTML 圧縮ツール

HTMLから空白、コメント、オプションタグを削除してファイルサイズを削減します。

JS

JavaScript 圧縮ツール

コメントと余分な空白を削除してJavaScriptを圧縮します。

TOC

Markdown 目次生成ツール

Markdownの見出しからアンカーリンク付きの目次を生成します。

GIT

Git コミットメッセージ生成ツール

タイプ、スコープ、説明を含むConventional Commits形式のメッセージを生成します。

JSON → CSV変換

JSON配列をスプレッドシート用のCSV形式に変換します。

HTMLバリデーター

HTMLコードを検証してエラー、警告、ベストプラクティスを確認します。

🎨

カラーミキサー

2つの色を混合してRGB、HEX、HSLの結果を確認します。

CSSグラデーション解析

CSSグラデーションコードを解析して可視化します。色とカラーストップを抽出します。

🔤

Base58エンコーダー / デコーダー

テキストをBase58にエンコードしたり、Base58文字列をデコードします。ビットコインアドレスやIPFS CIDに使われます。

✂️

CSS Clip-Pathジェネレーター

ライブプレビューでCSS clip-path形状を視覚的に作成します。polygon、circle、ellipseなどの形状を生成します。

🎨

CSSフィルタージェネレーター

blur、brightness、contrastなどCSSフィルター効果をライブプレビューで調整してCSSをコピーします。

🗄️

CSV → SQL INSERTジェネレーター

CSVデータをSQL INSERT文に変換します。自動検出された列タイプでCREATE TABLE DDLも生成できます。

🔄

SQLresult → JSONコンバーター

SQLクエリ結果(MySQL/PostgreSQL CLI出力)をJSONに変換します。タブ区切りおよびパイプ区切り形式をサポートします。

🏗️

Makefileジェネレーター

C、C++、Python、Go、Rust、Node.js、JavaプロジェクトのMakefileをカスタマイズ可能なターゲットで生成します。

🖼️

SVG to CSSコンバーター

SVGコードをCSS background-imageデータURIに変換します。URLエンコードとBase64形式をサポートします。

🎨

CSS変数ジェネレーター

ビジュアルエディターでCSSカスタムプロパティ(変数)を作成します。カラーピッカーとプリセットで:rootブロックを生成します。

📊

CSVからHTMLテーブルジェネレーター

CSVデータをライブプレビュー付きのHTMLテーブルに変換します。スタイル、ヘッダー、CSSクラスのオプションがあります。

コードビューティファイア

JavaScript、HTML、CSSコードを適切なインデントで整形・フォーマットします。圧縮コードをクリーンアップします。

⚛️

HTML to JSX

Convert HTML markup to JSX syntax for React. Transforms attributes, inline styles, and void elements automatically.

📐

CSS Flexbox Generator

Visually generate CSS flexbox layouts with live preview. Configure flex-direction, wrap, justify-content, align-items, and gap.

🔲

CSSグリッドジェネレーター

CSSグリッドレイアウトを視覚的に構築してCSSコードをコピーします。

🔐

HTTP Basic Auth Encoder

Encode and decode HTTP Basic Authentication credentials. Generate the Authorization header value from username and password.

GraphQL Query Formatter

Format and beautify GraphQL queries, mutations, subscriptions, and fragments with proper indentation.

🌟

CSSテキストシャドウジェネレーター

ライブプレビューとコピー可能なコードでCSSテキストシャドウエフェクトを生成します。

📋

HTMLテーブルジェネレーター

カスタムの行・列・スタイルオプションでHTMLテーブルのマークアップを生成します。

🗄️

SQL INSERTジェネレーター

表形式データ入力からSQL INSERT文を生成します。

📱

Web App Manifest Generator

Generate a PWA web app manifest.json with all required fields.

🎨

カラースキームジェネレーター

ベースカラーから補色、三角色、類似色スキームを生成します。

🔄

Postman to cURL

Convert Postman request JSON exports to cURL commands.

🐍

JSON to Python

Convert JSON data to Python dict, dataclass, or TypedDict syntax.

📝

GitHub README Generator

Generate a professional GitHub README.md with badges, installation, usage, and more.

🗺️

XML Sitemap Generator

Generate XML sitemaps from a list of URLs with priority and change frequency settings.

🐹

JSON to Go 構造体

JSONデータをGoの構造体型に変換します。

🐳

Dockerfile ジェネレーター

Node.js、Python、Go、Javaなど一般的な技術スタック用のDockerfileを生成します。

▐▌

バーコード ジェネレーター

Code 128、EAN-13、EAN-8のバーコードをSVGで生成します。

🦀

JSONからRust構造体

JSONオブジェクトをserdeのderiveマクロ付きRust構造体定義に変換します。

⚙️

EditorConfig ジェネレーター

エディタ間で一貫したコーディングスタイルのための.editorconfigファイルを生成します。

📝

チェンジログ生成器

バージョン番号とカテゴリで構造化されたチェンジログをフォーマットします。

📦

Package.json ジェネレーター

Node.jsプロジェクト用のpackage.jsonファイルをインタラクティブに生成します。

Webpack設定ジェネレーター

ローダー、プラグイン、出力設定を含むwebpack.config.jsファイルを生成します。

🌐

HTTP Mock Generator

Generate mock HTTP response templates with status codes, headers, and body for testing.

Aa

Web Safe Fonts Reference

Browse all web-safe fonts with live previews filtered by serif, sans-serif, and monospace categories.

⚙️

GitHub Actions Generator

Generate GitHub Actions workflow YAML for CI/CD pipelines with customizable triggers, jobs, and steps.

📝

VS Code Snippet Generator

Create custom VS Code snippets with tabstops, placeholders, and variable syntax for any language.

🎨

ターミナルカラーリファレンス

ANSIターミナルカラーエスケープコードのリファレンスとプレビュー。

📦

npm / yarn / pnpm コマンドリファレンス

npm、yarn、pnpmのパッケージマネージャーコマンドクイックリファレンス。

🔑

SSH Configジェネレーター

複数ホスト用の~/.ssh/configエントリを生成します。

☸️

Kubernetes YAMLジェネレーター

Deployment、Service、ConfigMap、NamespaceのK8sマニフェストを生成します。

.*

Regex Cheat Sheet

Interactive regular expression reference with live pattern testing and copy-on-click examples.

$_

Linux Commands Reference

Searchable Linux CLI command reference with categories, examples, and one-click copy.

JSON to Java Converter

Convert JSON objects to Java POJO classes with Lombok and Jackson annotation support.

C#

JSON to C# Class

Convert JSON into C# POCO class definitions with properties, data annotations, and Newtonsoft attributes.

Prettier Config Generator

Generate a .prettierrc configuration file by selecting your preferred code formatting options.

🗺️

サイトマップXML生成器

URL、優先度、変更頻度でsitemap.xmlファイルを生成します。

🏷️

メタタグ生成器

SEO、Open Graph、Twitter Card用のHTMLメタタグを生成します。

📋

チェンジログ生成器

バージョン番号とカテゴリで構造化されたチェンジログをフォーマットします。

🔄

cURL to Fetchコンバーター

curlコマンドをJavaScript fetchまたはaxiosに変換。

🐳

Docker Runジェネレーター

docker runコマンドのインタラクティブジェネレーター。

🪝

Webhookペイロードジェネレーター

GitHub、Stripe、汎用HTTPウェブフック用のサンプルペイロードを生成します。

📝

Gitコミットメッセージジェネレーター

タイプ、スコープ、破壊的変更を含むConventional Commitsメッセージを生成します。

🔍

HTTPリクエストインスペクター

HTTPリクエストを視覚的に構築し、curlまたはfetchコードスニペットを生成します。

📧

メールアドレス検証ツール

単一または複数のメールアドレスのフォーマットを検証します。

📦

Package.json ジェネレーター

Node.jsプロジェクト用のpackage.jsonファイルをインタラクティブに生成します。