本文へスキップ

開発者 ツール

開発者なら誰もがつまずく小さな問題を、フォーマット・デコード・調査。

アクセスログ解析ツール - 上位 IP・パス・ステータスコードをブラウザ内で集計

開発者

Nginx / Apache のアクセスログを集計:上位 IP、パス、ステータス、時間帯トラフィック。

ここで実行 ログイン不要

モック API データジェネレーター - 無料、ブラウザ内で実行

開発者

JSON テンプレートからプレースホルダーで模擬レコードを一括生成。シード固定と MSW / json-server 用スニペット対応。

ここで実行 ログイン不要

ASCII アート生成 – テキストを大きな文字に

開発者

内蔵ピクセルフォントでテキストを大きな ASCII バナーに変換。ローカル即時レンダリング、ワンクリックコピー。

ここで実行 ログイン不要

ASCII 表 0-127 – 10 進・16 進・文字・名前で検索

開発者

ASCII 0-127 の全表。10 進・16 進・文字・名前の 4 列表示、絞り込みとクリックコピーに対応。

ここで実行 ログイン不要

Base64 エンコード / デコード – 無料、ブラウザ内で実行

開発者

テキストとファイルの Base64 エンコード / デコード。URL セーフ出力と正しい UTF-8 処理に対応。

ここで実行 ログイン不要

Basic 認証ヘッダー生成 – base64(user:password)

開発者

ユーザー名とパスワードから RFC 7617 の Basic 認証ヘッダーを生成。そのまま貼れる curl 例付き。

ここで実行 ログイン不要

border-radius ジェネレーター – ライブプレビュー、ブラウザ内で実行

開発者

四隅を独立スライダーで調整し、ライブプレビューを見ながら最短の CSS 略記をコピー。

ここで実行 ログイン不要

Box Shadow ジェネレーター – ライブ プレビュー付き CSS

開発者

スライダーで X/Y・ぼかし・広がり・色を調整し、ライブ プレビューとコピー可能な box-shadow CSS を出力。

ここで実行 ログイン不要

ブラウザストレージビューアー - 無料、ブラウザ内で実行

開発者

このサイトの localStorage・sessionStorage・Cookie を整形表示し、コピーや個別削除ができます。

ここで実行 ログイン不要

文字コード変換 – テキストと 16 進バイトの相互変換、ブラウザ内で実行

開発者

テキストを UTF-8・UTF-16LE・Shift_JIS・GBK・Big5・Latin-1 のバイトとして確認し、HEX から復号。

ここで実行 ログイン不要

chmod 計算機 – 8 進数とシンボリックの権限表記

開発者

所有者・グループ・その他ごとに読み/書き/実行と特殊ビットをチェックし、8 進とシンボル表記の両方を取得。

ここで実行 ログイン不要

クリップボードビューア – テキストと形式をブラウザ内で確認

開発者

ブラウザ内でクリップボードのテキストと形式を確認。読み取りには明示的な許可が必要です。

ここで実行 ログイン不要

コードスクリーンショット - 片段を美化して PNG 書き出し、ブラウザ内で実行

開発者

コード片をブラウザ内で描画し、整った PNG スクリーンショットに。

ここで実行 ログイン不要

カラー変換 – HEX / RGB / HSL をブラウザ内で変換

開発者

HEX・RGB・HSL を相互変換。形式の自動判定とライブプレビュー付き。

ここで実行 ログイン不要

カラーミキサー - 2 色をブレンドして CSS を出力、無料、ブラウザ内で実行

開発者

2 色を 5 つのブレンドモードで混ぜ、結果を HEX・RGB・HSL・CSS としてコピーできます。

ここで実行 ログイン不要

CSS カラー名検索 - 無料、ブラウザ内で実行

開発者

CSS の 148 個の名前付き色を HEX・RGB・HSL 付きで検索。色系で絞り込み、ワンクリックでコピー。

ここで実行 ログイン不要

色覚シミュレーター – パレットのアクセシビリティ確認、ブラウザ内で実行

開発者

画像やカラー 1 色から、P 型・D 型・T 型の 3 色覚での見え方を即座に比較。

ここで実行 ログイン不要

