開発者向けツール

(211)

開発者の日常作業を支えるフォーマッタ、コンバータ、ジェネレータ、検証ツールです。

SVG から CSS への変換ツール

生の SVG マークアップを、正しくエンコードされた `background-image: url("data:image/svg+xml,...")` ルールに変換し、スタイルシートにそのまま貼り付けられます。

SVG波ジェネレーター

ヘッダーやフッター向けの滑らかなSVG波区切りを生成。振幅・周波数・色・上下の位置を調整でき、SVGコードをコピーできます。

SVGジェットボリッジ生成器

調整可能な複雑度、コントラストおよびシード値を持つ有機的でランダムなSVGブロップ形状を生成します。背景、ヒーローセクションおよびアバターマスク用にSVGパスをコピーしてください。

SQL から NoSQL へ

1つのSQL SELECT文をMongoDBのfind()クエリに変換します。列、WHERE(=, >, <, >=, <=, !=)、AND/OR、ORDER BY、LIMITをマッピング。JOIN・GROUP BY・集約は非対応。

スラグ生成器

任意のタイトルまたはフレーズをURLに適したスラグに変換します。小文字使用、ハイフンで区切り、アクセントを削除、ストップワードは任意、Unicodeに対応しています。

SQLフォーマッター

SQLクエリを適切なインデント、キーワードの大文字小文字、改行で整形します。MySQL、PostgreSQL、SQL Server、SQLite、BigQueryの方言に対応。

SemVer計算ツール

semver.orgのルールに従ってセマンティックバージョン番号を上げます。メジャー、マイナー、パッチ、プレリリースの識別子とビルドメタデータを正確に処理します。

RTF から HTML コンバーター

RTF を整ったHTMLに変換します。この軽量コンバーターは太字、斜体、下線、段落、改行を保持し、それ以外は削除するので、どんなCMSにもきれいなテキストを貼り付けられます。

スキーマ推論ツール

サンプルの JSON オブジェクトを、貼り付けてすぐ使える SQL CREATE TABLE、Mongoose スキーマ、Sequelize モデルに変換します。1 件のレコードを読み取り、各フィールドの列の型を推論します。

RGBからCMYKへの変換器

標準的な計算式でRGB色をCMYKインクの割合に変換します。即座にプレビュー色とC/M/Y/K値を表示。これは数学的な近似であり、カラーマネジメントによる変換ではありません。

RGBからHEXへの変換器

rgb()の値をCSSやデザインツールで使用される#rrggbb形式(16進数)に変換します。3桁の略記形式およびalpha値を含むrgba値も対応しています。

RGBからHSL変換ツール

CSSで色を扱いやすくするため、RGBをHSL(色相、彩度、明度)に変換します。色相をゆがめずに明度や彩度を調整できます。

RGBからHSVへの変換器

RGBをHSV(色相、彩度、明度)に変換します。デザインツールのカラーピッカー、画像処理ライブラリ、および「純粋な色相に白/黒を加える」という論理に基づくあらゆるワークフローで使用されます。

Robots.txtジェネレーター

有効なrobots.txtファイルを生成します。user-agentを設定し、DisallowとAllowのパスを列挙し、Crawl-delayを追加してサイトマップを宣言し、結果をコピーします。

サンプルから正規表現を生成

例となる文字列を1つ貼り付けると、出発点となる正規表現が得られます。数字・大文字・小文字の連なりは長さ付きの文字クラスになり、それ以外はエスケープされたリテラル文字として残ります。

正規表現テスター

PCRE 正規表現をテキストに対してテストし、各マッチをその位置とともに一覧表示し、各キャプチャグループを調べます。大文字小文字を区別しない、複数行、dotall のフラグを切り替えられます。

REM から PX 変換ツール

rem 値とルートフォントサイズを入力すると、正確なピクセル値がわかります。デフォルトは W3C の 16px ルートで、デザインレビュー用のクイックリファレンス表付き。

レンダリング HTML ビューア

生の HTML を貼り付けると、隔離されロックされたフレーム内で即座にレンダリングします。スクリプト・フォーム・ナビゲーションは無効なので、どんなマークアップも安全にプレビューできます。

READMEバッジジェネレーター

GitHub の README ファイル用に shields.io バッジを作成:ビルド状況、バージョン、ライセンス、ダウンロード数、カバレッジ。Markdown スニペットをプレビューしてコピーできます。

READMEジェネレーター

いくつかの項目から構造化された README.md を生成:プロジェクト名、キャッチコピー、機能、インストールコマンド、クイックスタート、作者、ライセンス。そのままリポジトリに貼り付けられます。

ランダム日付生成ツール

開始日と終了日を含む範囲から1~30日を均等に選び、曜日を日本語で表示します。

架空の電話番号ジェネレーター

5か国の公的に予約された範囲から架空の電話番号を最大50件生成します。

PXからREMへの変換

0以上のpxを正のルートフォントサイズでremへ変換します。初期値は16 px、表示は小数点以下最大6桁です。

Python空白フォーマッター

Pythonスニペットの基本インデントと、カンマや演算子の前後の空白を整えます。BlackやRuff、構文解析型のフォーマッターではありません。

