developer
この分野のツールは 1 個 · 内蔵ツール 55 件
内蔵ツール
モック API データジェネレーター - 無料、ブラウザ内で実行
developer
JSON テンプレートからプレースホルダーで模擬レコードを一括生成。シード固定と MSW / json-server 用スニペット対応。
Base64 エンコード / デコード – 無料、ブラウザ内で実行
developer
テキストとファイルの Base64 エンコード / デコード。URL セーフ出力と正しい UTF-8 処理に対応。
border-radius ジェネレーター – ライブプレビュー、ブラウザ内で実行
developer
四隅を独立スライダーで調整し、ライブプレビューを見ながら最短の CSS 略記をコピー。
ブラウザストレージビューアー - 無料、ブラウザ内で実行
developer
このサイトの localStorage・sessionStorage・Cookie を整形表示し、コピーや個別削除ができます。
大文字小写変換 – camelCase ⇄ kebab-case
text
テキストを camelCase、PascalCase、snake_case、kebab-case、CONSTANT_CASE などに即変換。
文字コード変換 – テキストと 16 進バイトの相互変換、ブラウザ内で実行
developer
テキストを UTF-8・UTF-16LE・Shift_JIS・GBK・Big5・Latin-1 のバイトとして確認し、HEX から復号。
クリップボードビューア – テキストと形式をブラウザ内で確認
developer
ブラウザ内でクリップボードのテキストと形式を確認。読み取りには明示的な許可が必要です。
CSS カラー名検索 - 無料、ブラウザ内で実行
developer
CSS の 148 個の名前付き色を HEX・RGB・HSL 付きで検索。色系で絞り込み、ワンクリックでコピー。
色覚シミュレーター – パレットのアクセシビリティ確認、ブラウザ内で実行
developer
画像やカラー 1 色から、P 型・D 型・T 型の 3 色覚での見え方を即座に比較。
Cron 式ジェネレーター(実行予定プレビュー付き)– 無料、ブラウザ内で実行
developer
5 つのフィールドを視覚的に組み立てて Cron 式を作り、次回の実行を 5 件プレビュー。
CRC-32 / Adler-32 / FNV-1a チェックサム計算機 - 無料、ブラウザ内で実行
developer
テキストやローカルファイルから CRC-32・Adler-32・FNV-1a 32 ビットを計算します。
CSS アニメーション ジェネレーター – ライブプレビュー、ブラウザ内で実行
developer
5 つのプリセット + 時間・遅延・イージング・反復を調整し、@keyframes をそのままコピー。
CSS コンテナクエリ ビルダー - サイズ基準のコンポーネント設計
developer
コンテナ名・サイズ条件・and/or/not を組み合わせて @container を生成。
CSS セレクターテスター - 分離コンテナで要素を照合、無料
developer
HTML と CSS セレクターを貼り付けて、一致する要素を安全に一覧表示します。
CSS スプライト生成ツール - ローカル Canvas 合成、無料、ブラウザ内で実行
developer
複数画像を 1 枚のスプライトに合成し、各画像の background-position を出力します。
z-index 重ね合わせ可視化ツール - CSS 描画順の確認
developer
レイヤーを追加して描画順に並べ替え、重ね合わせコンテキストの条件も確認。
Git Diff ビューアー - 無料、ブラウザ内で実行
developer
unified diff を貼り付けて、ファイルごとの hunk 統計・色分け行・ユニファイド/左右並列表示で読む。
favicon.ico ジェネレーター(16 / 32 / 48 px + Apple タッチアイコン)- 無料、ブラウザ内で実行
developer
PNG / SVG を 16・32・48 px 入りの 1 個の favicon.ico にまとめ、Apple 用アイコンも作成。
Flexbox プレイグラウンド – ライブプレビュー、ブラウザ内で実行
developer
flex コンテナの 5 大プロパティをリアルタイム調整。生成 CSS はそのままコピー可能。
流体タイポグラフィ clamp() ジェネレーター - ブラウザ内 CSS ツール
developer
ビューポート幅とフォントサイズの範囲を指定して CSS の clamp() を生成し、幅ごとのサイズを確認。
.gitignore ジェネレーター – テンプレート結合、ブラウザ内で実行
developer
プロジェクトで使う言語とプラットフォームを選ぶだけで、マージ済み .gitignore を生成。
ハッシュ生成 – SHA、MD5、CRC32
generators
テキストやファイルのハッシュを SHA-1、SHA-256/384/512、MD5、CRC32 で計算。すべてローカル。
Hex ビューア – オフセット・16 進・ASCII を並べて表示
developer
テキストや小さなファイルを古典 hexdump で表示:オフセット・HEX・ASCII の 3 列。
HMAC 生成ツール – ブラウザ内で SHA-256 署名
developer
WebCrypto でローカル計算する HMAC 署名:SHA-1/256/384/512、HEX と Base64 出力。
HTML 実体エンコーダー&デコーダー – < > & の変換
developer
HTML 実体を双方向にエンコード/デコード。よく使う実体の早見表付き。
HTML フォーマッター・圧縮 – 無料、ブラウザ内で実行
developer
タグを認識する解析で HTML を整形・圧縮。script と style の中身はそのまま保持。
HTML5 テンプレートジェネレーター – 骨格ボイラープレート、ブラウザ内で実行
developer
必要なセマンティックセクションにチェックを入れるだけで、整った HTML5 骨格を生成。
HTTP ステータスコード早見表 – 1xx から 5xx まで
developer
HTTP ステータスコード完全リファレンス。1xx〜5xx を色分け、検索対応。
i18n キー生成ツール – 文から translation.key へ
developer
英文文を整理された i18n キーへ:camelCase / CONST_CASE、ストップワード除去、一括対応。
ISBN 検証・解析ツール(ISBN-10 / ISBN-13)- 無料、ブラウザ内で実行
developer
ISBN-10 / ISBN-13 のチェックディジットを検証し、相互変換と構成解析ができます。
JavaScript 構造ツリービューアー - 無料、ブラウザ内で実行
developer
JavaScript をトークンストリームとして読む。クラス別件数と括弧のネスト深さを表示。依存ゼロの自作字句解析器。
JavaScript フォーマッター(基本版)– 無料、ブラウザ内で実行
developer
ブラウザ内で動く JS の基本整形・圧縮。文字列・テンプレート・コメントの中身は保持。
JavaScript 難読化ツール(基本)- 無料、ブラウザ内で実行
developer
ブラウザ内で動く基本的な JS 難読化:ローカル名の短縮、コメントと空白の削除、文字列の 16 進エスケープ(任意)。
JSON Diff – キーパス比較、ブラウザ内で実行
developer
2 つの JSON をキーパス単位で比較し、差分をリストで列挙します。
JSON パスエディタ - パスで読み書き、無料、ブラウザ内で実行
developer
パス指定で JSON の値を読み取り・書き換え・削除し、ドキュメント全体を書き出せます。
JSON フォーマッタと検証 – 無料、ブラウザ内で実行
developer
ブラウザ内で JSON を整形・検証・圧縮。エラーの位置は行と列まで特定できます。
JSON Schema → HTML フォーム生成ツール - 無料、ブラウザ内で実行
developer
JSON Schema を検証付きの HTML フォームに変換し、JSON 結果を出力します。
JSON スキーマ検証ツール - サブセット対応、無料、ブラウザ内で実行
developer
JSON データをスキーマのサブセットで検証し、エラーには必ずパスが付きます。
JWT デコーダー – 無料、ブラウザ内で実行
developer
ローカルで JWT のヘッダーとペイロードをデコードし、exp と iat を読みやすい日付に変換します。署名の検証は行いません。
LICENSE ジェネレーター – 公式ライセンス文、ブラウザ内で実行
developer
MIT・Apache-2.0・GPL-3.0・BSD-3-Clause の公式全文から LICENSE ファイルを生成し、年と著作権者を自動挿入。
Markdown リンター - 無料、ブラウザ内で実行
developer
Markdown の見出しの飛び・リンク切れ・alt 欠落など 10 のルールをチェックします。
CSS メディアクエリ ビルダー - 条件を視覚的に組み立て
developer
ビューポート・向き・設定条件を組み合わせて @media ルールをそのまま生成。
Punycode コンバーター – IDN と xn-- の双方向、ブラウザ内で実行
developer
国際化ドメインと xn-- の双方向変換。逆方向は自作の RFC 3492 デコーダーで処理。
px rem em 変換ツール - CSS 単位の一括換算表
developer
ルートと親のフォントサイズを指定して px・rem・em・pt・% を一括換算。
正規表現チートシート – 検索付きリファレンス
developer
検索できる正規表現チートシート。文字クラス・量指定子・先読みをワンクリックコピー。
README ジェネレーター – リポジトリ用 Markdown 骨格、ブラウザ内で実行
developer
プロジェクト名・概要・インストール・使用例を埋めるだけで、整った Markdown README を生成。
正規表現テスター – ブラウザ内で即時検証
developer
正規表現をリアルタイムにテスト。マッチ強調・キャプチャグループ・置換プレビュー対応。
文字列連結ツール – 区切り文字と引用符で連結、ブラウザ内で実行
developer
区切り文字・前后缀・引用符で複数行を1つの文字列に連結します。
SVG パスエディタ – パスデータの解析と編集、ブラウザ内で実行
developer
SVG path をコマンド単位に解析し、数値を編集します。
SVG スプライト ジェネレーター - アイコンを 1 ファイルに統合
developer
複数の SVG を貼り付けて 1 つのスプライトにまとめ、use のスニペットをコピー。
SVG → Data URI 変換ツール - アイコンをリクエストなしで inline 化
developer
SVG を URL エンコードと Base64 の data URI に変換し、サイズを比較。
Unix タイムスタンプ変換 – 無料、ブラウザ内で実行
developer
Unix の秒・ミリ秒を任意のタイムゾーンで読みやすい日時に変換し、逆方向も同じ画面で扱えます。
tsconfig.json エディタ – 無料、ブラウザ内で実行
developer
tsconfig.json の主要オプションをフォームで編集し、JSON で書き出します。
タイプスケール計算ツール - モジュラーな CSS フォントスケール
developer
基準サイズと比率を選ぶだけで h1 から caption までの字階と CSS 変数を生成。
UUID ジェネレーター – v4 と v7
generators
UUID v4 と v7 を一括生成。大文字化とハイフン削除も選べます。