毎日の開発業務で「あのツール どこだっけ」と探す時間がもったいない。自分でよく使うツールをまとめたサイトツールボックスを使い始めてから作業効率が上がったので紹介します。
ブラウザだけで完結し、データの外部送信もないので業務利用でも安心。カテゴリ別に15ツールを厳選しました。
テキスト・エンコード系
JSON整形ツール
APIレスポンスやconfigファイルの確認に毎日使うツール。ネストが深いJSONも一発でインデント整形できます。バリデーション機能もあるので、構文エラーの早期発見にも役立ちます。
Base64変換
テキスト・画像ともにエンコード／デコードに対応。Basic認証ヘッダーの生成やデータURIの確認など、フロント・バック問わず使う場面が多いです。
URLエンコード／デコード
クエリパラメータの手動デバッグやリダイレクトURLの解読に便利。日本語を含むURLの処理時に重宝します。
正規表現・開発ユーティリティ
正規表現テスター
パターンとテスト文字列をリアルタイムでマッチング確認できます。キャプチャグループの番号確認も視覚的にわかるので、複雑なパターンの組み立てに最適。
Unix時間変換
エポック秒と日時を相互変換できます。ログ解析やAPI応答のcreated_atフィールドを人間が読める形式に変換するときに重宝します。
CRON式パーサー
0 9 * * 1-5のようなCRON式を日本語の自然文に変換してくれます。設定ミスによる意図しない実行頻度を防ぐのに役立ちます。
バイト数カウント
文字列のバイト数をUTF-8／Shift-JIS別に確認できます。DBカラムの文字数制限チェックや、パケットサイズ計算のときに使っています。
CSS・デザイン系
CSSグラデーション生成
GUIでグラデーションを調整しながらCSS出力を確認できます。linear／radial／conicの3タイプに対応しており、コードをそのままコピペして使えます。
Box Shadow生成
ブラー・スプレッド・色・不透明度をスライダーで直感的に調整してCSS生成。複数シャドウの重ねがけにも対応しています。
CSS Flexbox生成
justify-contentやalign-itemsをビジュアルで確認しながらCSSを生成できます。Flexboxの挙動を学ぶ用途にも使えます。
セキュリティ系
パスワード生成
長さや使用文字種（大文字・小文字・数字・記号）を選んで強固なパスワードを生成。ローカル処理なのでサーバーへの送信なし。
ハッシュ生成
MD5・SHA-1・SHA-256・SHA-512に対応。ファイルやテキストのチェックサム確認、APIシグネチャの検証などに使えます。
計算・業務効率系
文字数カウンター
全角／半角・スペース有無を区別してカウント。SNS投稿やメタディスクリプションの文字数チェックに便利です。
QRコード生成
URLやテキストを入力するだけでQRコードをPNG出力できます。サイズ指定・エラー訂正レベルの変更も可能。
robots.txt生成
クローラー制御ルールをGUIで設定してrobots.txtを自動生成。Googlebot・Bingbotなど主要クローラーのプリセットもあります。
まとめ
ツールボックスには今回紹介した15ツール以外にも、全83種類以上のツールが無料で公開されています。
- 完全無料（広告のみで運営）
-
- ブラウザ完結（インストール不要）
-
- データ送信なし（入力内容はローカル処理）
ブックマークしておくと「あのツールどこだっけ」問題が解消されます。開発中の細かい変換・確認作業に、ぜひ活用してみてください。