クエリ文字列ビルダー

キーと値の各行からRFC 3986形式のクエリ文字列を作成し、重複キーと入力順をそのまま保持します。

クエリ文字列の解析

URLまたは生のクエリ文字列を貼り付けると、パラメータが適切なパーセントデコード処理を経て読みやすいキー・値の行に分割されます。

引用可能な印刷エンコーダ

テキストをMIMEで引用可能な印刷形式にエンコードし、非ASCIIバイトがSMTP転送中に変質することなく保持されるようにします。

ランダム住所生成ツール

画面モックやテスト向けに、3か国の簡易形式で住所風レコードを1~20件作成します。

Prettier設定ジェネレーター

Prettierでよく使う10項目を選び、コピーできる.prettierrc.json、.prettierrc.yaml、CommonJS形式の.prettierrc.jsを生成します。

PropertiesからJSONへの変換ツール

単純な.propertiesエントリを、数値・真偽値・nullを判別しながらフラットまたはネストしたJSONへ変換します。

PTからPXへの変換ツール

1インチ=96 CSS px、1インチ=72 ptという固定比率で、ポイントをCSSピクセルへ換算します。

Punycodeエンコーダー・デコーダー

国際化ドメイン名全体を、Unicode表示とASCII互換Punycodeの間でサーバー側のUTS #46処理により変換します。

PHPフォーマッター

単純なPHPコードに改行と2または4スペースのインデントを追加します。結果は必ず確認してください。PHPパーサーでもPSR-12準拠ツールでもありません。

ピクセルからemへの変換ツール

CSSのピクセル値を指定したフォントサイズの基準値で割り、対応するem、rem、パーセント、ポイントの値を確認できます。

プレースホルダー画像ジェネレーター

1〜4000 pxの画像に色と文字を設定し、PNGで保存できます。外部URLとHTMLもコピーできます。

PackageJsonジェネレータ

シンプルなフォームから、名前、バージョン、スクリプト、依存関係およびメタデータを含む有効なnpm package.jsonファイルを生成します。

Nginx 設定ジェネレーター

かんたんなフォームから、TLS・HTTP/2・gzip・ブラウザキャッシュ・リバースプロキシの設定を含む Nginx の server block を生成します。

ノイズテクスチャジェネレーター

不透明度、粒の細かさ、ノイズの種類、背景色を調整してタイル状に敷けるSVGノイズテクスチャを生成し、そのまま使えるCSSをコピーできます。

基数変換ツール

2進数、8進数、10進数、16進数、さらに2から36までの任意の基数のあいだで数値を変換し、桁ごとの展開も表示します。

8進数から2進数への変換ツール

8進数の各桁を3ビットのグループに対応させることで、8進数を即座に2進数へ変換します。詳細なステップごとの出力にも対応。

オクタルから十進数への変換器

オクタル(基数8)数を、段階的な位置分解と完全な式を用いて十進数値に変換します。

OpenAPI 検証ツール

OpenAPI または Swagger のドキュメントを JSON か YAML で貼り付けて、コア構造をチェックします: バージョンフィールド、info オブジェクト、paths を、わかりやすいエラーと警告つきで。

メタタグジェネレーター

シンプルなフォームから、title、description、Open Graph、Twitter Card、canonical、robotsタグを含む完全な `<head>` スニペットを作成します。

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

Markdownテーブルを視覚的に作成するか、CSV/TSVを貼り付けます。列の揃え、パディング、ヘッダー行を制御し、パディングされたMarkdown出力をコピーできます。

MarkdownからBBCodeへの変換ツール

MarkdownドキュメントをBBCodeに変換し、BBCode形式のみに対応するphpBB、vBulletinなどのフォーラムソフトで利用できます。

MarkdownからHTMLへの変換ツール

GitHub風の拡張機能、コードブロックの構文ハイライト、およびオプションのインラインスタイルを活用して、MarkdownをクリーンなHTMLに変換します。

Markdown をスライドに変換

Markdown を `---` 区切りでスライドデッキに変換し、スピーカーノートを付けて HTML または PDF にエクスポートできます。Reveal.js を利用しています。

Lorem Picsum ギャラリー

任意のサイズのLorem Picsumプレースホルダー画像を閲覧できます。ワイヤーフレームやプロトタイプ向けに、ぼかし・グレースケール・固定シードのURLをコピーできます。

Luhnアルゴリズムチェッカー

クレジットカード番号、IMEI、SINなどLuhnで保護された番号を検証します。合格・不合格を返し、各桁の倍加とチェックサム計算の手順を表示します。

Markdown フォーマッター

Markdown を一貫した見出し階層、リストの間隔、改行、テーブル列の整列、参照リンクの並べ替えで整えます。

Markdown画像ジェネレーター

代替テキスト、title属性、任意のリンクを含むMarkdown画像構文を生成します。インライン形式と参照形式の両方を出力します。

Markdownリンク生成ツール

URLとアンカーテキストからMarkdownリンクの記法を生成します。タイトルのツールチップや、長い文書を読みやすく整える参照形式のリンクにも対応しています。

