構造化データを整形・検証する
JSONのエラー位置やインデントはJSON整形、YAMLとJSONの相互変換はYAML変換、SQLの可読性確認はSQL整形を選びます。
開発者ツール
エンジニアの作業を高速化するツール
37 ツール目的から選ぶ
開発中の小さな確認を、エディタやターミナルを開き直さずブラウザで試せるカテゴリです。データ形式の整形・検証、エンコード、ハッシュや認証情報の確認、CSSの視覚調整で入り口を分けると探しやすくなります。出力は作業用の下書きとして扱い、本番コードに入れる前に仕様・テストと照合してください。
値の表現や認証情報を確認する
Base64・URLエンコードは文字列の表現変換、JWTは署名検証なしの内容確認、ハッシュとチェックサムは一致確認に使います。
Base64 エンコード/デコード、URLエンコード/デコード、JWTデコード、ハッシュ生成、ファイルチェックサム、TOTP（ワンタイムパスワード）
フロントエンドの値を目で調整する
色の変換とコントラスト確認、グラデーション、box-shadow、border-radius、cubic-bezierはプレビューしながらCSSを作りたいときに向いています。
カラーコード変換、コントラスト比チェッカー、CSSグラデーション生成、box-shadowジェネレーター、border-radiusジェネレーター、cubic-bezierイージング作成
ツール一覧
失敗しにくい使い方
- 処理対象と期待する出力例を先に決めます。
- 秘密鍵・本番トークンは避け、ダミーデータで操作を確認します。
- 出力を仕様書や別の実装と照合し、境界値も試します。
- 本番コードへ移すときはテストとレビューを通します。
使う前に知っておきたいこと
- JWTデコーダーは署名の正当性を証明しません。
- ハッシュは暗号化ではなく、元のデータを隠す保管方法としては使えません。
- 整形結果は対象のパーサーやランタイムと完全に一致するとは限りません。
よくある質問
本番のAPIキーやトークンを入力してもよいですか？
処理はブラウザ内で完結しますが、誤操作、画面共有、拡張機能、クリップボード履歴など周辺環境のリスクは残ります。本番の秘密情報ではなく、失効済み値やダミー値の利用を推奨します。
ツールの出力をそのまま本番利用できますか？
出力は作業のたたき台です。ブラウザ、ライブラリ、実行環境の仕様差があるため、対象環境の公式仕様と自動テストで確認してください。