Cron 式ジェネレーター(実行予定プレビュー付き)– 無料、ブラウザ内で実行

開発者

5 つのフィールドを視覚的に組み立てて Cron 式を作り、次回の実行を 5 件プレビュー。

ここで実行 ログイン不要

CRC-32 / Adler-32 / FNV-1a チェックサム計算機 - 無料、ブラウザ内で実行

開発者

テキストやローカルファイルから CRC-32・Adler-32・FNV-1a 32 ビットを計算します。

ここで実行 ログイン不要

CSS アニメーション ジェネレーター – ライブプレビュー、ブラウザ内で実行

開発者

5 つのプリセット + 時間・遅延・イージング・反復を調整し、@keyframes をそのままコピー。

ここで実行 ログイン不要

CSS コンテナクエリ ビルダー - サイズ基準のコンポーネント設計

開発者

コンテナ名・サイズ条件・and/or/not を組み合わせて @container を生成。

ここで実行 ログイン不要

CSS Filter ジェネレーター(リアルタイムプレビュー)– 無料、ブラウザ内で実行

開発者

8 つの CSS filter 関数を重ねてリアルタイム確認し、filter 文字列をコピー。

ここで実行 ログイン不要

CSS フォーマッター – スタイルシートの整形と圧縮

開発者

CSS を双方向に整形。文字列対応パーサーで引用符内の値と url() の中身はそのまま保持します。

ここで実行 ログイン不要

CSS セレクターテスター - 分離コンテナで要素を照合、無料

開発者

HTML と CSS セレクターを貼り付けて、一致する要素を安全に一覧表示します。

ここで実行 ログイン不要

CSS スプライト生成ツール - ローカル Canvas 合成、無料、ブラウザ内で実行

開発者

複数画像を 1 枚のスプライトに合成し、各画像の background-position を出力します。

ここで実行 ログイン不要

z-index 重ね合わせ可視化ツール - CSS 描画順の確認

開発者

レイヤーを追加して描画順に並べ替え、重ね合わせコンテキストの条件も確認。

ここで実行 ログイン不要

Cubic Bezier カーブエディター(キーワード比較付き)– 無料、ブラウザ内で実行

開発者

2 つの制御点をドラッグして cubic-bezier を成形し、CSS キーワードと比較。

ここで実行 ログイン不要

Git Diff ビューアー - 無料、ブラウザ内で実行

開発者

unified diff を貼り付けて、ファイルごとの hunk 統計・色分け行・ユニファイド/左右並列表示で読む。

ここで実行 ログイン不要

イージング関数ビジュアライザー(コード出力付き)– 無料、ブラウザ内で実行

開発者

35 種類のイージングをキャンバスで比較し、CSS / JS / Anime.js / GSAP のコードを出力。

ここで実行 ログイン不要

メールアドレス検証ツール - リストの構文チェックをブラウザ内で

開発者

メールアドレスの構文を 1 行ずつ検証し、重複も集計します。

ここで実行 ログイン不要

メール署名ジェネレーター – Outlook 対応 HTML、ブラウザ内で完結

開発者

Outlook 対応のテーブルレイアウト署名を生成。インラインスタイル・アバター対応。

ここで実行 ログイン不要

絵文字ピッカー – 検索してコピー

開発者

約 200 個の常用絵文字を検索付きグリッドで。6 グループ、クリックでコピー。

ここで実行 ログイン不要

.env エディター – 表編集、JSON 書き出し、機密値のマスク

開発者

.env を表で編集:キーの追加・コメント保持・JSON 変換・機密値の伏せ字。

ここで実行 ログイン不要

favicon.ico ジェネレーター(16 / 32 / 48 px + Apple タッチアイコン)- 無料、ブラウザ内で実行

開発者

PNG / SVG を 16・32・48 px 入りの 1 個の favicon.ico にまとめ、Apple 用アイコンも作成。

ここで実行 ログイン不要

Flexbox プレイグラウンド – ライブプレビュー、ブラウザ内で実行

開発者

flex コンテナの 5 大プロパティをリアルタイム調整。生成 CSS はそのままコピー可能。

ここで実行 ログイン不要

流体タイポグラフィ clamp() ジェネレーター - ブラウザ内 CSS ツール

開発者