Markdownプレビュー

Markdownを書くと、レンダリングされたHTMLがリアルタイムで更新されます。テーブル、タスクリスト、フェンスコードブロック、自動リンクに対応したGitHub Flavored Markdownです。

ライセンスジェネレーター

あなたの名前と年を入れたオープンソースライセンスの全文を生成します。MIT、Apache 2.0、GPLv3、BSD-3、MPL-2.0、CCライセンスに対応。

JSON→Go構造体

JSONを、エクスポートされたフィールド、JSONタグ、ポインターのオプショナル、ネストされた型を備えたGoの構造体定義に変換します。encoding/jsonにすぐ使えます。

JSON から Java クラスへ

JSON から Java の POJO を生成します。Jackson や Gson のアノテーション、Lombok 対応、Spring プロジェクト向けのネストクラス処理に対応。

JSONからPHP配列へ

JSONをPHPの配列リテラルに変換します。短い配列構文、連想配列/インデックス配列、ネストされた構造に対応し、.phpファイルにそのまま貼り付けられます。

JSONからPythonデータクラスへの変換

JSONから、型ヒント、オプションフィールド、ネストされたクラス、およびdataclasses-jsonまたはPydanticサポートを備えたPythonデータクラスを生成します。

JSONからTOMLへの変換ツール

適切なテーブルヘッダー、テーブルの配列、ドットキーを含むJSONをTOMLに変換します。 Cargoファイル、pyproject.tomlファイルおよびconfigファイル向けにフォーマットされています。

JSONからTypeScriptへ

JSONサンプルから、省略可能フィールド、ユニオン型、配列、ネストされたオブジェクトの処理に対応したTypeScriptのインターフェースまたは型を生成します。

JSONからXMLへ

JSONをXMLに変換し、設定可能なルート要素、配列の処理、属性と要素の対応関係、およびXML宣言をサポートします。

JSONからYAMLへ

JSONをYAMLに変換し、適切なインデント設定、安全な文字列引用、複数行のブロックスカラー、および整理されたキーを備えてよりクリアな設定ファイルを作成します。

JSONバリデーター

JSON構文を検証し、末尾のカンマ、不正な引用符、重複キー、壊れた構造を正確なエラー位置とともに検出します。

JWTデコーダ

JWTヘッダーおよびペイロードを解読し、有効期限のチェックや署名アルゴリズムを含むクレームを表示した後、共有秘密または公開鍵を用いて認証します。

JavaScriptデオブファスカータ

変数の名前変更、文字列・配列のデコード処理、制御フローのフラット化および逆転処理、そして美化処理を用いて、ミニファイドまたはパッケージ化されたJavaScriptコードを復元する。

JavaScriptフォーマッター

JavaScript、JSX、TypeScript、JSONを、インデント、引用符スタイル、セミコロン、末尾カンマを設定して整形します。

JavaScript圧縮ツール

変数名のリネーム、空白の削除、デッドコードの除去、定数畳み込みでJavaScriptを圧縮し、より小さなバンドルを作成します。

JavaScript難読化ツール

文字列配列エンコーディング、変数名の変更、制御フローの平坦化、デッドコード挿入により、フロントエンド保護を目的としてJavaScriptを難読化します。

Jest 設定ジェネレーター

TypeScript、React、Node、カバレッジのしきい値、カスタム変換ルールに合わせた jest.config.js を、実用的なデフォルト値付きで生成します。

JSON オンラインエディター

ブラウザー内で JSON を編集し、整形済みの構造を確認、整形または圧縮、キーの並べ替え、JSON ファイルのダウンロードができます。

JSON圧縮ツール

API応答や設定埋め込みのペイロードサイズを削減するため、空白・改行・コメントを削除してJSONを圧縮します。

JSONPath テスター

任意のJSONドキュメントに対してJSONPath式をテストし、リアルタイム結果、フィルター、再帰的な展開処理および配列スライシングに対応しています。

JSONスキーマジェネレーター

1つ以上のサンプルドキュメントから、型検出・必須フィールド・列挙型(enum)推論を用いてJSONスキーマを推論し、APIコントラクトを素早く作成します。

JSONスキーマバリデーター

JSONスキーマ(ドラフト2020-12、07、04)に基づいてJSONドキュメントを検証します。正確なエラーパスと全キーワードのサポートを備えています。

JSONからC#クラスへ

System.Text.JsonまたはNewtonsoftの属性、null許容参照型、ネストされた型のサポートを備え、JSONをC#クラスに変換します。

JSONからCSVへ

JSON形式のオブジェクト配列を、自動的な列検出、ネストされたオブジェクトのフラット化およびカスタム区切り文字を使用してCSVに変換します。

JSONからCSVへの変換ツール

任意のJSON配列を、カスタム区切り文字、ネストされた展開処理、列の順序設定およびExcel向けのUTF-8 BOMを含むCSVファイルにエクスポートできます。

JSONからDartへの変換ツール

JSONサンプルから、ネスト型、fromJson、任意のtoJsonを備えたNull Safety対応Dartモデルを生成します。処理はブラウザ内だけで完結します。

