Developer Toolbox
ブラウザ内で動作

開発者ツール

ブラウザ内だけで動く開発者向けツールとアルゴリズムの可視化。貼り付けたデータが端末の外に出ることはありません。

すべてのツール

Base64

Base64のエンコード・デコード

URLエンコーダー

URLのエンコード・デコード

HTMLエンコーダー

HTMLエンティティのエンコード・デコード

JSONフォーマッター

JSONの整形・検証・圧縮

YAML ↔ JSON

YAMLとJSON形式の相互変換

Diffビューアー

2つのテキストブロックを比較して差分をハイライト

ケース変換

camelCase・snake_case・kebab-caseなどのテキスト変換

SQLフォーマッター

SQLクエリを整形・ハイライト(方言ごとのオプション対応)

CSV ↔ JSON

CSVとJSONをテーブルプレビュー付きで相互変換

文字数カウンター

単語数・文字数・行数・段落数を数える

JSON → TypeScript

JSON から TypeScript の型定義を生成

JSON Schema ジェネレーター

サンプル JSON から JSON Schema を生成

HTML フォーマッター

HTML の整形・圧縮

CSS フォーマッター

CSS の整形・圧縮

JavaScript フォーマッター

JavaScript の整形・圧縮

UUIDジェネレーター

UUID v4・v7、ULID、Nano IDの生成

パスワードジェネレーター

カスタムオプションで安全なパスワードを生成

ハッシュジェネレーター

MD5・SHA-1・SHA-256ハッシュの生成

JWTデコーダー

JWTトークンのデコード: ヘッダー・ペイロード・有効期限

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

ライブプレビューとプリセット付きのbox-shadow CSSを生成

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

ライブプレビュー、カラーストップ編集、プリセット付きでCSSグラデーションを生成

CSSボーダージェネレーター

ライブプレビュー、辺ごとの設定、プリセットでCSSボーダーを生成

カラーコンバーター

HEX・RGB・HSL形式の色変換

px→rem 変換ツール

任意の基準フォントサイズで px・rem・em を変換

正規表現テスター

リアルタイムマッチングで正規表現をテスト

Cronパーサー

Cron式の説明と次回実行時刻の表示

cURLビルダー

cURLコマンドの解析・作成・変換

タイムスタンプコンバーター

Unixタイムスタンプを日時に変換

進数変換

2進数・8進数・10進数・16進数の相互変換

アルゴリズムの可視化

アニメーションと解説付きの例で、定番アルゴリズムを一歩ずつたどれます

バブルソート

リストを端から端まで何度も見ていき、順番が逆の隣同士を入れ替えます。1周するたびに、残りの最大値が右端に来ます。

挿入ソート

左側に並べ終えた部分を作り、値を1つずつ加えていきます。新しい値は取り出され、より小さい値に当たるまで左へ動きます。

選択ソート

残りの中から最小値を探し、次の位置に入れ替えます。入れ替えはとても少ないですが、比べる回数はいつも同じです。

マージソート

リストを半分に分け、それぞれの半分を並べ替えます。そのあと、並んだ2つの半分を1つのリストにまとめます。

クイックソート

値を1つ選び(これをピボットと呼びます)、小さい値をその左へ、大きい値を右へ動かします。そのあと左右それぞれで同じことをします。

ヒープソート

リストをヒープに組み替えます。ヒープとは、どの親も子より大きい木のことです。そのあと、最大値を末尾へ移すことを繰り返します。

幅優先探索(BFS)

グラフを層ごとに調べます。次の頂点はキューで決まるので、いつも近い頂点から先に訪問します。

深さ優先探索(DFS)

1本の道をできるだけ深くたどり、進めなくなると最後の分かれ道まで戻ってグラフを調べます。画面のスタックがその道です。

ダイクストラ法

スタートからゴールまでの最も安い道を見つけます。優先度付きキューで待っている最も安い場所を常に取り出すので、コストがスタートから洪水のように広がります。

A*探索

方向感覚を持ったダイクストラ法です。各場所のコストに残りコストの見積もりを足すので、ゴールに最も近そうな場所から試します。

二分探索

整列済みの配列で値を探します。真ん中を見て、値がありえない半分を捨てます。比較のたびに残りが半分になります。