ビューポート幅とフォントサイズの範囲を指定して CSS の clamp() を生成し、幅ごとのサイズを確認。

ここで実行 ログイン不要

Git チートシート – 検索付きコマンドリファレンス

開発者

日常 Git コマンドの検索付きチートシート。ブランチ・リモート・取り消し・stash。

ここで実行 ログイン不要

.gitignore ジェネレーター – テンプレート結合、ブラウザ内で実行

開発者

プロジェクトで使う言語とプラットフォームを選ぶだけで、マージ済み .gitignore を生成。

ここで実行 ログイン不要

グラスモーフィズムジェネレーター(リアルタイム CSS)– 無料、ブラウザ内で実行

開発者

ぼかし・下地・枠線・角丸を調整してフロストガラスのカードを作り CSS をコピー。

ここで実行 ログイン不要

Glob パターン テスター – 1 行ずつ一致を確認

開発者

ファイル名リストに対して glob パターンをテスト。行ごとに一致/不一致を示し、コンパイル済み正規表現も表示。

ここで実行 ログイン不要

HAR ファイルビューア - waterfall と所要時間をブラウザ内で可視化

開発者

HAR 録画を読み取る:リクエスト一覧、waterfall、遅い呼び出し、転送量の集計。

ここで実行 ログイン不要

Hex ビューア – オフセット・16 進・ASCII を並べて表示

開発者

テキストや小さなファイルを古典 hexdump で表示:オフセット・HEX・ASCII の 3 列。

ここで実行 ログイン不要

.htaccess → Nginx 変換 – リライト、アクセス制御、キャッシュヘッダー

開発者

実際のマッピング表で Apache .htaccess を Nginx 設定に変換する。

ここで実行 ログイン不要

HMAC 生成ツール – ブラウザ内で SHA-256 署名

開発者

WebCrypto でローカル計算する HMAC 署名:SHA-1/256/384/512、HEX と Base64 出力。

ここで実行 ログイン不要

HTML 実体エンコーダー&デコーダー – < > & の変換

開発者

HTML 実体を双方向にエンコード/デコード。よく使う実体の早見表付き。

ここで実行 ログイン不要

HTML フォーマッター・圧縮 – 無料、ブラウザ内で実行

開発者

タグを認識する解析で HTML を整形・圧縮。script と style の中身はそのまま保持。

ここで実行 ログイン不要

HTML プレビュー – サンドボックスで描画

開発者

サンドボックス iframe で HTML と CSS を 375 / 768 / 1024 / 全幅でプレビュー。

ここで実行 ログイン不要

HTML5 テンプレートジェネレーター – 骨格ボイラープレート、ブラウザ内で実行

開発者

必要なセマンティックセクションにチェックを入れるだけで、整った HTML5 骨格を生成。

ここで実行 ログイン不要

HTML → JSX 変換 – マークアップを貼り付けて React コードを得る

開発者

HTML を JSX へ:className、htmlFor、キャメルケース属性、style オブジェクト、自己閉鎖タグ。

ここで実行 ログイン不要

HTTP ステータスコード早見表 – 1xx から 5xx まで

開発者

HTTP ステータスコード完全リファレンス。1xx〜5xx を色分け、検索対応。

ここで実行 ログイン不要

i18n キー生成ツール – 文から translation.key へ

開発者

英文文を整理された i18n キーへ:camelCase / CONST_CASE、ストップワード除去、一括対応。

ここで実行 ログイン不要

INI ファイルエディタ - セクション表、コメント保持、JSON 相互変換

開発者

.ini / .cfg をセクション付きの表として編集し、INI か JSON で書き出し。

ここで実行 ログイン不要

ISBN 検証・解析ツール(ISBN-10 / ISBN-13)- 無料、ブラウザ内で実行

開発者

ISBN-10 / ISBN-13 のチェックディジットを検証し、相互変換と構成解析ができます。

ここで実行 ログイン不要

Java Properties エディタ - Unicode エスケープ、表編集、JSON 書き出し

開発者

Java の .properties を \\uXXXX デコード付きで編集し、JSON とも相互変換。

ここで実行 ログイン不要

JavaScript 構造ツリービューアー - 無料、ブラウザ内で実行

開発者