INIからJSONへの変換ツール

INI設定ファイルをJSONに変換します。セクションはオブジェクトとなり、キー=値のペアは文字列プロパティとなります。サーバーサイドでの処理は不要です。

INIからYAMLへのコンバーター

INI構成ファイルをYAMLに変換します。セクションはマッピングとなり、値は文字列として保持されます。Helm、AnsibleおよびCIパイプラインに対応可能です。

HTML 圧縮ツール

通常のコメントを削除し、空白を整理して、ブラウザ内で HTML をコンパクトにします。使用前に結果を確認してください。

HTMLからBBCode変換ツール

HTMLのスニペットを、生のHTMLを許可しないphpBB、vBulletinなどのフォーラムソフト向けにBBCodeへ変換します。

HTML から JSX へのコンバーター

HTML を React で使える有効な JSX に変換します。class と className の置き換え、インラインスタイルのオブジェクト化、空要素の自己終了、属性の表記を修正します。

HTMLからMarkdownへの変換ツール

HTMLページおよびスニペットを、静的サイト、ドキュメント、ノートアプリ向けにクリアなMarkdown形式に変換します。

HTMLからテキストへの変換ツール

マークアップからすべてのHTMLタグおよびエンティティを削除し、メールクライアント、分析およびインデックス化用の読みやすいテキストを生成します。

IBAN検証ツール

IBANの登録済み国別桁数、国内構造、MOD 97-10の検査数字を端末内で確認します。アップロードせず、口座の実在は保証しません。

16進数から10進数への変換ツール

16進数を10進数(10進法)に変換します。メモリアドレス、エラーコード、RGBチャンネル、任意精度の整数に対応します。

HEXからHSLへの変換器

CSSデザインシステム向けにHex色をHSLに変換します。HSLを使用すると、一貫した明るさを持つ統一的なカラーパレットの作成が容易になります。

HEXからRGBへの変換器

