開発者 ツール
開発者なら誰もがつまずく小さな問題を、フォーマット・デコード・調査。
アクセスログ解析ツール - 上位 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 変換。