JavaScript をトークンストリームとして読む。クラス別件数と括弧のネスト深さを表示。依存ゼロの自作字句解析器。

ここで実行 ログイン不要

JavaScript フォーマッター(基本版)– 無料、ブラウザ内で実行

開発者

ブラウザ内で動く JS の基本整形・圧縮。文字列・テンプレート・コメントの中身は保持。

ここで実行 ログイン不要

JavaScript 難読化ツール(基本)- 無料、ブラウザ内で実行

開発者

ブラウザ内で動く基本的な JS 難読化:ローカル名の短縮、コメントと空白の削除、文字列の 16 進エスケープ(任意)。

ここで実行 ログイン不要

JSON Diff – キーパス比較、ブラウザ内で実行

開発者

2 つの JSON をキーパス単位で比較し、差分をリストで列挙します。

ここで実行 ログイン不要

JSON Merge Patch 適用ツール(RFC 7396)- マージ・削除・プレビュー

開発者

RFC 7396 の JSON Merge Patch を適用し、何が変わったかを件数で確認。

ここで実行 ログイン不要

JSON パスエディタ - パスで読み書き、無料、ブラウザ内で実行

開発者

パス指定で JSON の値を読み取り・書き換え・削除し、ドキュメント全体を書き出せます。

ここで実行 ログイン不要

JSON フォーマッタと検証 – 無料、ブラウザ内で実行

開発者

ブラウザ内で JSON を整形・検証・圧縮。エラーの位置は行と列まで特定できます。

ここで実行 ログイン不要

JSON Schema → HTML フォーム生成ツール - 無料、ブラウザ内で実行

開発者

JSON Schema を検証付きの HTML フォームに変換し、JSON 結果を出力します。

ここで実行 ログイン不要

JSON スキーマ検証ツール - サブセット対応、無料、ブラウザ内で実行

開発者

JSON データをスキーマのサブセットで検証し、エラーには必ずパスが付きます。

ここで実行 ログイン不要

JSON → Go struct 生成

開発者

JSON を Go の struct へ変換。エクスポート済みフィールド、json タグ、ネスト struct、スライス型、null は any。

ここで実行 ログイン不要

JSON → TypeScript インターフェース生成

開発者

JSON を名前付き TypeScript インターフェースへ。ネスト型・配列要素の型推定、オプション フィールド切替に対応。

ここで実行 ログイン不要

JSON ツリービューア - 折りたたみ可能、無料、ブラウザ内で実行

開発者

JSON を貼り付けて折りたたみツリーで読む。型別の色分け、パス表示、検索ハイライト、クリックで値をコピー。

ここで実行 ログイン不要

JSONPath クエリ テスター – 対応サブセットと明確な限界

開発者

JSONPath サブセットで JSON を照会:子パス、再帰下降、配列インデックス、比較フィルタに対応。

ここで実行 ログイン不要

JWT デコーダー – 無料、ブラウザ内で実行

開発者

ローカルで JWT のヘッダーとペイロードをデコードし、exp と iat を読みやすい日付に変換します。署名の検証は行いません。

ここで実行 ログイン不要

キーコード確認 – key・code・keyCode

開発者

任意のキーを押すと event.key・event.code・keyCode・修飾キー状態をリアルタイム表示。最近のキー一覧付き。

ここで実行 ログイン不要

LICENSE ジェネレーター – 公式ライセンス文、ブラウザ内で実行

開発者

MIT・Apache-2.0・GPL-3.0・BSD-3-Clause の公式全文から LICENSE ファイルを生成し、年と著作権者を自動挿入。

ここで実行 ログイン不要

Markdown リンター - 無料、ブラウザ内で実行

開発者

Markdown の見出しの飛び・リンク切れ・alt 欠落など 10 のルールをチェックします。

ここで実行 ログイン不要

CSS メディアクエリ ビルダー - 条件を視覚的に組み立て

開発者

ビューポート・向き・設定条件を組み合わせて @media ルールをそのまま生成。

ここで実行 ログイン不要

Viewport Meta 生成 – レスポンシブページの設定

開発者

width、拡大率の上下限、user-scalable、viewport-fit から viewport meta タグを組み立てる。

ここで実行 ログイン不要

