コンテンツへスキップ
🛠️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向けに文字列をエスケープ/アンエスケープします。

🌐

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

ファイル拡張子によってMIMEタイプを検索するか、指定されたMIMEタイプの拡張子を見つけます。

👁️

色覚シミュレーター

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

⚖️

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

JSONPathの表現をJSONデータに対してテストします。

🔷

TypeScript Type Stripper

TypeScriptの型アノテーションを削除してクリーンなJavaScriptを取得します。

⚙️

.env File Parser

.envファイルをパース、検証、フォーマットします。

🔢

Semverカリキュレーター

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

🎬

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

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

TOML

TOML ↔ JSONコンバーター

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

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などの形状を生成します。

🗄️

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

HTMLマークアップをReactのJSX構文に変換します。属性、インラインスタイル、空要素を自動的に変換します。

📐

CSS Flexbox Generator

CSSフレックスボックスレイアウトをビジュアルに生成し、ライブプレビュー付きです。flex-direction、wrap、justify-content、align-items、gapを設定できます。

🔐

HTTP Basic Auth Encoder

HTTPベーシック認証認証情報をエンコードおよびデコードします。ユーザー名とパスワードからAuthorizationヘッダー値を生成します。

GraphQL Query Formatter

GraphQLクエリ、ミューテーション、サブスクリプション、フラグメントをフォーマットしきれいにインデントします。

🌟

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

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

📋

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

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

🗄️

SQL INSERTジェネレーター

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

📱

Web App Manifest Generator

すべての必須フィールドを含むPWAウェブアプリのmanifest.jsonを生成します。

🔄

Postman to cURL

PostmanリクエストのJSON エクスポートをcURLコマンドに変換します。

🐍

JSON to Python

JSONデータをPython dict、dataclass、またはTypedDict構文に変換します。

📝

GitHub README Generator

バッジ、インストール、使用方法などを含むプロフェッショナルなGitHub README.mdを生成します。

🗺️

XML Sitemap Generator

URLリストからXMLサイトマップを生成し、優先度と更新頻度の設定ができます。

🐹

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

テスト用のステータスコード、ヘッダー、本文を含むモックHTTPレスポンステンプレートを生成します。

Aa

Web Safe Fonts Reference

セリフ、サンセリフ、等幅でフィルタリングされたライブプレビュー付きのすべてのウェブセーフフォントを参照します。

⚙️

GitHub Actions Generator

カスタマイズ可能なトリガー、ジョブ、ステップを備えたCI/CDパイプライン用のGitHub ActionsワークフロYAMLを生成します。

📝

VS Code Snippet Generator

任意の言語のタブストップ、プレースホルダー、変数構文を使用したカスタムVS Code スニペットを作成します。

🎨

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

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

📦

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

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

🔑

SSH Configジェネレーター

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

☸️

Kubernetes YAMLジェネレーター

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

.*

Regex Cheat Sheet

ライブパターンテストとコピー用のインタラクティブな正規表現リファレンスです。

$_

Linux Commands Reference

カテゴリ、例、ワンクリックコピー付きの検索可能なLinux CLIコマンドリファレンスです。

JSON to Java Converter

JSONオブジェクトをLombokおよびJacksonアノテーションサポート付きのJava POJOクラスに変換します。

C#

JSON to C# Class

JSONをプロパティ、データアノテーション、Newtonsoftアトリビュート付きのC# POCOクラス定義に変換します。

Prettier Config Generator

好みのコードフォーマット オプションを選択して.prettierrc設定ファイルを生成します。

🗺️

サイトマップ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ファイルをインタラクティブに生成します。