任意のHEX色をRGBチャンネル値に変換します。短いHEX(#f00)と完全なHEX(#ff0000)に対応し、先頭の#はあってもなくても構いません。

HSLからRGBへの変換器

HSL(色相0~360度、彩度%、明度%)をRGBチャンネルに変換します。デザインシステムの値を画像編集ツールへ転換する際に役立ちます。

HSVからRGB変換器

HSV(色相0~360°、彩度%、明度%)を画像編集やPhotoshop、デザインツール向けのRGBチャンネル値に変換します。

Htaccessリダイレクトジェネレータ

Apache サーバー向けに、送信元 URL と転送先 URL から、整理された .htaccess の 301 / 302 リダイレクトルールを生成します。

Hexspeak変換ツール

非負の10進整数をクラシックHexspeakに変換するか、厳密規則と保守的置換でラテン文字フレーズを検証します。

HEXからASCII変換器

16進数のバイト列をASCIIテキストに変換します。プロトコルのデバッグ、リバースエンジニアリング、CTFチャレンジに最適です。

16進数→2進数変換ツール

16進数を瞬時に2進数へ変換します。各桁がゼロ埋めされた4ビットのニブルになり、読みやすくグループ化されます。

HEXからCMYKへの変換器

印刷デザイン用に、Hex形式のウェブカラーをCMYKパーセンテージに変換します。画面色と印刷色が常に完全に一致しない理由についての解説も含まれています。

Gitコマンドチートシート

タスク別にまとめたGitコマンドのクイックリファレンス:日常のワークフロー、ブランチ、変更の取り消し、作業中のstash。コピーしてすぐ使える一行コマンド。

Gitコマンドジェネレーター

一般的なタスク向けの正しいGitコマンドを生成します。コミットの取り消し、amend、mainへのrebase、cherry-pick、リリースのタグ付け、upstreamの設定など。

GitHub Actions ワークフロージェネレーター

Node、PHP、または Laravel 向けに、そのままコミットできる .github/workflows/ci.yml を生成します。push と PR のトリガー、最新のアクション、正しいランタイムバージョンを含みます。

GitHubプロフィールREADMEジェネレーター

GitHubのプロフィールページ(username/usernameリポジトリ)のREADME.mdを、キャッチコピー、スキル、統計カード、言語の内訳とともに作成します。

.gitignore ジェネレーター

あなたのスタックに合わせた .gitignore を生成します。依存関係、ビルド出力、環境ファイル、ローカルエディタのノイズを除外するルールをあらかじめ用意しています。

GraphQLクエリビルダー

操作の種類、ルートフィールド、引数、フィールドを選んで整形されたGraphQL操作を作成し、結果をクライアント用にコピーできます。

フローチャート作成ツール

5種類のノード、方向付き接続、SVG または PNG のダウンロードで、ブラウザー上にフローチャートを作成できます。

ファジーリストマッチャー

完全に一致しない2つのリスト間のエントリをマッチングします。類似度のしきい値を設定し、各項目に対する最適な候補を確認できます。

ファイル差異チェッカー

2つのファイルまたはスニペットを行ごとに比較し、追加・削除・変更をハイライト。空白と大文字・小文字の無視も選択できます。

ファイルサイズ変換ツール

バイト、KB、MB、GB、TB、および2進法のIEC単位(KiB、MiB、GiB、TiB)を、10進法と2進法を自由に組み合わせて相互変換します。

エポック変換ツール

Unixエポックタイムスタンプと人間が読めるUTC日時を相互変換します。秒またはミリ秒の精度を選択できます。

ESLintrc ジェネレーター

ブラウザ、Node、TypeScript、Reactの各プロジェクト向けに、env、パーサー、プラグイン、ルールを正しく設定した.eslintrc JSON設定を生成します。

EditorConfig ジェネレーター

インデント、改行コード、文字コードのルールから .editorconfig を作成し、リポジトリで使っている言語ごとに正しいセクションを追加します。Python、Go、YAML、Makefile などに対応。

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

メールアドレスを検証します。RFC 5322構文チェック、MXレコードのライブ確認に加え、ローカル部、ドメイン、長さの詳細を表示します。メールは送信されません。

EMからREMへの変換ツール

任意の基準フォントサイズで、em・rem・ピクセルのCSS単位を相互変換します。計算手順と、レスポンシブなタイポグラフィでよく使う基準サイズを表示します。

差分ビューア

任意のテキストの2つのバージョンを貼り付け、追加・削除・変更のない行をハイライトします。2つのテキストを並列表示または1つのインライン表示で比較できます。

Docker Composeジェネレーター

イメージ、ポート、ボリュームを入力するサービス定義からdocker-compose.ymlファイルを生成し、ベストプラクティスの既定値を適用します。

Dockerfile生成

Node.js、Python、PHP、Go、Rust向けの本番対応Dockerfileを生成します。キャッシュを意識した手順、公開ポート、コンパイル言語向けのマルチステージビルドに対応します。

10進数から16進数への変換ツール

10進整数を入力すると、その16進表現がすぐに表示されます。負の値は64ビットの2の補数で表されます。

10進数から8進数への変換ツール

整数の10進数を8進数(基数8)に変換します。数値を入力すると8進数の数字がすぐに表示されます。8で割る方法は下の解説で説明しています。

cURL 変換ツール

貼り付けた cURL コマンドを実行せず、ブラウザー Fetch、Node.js fetch、Python Requests、PHP cURL のコードへローカルで変換します。

データ保存変換ツール

ビット、バイト、キロバイト、メガバイト、ギガバイト、テラバイト、ペタバイト間でデータサイズを変換します。10進(1000)または2進(1024)の規約に対応。

CSS ツールチップジェネレーター

データ属性と ::after を使って、アクセシブルな純CSSツールチップを生成します。JavaScriptを一切使わずに、表示位置・背景色・文字色を設定できます。

CSS を Tailwind に変換

CSS ルールを貼り付けると、対応する Tailwind CSS のユーティリティクラスが得られます。デフォルトのスケールから外れるものには任意値のフォールバックも含まれます。

CSS三角形ジェネレーター

幅ゼロのボーダーの仕組みを使って、任意の方向に純粋なCSS三角形を生成します。方向・サイズ・塗りつぶし色を選び、宣言をコピーするだけです。

CSVからJSONへ

ヘッダー行を含むCSVファイルを、オブジェクトの配列としてJSONに変換します。ヘッダーはキーとなり、データ行はオブジェクトとしてAPIやJavaScriptコードで使用可能になります。

CSVからJSONへの変換ツール

CSVスプレッドシートをJSONに変換し、区切り(カンマ、タブ、セミコロン)、ヘッダー処理、および美観優先型とコンパクト型の出力オプションを設定できます

CSVからMarkdownへの変換ツール

CSVの行を、ヘッダー区切り行とパイプ区切りのセルを備えたGitHub Flavored Markdownテーブルに変換します。READMEファイルやプルリクエストにそのまま貼り付けられます。

CSV→YAMLコンバーター

CSVデータをきれいなYAMLのマッピングのリストに変換します。ヘッダーがキーになり、各行がトップレベルの配列下のネストされたマッピングになります。

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

1 つのボックスシャドウについて、水平・垂直オフセット、ぼかし、広がり、色、任意の inset を設定してルールをコピーします。複数レイヤーのシャドウを作るには、レイヤーごとに生成してカンマで結合します。

CSSカードジェネレーター

カードコンテナのCSSを作成します。背景、枠線、角丸、内側余白、ソフトなドロップシャドウを設定でき、即時プレビューとコピー用コードを出力します。

CSSチェックボックスジェネレーター

ネイティブチェックボックスをCSSでスタイリング:チェック時の色、枠線の色、サイズ、角丸を選び、チェックマークをプレビューして、すぐ使えるCSSをコピーできます。

CSS clip-path ジェネレーター

すぐに使える clip-path ルールを生成します。三角形、ひし形、台形、六角形の4つのプリセットから選んで、CSS をコピーできます。

CSS区切り線ジェネレーター

横線の区切り CSS を生成します。線のスタイル、色、太さ、余白を選び、2つのセクションの間で確認して、完成したルールをコピーできます。

CSSフィルター生成器

ぼかし、明るさ、コントラスト、グレースケール、彩度の CSS フィルターチェーンを作成します。値を入力して、完成したルールをコピーできます。

CSS Flexboxジェネレーター

フレックスコンテナのCSSを数秒で作成。flex-direction、justify-content、align-items、gap、wrapを選んで、すぐ使えるCSSをコピーできます。

CSSフォーマッター

圧縮されたCSSや読みにくいCSSを読みやすいコードに整形します。1行に1つの宣言、2スペースのインデント、ルール間の空行。整形時にブロックコメントは削除されます。

CSSフォームジェネレーター

完全なスタイル付きフォームのCSSを生成します:フォームグリッド、ラベル、入力欄、テキストエリア、選択リスト、明確なフォーカス状態。アクセントカラー、角の半径、間隔を設定して、コードをコピーしましょう。

CSS グラデーション生成

2色のCSSグラデーションをすぐに生成。線形か放射かを選び、角度を設定して、背景のコードをコピーするだけです。

CSS Grid 生成

CSS Grid のコンテナルールを生成: 等幅の列を固定数、任意の余白、最小幅によるレスポンシブ代替まで、コピーするだけです。

CSS Keyframes 生成

フェードスライド、パルス、スピン、バウンスのアニメーション用 @keyframes ルールを、名前・再生時間・距離を指定して生成し、すぐコピーできます。

CSSローディングアニメーション生成ツール

純粋なCSSで円形スピナーを作成できます。直径、枠の太さ、アクセントカラー、回転速度を設定し、ライブプレビューを確認して、そのまま使えるCSSをコピー。SVGもJavaScriptも不要です。

CSSミニファイア

空白とコメントを削除してCSSを圧縮します。整形済みのスタイルシートでは通常25〜50%の削減が見込め、出力は元とまったく同じ挙動になります。

CSSモーダルジェネレーター

モーダルダイアログのCSSを生成します。固定の暗い全画面背景、中央の白いパネル、アクセントカラーのヘッダー、右寄せのアクション行。幅、角丸、アクセントカラーを調整できます。

CSS料金表ジェネレーター

プラン名、価格、ブランドのアクセントカラーを使った料金カードをHTML+CSSで1枚生成。コードをランディングページにコピーできます。

CSSスクロールバージェネレーター

CSSでスクロールバーの外観をカスタマイズ。最新のscrollbar-color/scrollbar-widthと、広範なサポートのための従来の::-webkit-scrollbarに対応。

CSSタブジェネレーター

アクティブなタブのアクセントカラー、角丸、ホバー状態を備えたカスタムタブバーをHTML+CSSで作成。コードをそのままコピーできます。

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

X・Yオフセット、ぼかし、色を設定して text-shadow の宣言を作成し、そのまま使えるCSSの行をスタイルシートにコピーできます。

Cron式ジェネレーター

視覚的なスケジュールからUnixのcron式を作成します。分・時・日・月・曜日を選ぶだけで、crontab、Kubernetes、GitHub Actions向けの正確な構文が得られます。

Cron 式パーサー

5フィールドの cron 式や @daily のような短縮形を貼り付けると、正規化された式、各フィールドが一致する値、見落としやすい注意点、お使いのタイムゾーンで計算した次の5回分の実行日時が表示されます。

Crontab Guru

標準の5フィールドcron式を貼り付けると、各フィールドのわかりやすい説明、見落としやすい注意点、お使いのタイムゾーンで計算した次の5回分の実行日時が表示されます。

CSRデコーダー

PEM形式の証明書署名要求を貼り付けると、サブジェクトの各フィールドと公開鍵のアルゴリズム・鍵長を、ツールをインストールせずに読み取れます。

CSSアニメーション生成ツール

組み込みプリセットからCSS @keyframesアニメーションを作成します。名前、再生時間、イージング、繰り返し回数、方向を設定し、リアルタイムでプレビューしてCSSをコピーできます。

CSS 矢印ジェネレーター

方向、色、サイズ、枠線の太さを指定して CSS 矢印をローカル作成し、ルールをコピーします。

CSS 角丸ジェネレーター(border-radius)

4 つの角(左上・右上・右下・左下)の半径を設定し、px・%・rem を選んで、すぐ使える border-radius の短縮記法をコピーします。

カラーブレンダー

2つのHEXカラーを2〜20個の均等なスウォッチにブレンドします。両端の色を含め、各中間色を大文字のHEXコードで確認できます。

カラーコード変換ツール

よく使われるWebカラーコードを相互変換:HEX(#RGB、#RRGGBB)、rgb(r,g,b)、hsl(h,s%,l%)。ライブプレビューとワンクリックコピーに対応。

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

前景色と背景色の間の WCAG コントラスト比を確認します。AA、AAA、大きなテキストと非テキストのコントラストの合否。

シェードジェネレーター

ベースカラーのHEXを基に、3〜20段階の均等なシェードを生成します。デザインシステムのパレットやホバー/押下状態に役立ちます。

カラーティントジェネレーター

ベースカラーの明るい色合いを生成します。デザイン システム トークン、背景、ホバー状態を 3 ~ 20 段階でスケールします。

変更ログジェネレーター

分類した項目から Keep a Changelog 形式の Markdown セクションを作成します。Added、Changed、Fixed、Removed の各カテゴリに項目を貼り付け、Markdown かプレーンテキストを選んで出力をコピーするだけです。

chmod 計算機

chmod の 8 進数コード(755、644)と rwx パーミッション文字列を相互に変換します。ユーザー・グループ・その他のビットを切り替えて、生成される chmod コマンドを確認できます。

CMYK から RGB への変換

標準的な計算式で CMYK の割合をおおよその RGB 値と Hex 値に変換し、画面用にすばやく確認できます。

コードを画像に変換

コードを貼り付け、テーマ、色、フォントサイズ、余白、ヘッダー、行番号を調整し、canvas でプレビューして PNG をダウンロードします。構文ハイライトなしのプレーンテキスト描画です。

証明書デコーダ

X.509 PEM 証明書を貼り付けると、デコードされたフィールド(件名、発行者、シリアル番号、署名アルゴリズム、有効期間、およびサブジェクトの別名)が表示されます。

PXからPTへの変換

0以上のCSSピクセルを1 px = 0.75 ptの関係でポイントに変換します。結果は小数点以下最大4桁で表示されます。

正規表現チートシート

JavaScript、PCRE2/PHP、Python re、.NET 向けの検索可能な正規表現リファレンス。トークン、エンジン固有の構文、アンカー、グループ、先読み・後読み、フラグを比較できます。

パターン背景ジェネレーター

色と間隔を指定して、ドット、グリッド、密なストライプ、市松模様、クロスハッチ、間隔の広い斜線を作り、CSS をコピーできます。

Markdownチートシート

見出し、リスト、表、コード、リンク、画像、GFM構文を、実際のプレビューとコピーできる例で確認できる実用的なMarkdownリファレンスです。

Mermaid ダイアグラムプレビューア

フローチャート、シーケンス図、クラス図、ガントチャートを Mermaid 構文で記述すると、その場で SVG としてプレビューできます。コピーもダウンロードも可能です。

メッシュグラデーション生成ツール

4、6、9個の移動可能なカラーポイントでグラデーションをデザイン。SVGやPNGを保存したり、放射状グラデーションのCSSをコピーできます。

キーボードショートカット一覧

macOS、Windows、Linux向けに、VS Code、Chrome、GNU Readlineを使うBashの公式資料に基づく既定ショートカットを検索できます。

XPath テスター

ブラウザ内で XML や HTML に対して XPath 1.0 の式をテストし、一致したすべてのノードを属性、テキスト、マークアップとともに確認できます。

YAML フォーマッター

ブラウザ内で YAML を整形。インデントの統一、キーの並べ替え(任意)、安全なクォートで、設定ファイルを読みやすく保ち、diff もきれいにします。

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

ヘッダー、罫線、ゼブラストリップのオプションを用いて、行と列からクリアで可読性の高いHTMLテーブルを生成します。

HTML画像変換ツール

HTMLとCSSを固定サイズのPNGまたはJPGとしてブラウザー内で描画します。キャンバスと倍率を設定し、確認して保存できます。

HTTP ステータスコード確認

最終 HTTP ステータス、転送先 URL、ヘッダーまでの時間、CORS で公開されたヘッダーをブラウザーで確認します。

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

カラーストップ、角度または形状を調整して、線形・放射状のCSSグラデーションを作成します。生成されたCSSの背景宣言をスタイルシートにコピーできます。

HTML文字参照

HTMLエンティティの検索可能なリスト、その名称コードおよび数値コード、および特殊文字や記号のワンクリックコピー機能を提供します。

HTML フォーマッター

ブラウザ内で HTML を 2 または 4 スペースで整形します。HTML はアップロードも検証もされません。

ERD図作成ツール

ブラウザ内で構造化されたERDを作成。エンティティ、フィールド、PK・FKの役割、リレーション、カーディナリティを定義し、Mermaid、SVG、PNGとしてローカルに出力できます。

補色ファインダー

任意の色の補色を見つけます。HSL上の反対色、スプリットコンプリメンタリーのペア、アクセシブルな配色のヒントを返します。

CSSアコーディオン生成ツール

detailsとsummaryを使った3項目のアコーディオンを作成し、文章、色、余白、アイコン、開閉方法を調整してコードをコピーまたは保存できます。

CSSボタンジェネレーター

単色またはグラデーションのCSSボタンを作成し、6つの状態、コントラスト、安全なHTML/CSSを確認して単体HTMLを保存できます。

cURLコマンドジェネレーター

HTTP URL、ヘッダー、認証、JSON、リテラルデータ、フォーム項目から、POSIXシェルまたはPowerShell用cURLコマンドを外部送信せずブラウザ内で作成します。

カラーホイールエクスプローラー

カラーホイールをインタラクティブに探索。配色を回転させ、HSL と RYB を比較し、補色やトライアドの組み合わせをリアルタイムで見つけられます。

XML 圧縮ツール

整形式 XML のコメントとマークアップトークン間にある改行を含む空白を、ブラウザ内で縮小します。

XMLからYAMLへの変換ツール

整形式のXML文書をブラウザで読みやすい固定マッピングのYAMLに変換し、要素名、属性、テキスト、繰り返す兄弟要素を見える形で保持します。

XML構文チェッカー

XML構文が整形式かどうかをブラウザー内で確認し、内容をアップロードせずに解析エラーメッセージを表示します。

YAMLからTOMLへの変換ツール

最上位がマッピングのYAML文書をブラウザ内でTOMLに変換します。使用前に、入れ子のテーブル、配列、変換上の制限を確認できます。

YAMLバリデーター

ブラウザーで最大100件のYAML文書を検証し、エラーの行と列をそのまま特定し、意味が変わる値を見つけます。

バイナリファイル Hex ビューアー

ファイルを選び、有効なバイトオフセットからの範囲をオフセット、hex、ASCII の列を持つローカル hex dump として確認します。

色名検索

HEX、RGB、HSLの値から、CIEDE2000で最も近い標準CSS色名を検索します。

類似色ジェネレーター

任意のベースカラーから、基本の3色と外側の2色で構成する5色の類似色パレットを生成し、hex、RGB、HSLで出力します。

ASCII表リファレンス

0から127までの完全なASCII表です。NUL、LF、DELなどの制御コードを含め、各文字の10進数、16進数、8進数、2進数、HTML数値文字参照を表示します。

プログラムカウンターシミュレーター

固定長命令の簡易リストを、ラベル、分岐、ジャンプ、呼び出し、復帰、16・24・32ビットアドレスで追跡します。

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

ノートパソコン、スマートフォン、またはZoomの背景用に、ぼかしを効かせた3色グラデーション壁紙を生成します。角度やぼかしはランダムに、または手動で設定できます。

電話番号検証ツール

国別の番号体系に基づいて構造を検証し、地域、種類、E.164、国際、国内、RFC 3966形式を表示します。

HARファイルビューアー

HARネットワーク記録をローカルで開き、リクエストを絞り込み、マスクされたヘッダーやタイミングを確認して、ファイルをアップロードせずにサニタイズ済みの概要を書き出せます。

FPS カウンター

requestAnimationFrame でブラウザーの FPS を測定。平滑化、最小・最大フレームレート、警告しきい値、任意のグラフに対応。ローカルで動作し、アップロードも API も不要です。

ブール代数簡約ツール

ブール式をすべての入力組み合わせで評価し、完全な真理値表を表示します。変数は最大5個、演算子は &、|、!、^ に対応。

バイナリからASCIIへの変換ツール

バイナリ(スペース区切りのバイト、または長いビット列)を貼り付けると、それが表すASCIIテキストを8ビットずつ復号して取得できます。

2進数から10進数へ変換

2進数を10進数に、または10進数を2進数に、瞬時に変換します。数字を1つ貼り付けて結果を読み取るだけです。

BinaryからHexへのコンバーター

バイナリ入力を大文字の16進数値に変換します。0と1以外は無視され、先頭の0は保持されません。

2進数から8進数への変換ツール

2進数を3ビットずつまとめて8進数に変換します。Unixのパーミッション、レガシーシステム、コンパクトな数値表示に便利です。

BBCodeからHTMLへのコンバーター

BBCode(掲示板マークアップ)をきれいなHTMLへ変換します。装飾タグ、リスト、引用、コード、画像、リンクに対応。

Base64 → Hex 変換ツール

標準のBase64文字列を、大文字の16進数で連続して表したバイト列へ変換します。厳密なデコード処理で、トークン、鍵、JWT署名の確認に最適です。

ASCII 2進数変換ツール

任意のASCII文字列を2進数表現に変換します。各文字は8ビットになり、スペース区切りで出力されるため、プロトコルトレースや宿題にそのまま貼り付けられます。

ASCII 16進数変換ツール

ASCIIテキストを16進数のバイト値に変換します。出力は各文字2桁の16進数で、メモリダンプ、パケットトレース、ファームウェアのテーブルにそのまま使えます。

ランダム英字ジェネレーター

A-Zの英字をランダムに生成します。文字数を指定し、大文字・小文字・混在を選んで、ゲーム、課題、授業活動に使えます。

ランダムカラー生成ツール

1〜50個のランダムなHEXカラーを生成し、色見本で確認して、CSSやテスト、配色検討に使えるコードをコピーできます。

JSONフォーマッター

JSONを貼り付けて2スペースまたは4スペースで読みやすく整形し、コンパクトに圧縮し、コピー前に構文をすばやく確認できます。

カラーパレットジェネレーター

基準のHEXカラーから、モノクロマティック、類似色、補色、トライアド、テトラードのパレットを生成し、コピーしやすいCSS変数として書き出します。

HEX カラーピッカー

HEX カラーを選択または入力し、RGB、HSL、概算 CMYK、相対輝度、白・黒とのコントラスト比を確認できます。

ランダムカラーパレットジェネレーター

2〜15色のランダムなカラーパレットを生成し、ビビッド、パステル、ミュート、ダークからスタイルを選んで、HEXコードやCSS変数をコピーできます。