MIME タイプ検索 – 拡張子と逆引き

開発者

拡張子から MIME タイプを、またはその逆を検索。内蔵の約 120 種類の web・メディア・ドキュメント形式に対応。

ここで実行 ログイン不要

ニューモーフィズムジェネレーター(リアルタイム CSS)– 無料、ブラウザ内で実行

開発者

2 つの影でソフト UI カードを成形し、ニューモーフィズムの CSS をコピー。

ここで実行 ログイン不要

OpenAPI ビューア - ブラウザ内で仕様を確認、アップロード不要

開発者

OpenAPI / Swagger ドキュメントをローカルで読みやすい要約に。

ここで実行 ログイン不要

TOTP コード生成 – 無料、ブラウザ内で実行

開発者

RFC 6238 の TOTP ワンタイムコードをブラウザ内で生成。30 秒カウントダウンリング付き。

ここで実行 ログイン不要

package.json エディタ - フォーム形式で編集、ブラウザ内で実行

開発者

package.json のフィールド・スクリプト・依存をフォームで編集、ローカルで。

ここで実行 ログイン不要

カラーパレットジェネレーター – ベースカラーから配色を作成

開発者

ベースカラー 1 色から補色・トライアド・アナロジー・モノトーンのパレットを生成。

ここで実行 ログイン不要

PO ファイルエディタ - Gettext の訳文をブラウザ内の表で編集

開発者

Gettext の .po を表として編集:未翻訳と fuzzy を絞り込み、コメントと複数形を保持。

ここで実行 ログイン不要

Protobuf スキーマレス デコーダー – 無料、ブラウザ内で実行

開発者

.proto ファイル不要で、ブラウザ内で生の protobuf メッセージをデコード。

ここで実行 ログイン不要

Punycode コンバーター – IDN と xn-- の双方向、ブラウザ内で実行

開発者

国際化ドメインと xn-- の双方向変換。逆方向は自作の RFC 3492 デコーダーで処理。

ここで実行 ログイン不要

Punycode 変換(URL・メール対応)– 無料、ブラウザ内で実行

開発者

国際化ドメイン・メール・URL の Unicode と xn-- 形式を相互変換。

ここで実行 ログイン不要

px rem em 変換ツール - CSS 単位の一括換算表

開発者

ルートと親のフォントサイズを指定して px・rem・em・pt・% を一括換算。

ここで実行 ログイン不要

正規表現チートシート – 検索付きリファレンス

開発者

検索できる正規表現チートシート。文字クラス・量指定子・先読みをワンクリックコピー。

ここで実行 ログイン不要

README ジェネレーター – リポジトリ用 Markdown 骨格、ブラウザ内で実行

開発者

プロジェクト名・概要・インストール・使用例を埋めるだけで、整った Markdown README を生成。

ここで実行 ログイン不要

正規表現エクスプローラ - パターンを一部分ずつ読む

開発者

正規表現の各部分をやさしい言葉で解説、役割ごとに色分け。

ここで実行 ログイン不要

正規表現テスター – ブラウザ内で即時検証

開発者

正規表現をリアルタイムにテスト。マッチ強調・キャプチャグループ・置換プレビュー対応。

ここで実行 ログイン不要

レスポンシブプレビュー - 375 / 768 / 1024 / 1440px で並列確認

開発者

ページや貼り付けた HTML を 4 つの幅で並列プレビュー。

ここで実行 ログイン不要

RSA 鍵ペア生成(PEM)– 無料、ブラウザ内で実行

開発者

WebCrypto でブラウザ内に RSA-OAEP 鍵ペアを生成。鍵はこのページから出ません。

ここで実行 ログイン不要

RSA 鍵ペア生成(PEM / JWK)– 無料、ブラウザ内で実行

開発者

ブラウザ内で RSA 鍵ペアを生成。PEM / JWK 出力と SHA-256 指紋付き。

ここで実行 ログイン不要

Semver バージョン比較 – 無料、ブラウザ内で実行

開発者

SemVer 2.0.0 に従って 2 つのバージョンを比較し、各部に分解します。

ここで実行 ログイン不要

SQL 方言変換(MySQL・PostgreSQL・SQLite)– 無料、ブラウザ内で実行

開発者

INSERT と CREATE TABLE を MySQL・PostgreSQL・SQLite 間で変換します。

ここで実行 ログイン不要

SQL フォーマッター・圧縮 – 無料、ブラウザ内で実行

開発者

引用符付き文字列とコメントを保護したまま SQL を整形・圧縮。

ここで実行 ログイン不要

SQL から MongoDB クエリへの変換 – 無料、ブラウザ内で実行

開発者

SELECT 文を MongoDB の find() クエリに変換します。

ここで実行 ログイン不要

SSH 鍵ジェネレータ - OpenSSH 公開鍵行と PEM を生成、秘密鍵はローカル保持

開発者

ブラウザで SSH 鍵ペアを生成:OpenSSH 公開鍵行、PEM 公開鍵、秘密鍵。鍵は端末から出ません。

ここで実行 ログイン不要

文字列連結ツール – 区切り文字と引用符で連結、ブラウザ内で実行

開発者

区切り文字・前后缀・引用符で複数行を1つの文字列に連結します。

ここで実行 ログイン不要

SVG 最適化 – SVG マークアップの整理と圧縮

開発者

SVG からコメント、メタデータ、エディタ名前空間を除き、サイズの前後比較を表示。

ここで実行 ログイン不要

SVG パスエディタ – パスデータの解析と編集、ブラウザ内で実行

開発者

SVG path をコマンド単位に解析し、数値を編集します。

ここで実行 ログイン不要

SVG スプライト ジェネレーター - アイコンを 1 ファイルに統合

開発者

複数の SVG を貼り付けて 1 つのスプライトにまとめ、use のスニペットをコピー。

ここで実行 ログイン不要

SVG → Data URI 変換ツール - アイコンをリクエストなしで inline 化

開発者

SVG を URL エンコードと Base64 の data URI に変換し、サイズを比較。

ここで実行 ログイン不要

Unix タイムスタンプ変換 – 無料、ブラウザ内で実行

開発者

Unix の秒・ミリ秒を任意のタイムゾーンで読みやすい日時に変換し、逆方向も同じ画面で扱えます。

ここで実行 ログイン不要

TOML ⇄ JSON 変換 – 無料、ブラウザ内で実行

開発者

実用的な TOML サブセットと JSON をブラウザ内で双方向変換。

ここで実行 ログイン不要

TOML / YAML / JSON 三方向変換 – 無料、ブラウザ内で実行

開発者

TOML・YAML・JSON を任意の方向で相互変換します。

ここで実行 ログイン不要

tsconfig.json エディタ – 無料、ブラウザ内で実行

開発者

tsconfig.json の主要オプションをフォームで編集し、JSON で書き出します。

ここで実行 ログイン不要

タイプスケール計算ツール - モジュラーな CSS フォントスケール

開発者

基準サイズと比率を選ぶだけで h1 から caption までの字階と CSS 変数を生成。

ここで実行 ログイン不要

Unicode 変換(\\uXXXX・実体・UTF-8 バイト)– 無料、ブラウザ内で実行

開発者

テキストと \\uXXXX・HTML 実体・UTF-8 バイトを双方向に変換。

ここで実行 ログイン不要

Unicode 文字検索 – 無料、ブラウザ内で実行

開発者

あらゆる文字を調査:コードポイント、UTF-8 と UTF-16 のバイト、ブロック、名称検索。

ここで実行 ログイン不要

URL エンコード / デコード – 無料、ブラウザ内で実行

開発者

encodeURIComponent / encodeURI の 2 段階でパーセント符号化・復号。プラス記号にも対応。

ここで実行 ログイン不要

URL パーサー – 無料、ブラウザ内で実行

開発者

URL API であらゆる URL をプロトコル・ホスト・パス・クエリに分解。

ここで実行 ログイン不要

XML フォーマッター・圧縮 – 無料、ブラウザ内で実行

開発者

コメント・CDATA・テキストノードを保護したまま XML を整形・圧縮。

ここで実行 ログイン不要

XML ⇄ JSON 変換 – 無料、ブラウザ内で実行

開発者

属性とテキストの対応づけを明示した XML ⇄ JSON 変換。

ここで実行 ログイン不要