開発者向けツール

午後の作業を中断させる細かい用事——読まなければならない JWT、人間が読める形に戻したいペイロード、クエリ文字列を無事に通り抜けなければならない文字列。ここにあるツールはどれも、いま開いているそのページの中で計算します。そしてそれこそが肝心です。開発者がこの種のフォームに貼り付けるものは、たいてい端末から出してはいけなかったものだからです。

19個のツール

JSON を整形1 行に詰め込まれた JSON の壁が届いた人。API のレスポンス、ログの項目、設定の塊。何かをする前に構造を見る必要があります。
Base64 デコード意味の読めない文字列を前にして、中身を知る必要がある人——JWT、Kubernetes の Secret の値、ログの 1 行——しかも見ず知らずの相手に渡さずに済ませたい人。
UNIX タイムスタンプを変換ログ、データベースの列、JSON のペイロードで 10 桁か 13 桁の数字を見た人。それがどの瞬間を指すのか、そしてどのタイムゾーンでの話かを知る必要があります。
JSON を検証理由を言わずに JSON を突き返され続けている人。最初に詰まる場所の行と列が必要です。
Base64 エンコードそのままでは受け取ってもらえない場所へ文字列を入れなければならない人。data URI、Basic 認証のヘッダー、どのバイトを通すかについて独自の意見を持つ経路を越えなければならない JSON の項目。
SHA-256 ハッシュを生成テキストの SHA-256 が必要な人——完全性の値、比較用の指紋、決定的な識別子。壊れていない現行の答えが欲しい人。
URL エンコードURL を手で組み立てている人——空白やアンパサンドを含むパラメーター、別のアドレスの中の値として生き延びなければならないリダイレクト先——どの文字を逃がすべきで、どれを逃がしてはいけないかを知る必要があります。
UUID を生成いますぐ識別子が 1 つ、あるいは何十個か必要な人——テストデータ、マイグレーション、設定ファイル——そのためにターミナルを開きたくない人。
MD5 ハッシュを生成テキストの MD5 が必要な人——データベースの値と突き合わせるため、キャッシュキーを再現するため、まだそれを使っている古い連携のため。
URL デコードログ、分析のエクスポート、エラーメッセージから URL を読んでいる人。肝心な部分がパーセント列の下に埋まっています。
HTML エンティティにエンコード自分が書いたのではないテキストをページに載せる人——コメント、商品説明、マークアップの実例——タグになってしまう文字を文字のまま保ちたい人。
HTML エンティティをデコード文字の代わりにエスケープ形が並んだテキストを前にしている人——データベースの項目、RSS フィード、スクレイパーの出力——実際に何と書いてあるのかを読みたい人。
JSON を最小化整形済みの JSON を 1 行にしたい人。設定用の環境変数、データベースの項目、1 バイトが効く経路に収めなければなりません。
SHA-1 ハッシュを生成自分で選んだからではなく、ほかの何かが要求するので SHA-1 を出さなければならない人——Git のオブジェクト、古い署名方式、2017 年より前の連携。
URL を解析長いアドレスを前にして、その部品——ホスト、ポート、パス、クエリ、フラグメント——を頭の中で数える代わりに別々に見たい人。
16 進にエンコードテキストの背後にあるバイト列を見る必要がある人——プロトコルのため、ダンプの突き合わせのため、16 進を求める項目のため——しかも自分の道具が読める区切りで。
16 進をデコードログ、パケットキャプチャ、エラーメッセージから 16 進のダンプを持ってきた人。その背後にどんなテキストがあるのかを知りたい人。
クエリ文字列を解析計測用のパラメーターで埋まったクエリ文字列を持っている人。値がデコードされ、重複したキーが消えない状態で、1 行に 1 つずつ見たい人。
UUID を検証識別子を前にして、それが形式として正しい UUID かどうか、どのバージョンとバリアントを名乗っているかを知る必要がある人。

「手元で動く」が好みの問題ではない理由

Base64 のデコーダーに貼り付けられるものを、多い順に並べます。JWT、Basic 認証のヘッダー、webhook のペイロード、設定ファイル。4 つのうち 3 つは資格情報そのものか、それを含んでいます。これをサーバーで復号するページは、すでにそれを見ており、誰が望んだかに関わらずリクエストのログに残しています。

机上の懸念ではありません。この種のサイトが多くの企業のプロキシで丸ごと遮断されている理由であり、遮断されていない会社にも誰も読まない規程がある理由です。ここにある処理はどれもブラウザーが単独でできる算術で、それを外へ持ち出すのは判断であり、しかも誤った判断です。

ブラウザーの中に残るもの、残らないもの

このページは CDN から配られる静的な HTML です。最初の入力で小さな JavaScript のモジュールが一度だけ読み込まれ、以後はキャッシュから使われ、計算はあなたのタブの中で行われます。入力を運ぶリクエストは 1 本もなく、それは信じる対象ではなくネットワークパネルで確かめる対象です。

正直な限界が 2 つあります。ページそのものは 1 本のリクエストなので、あなたがここに来たという事実は当方にもお使いのネットワークにも見えます。そしてこのサイトには広告があり、同意した場合には分析もあります。どちらもテキスト欄の中身は見ませんが、どちらも第三者へのリクエストです。書いた内容と、ここに来たという事実——前者は決して動かず、後者は必然的に動きます。

個人情報保護法から見たときの位置

データが端末から出なければ、当方への提供が起きず、したがって貼り付けた内容についての第三者提供も委託も生じません。欄の中身が顧客の記録、問い合わせの本文、個人データを含むペイロードであるとき、実務上はここが決め手になります。サーバー版なら使えない場面でこれらのツールが使えるのは、そのためです。

実際に起きていることはプライバシーポリシーに書いてあり、ここで取り繕うつもりはありません。訪問、広告と分析のリクエスト、同意。ツールが手元で計算するからといってサイト全体が無色になるわけではなく、いちばん重い部分がなくなるだけです。

1 ページに 1 つの問いを置く

Base64、URL、HTML を双方向まとめて 1 ページに収め、切り替えを 1 つ置く。ページ数は減り、質は落ちます。エンコードとデコードは壊れ方が違い、説明の仕方が違い、検索のされ方が違うからです。壊れたパーセント列を前にしている人と、クエリ文字列を組み立てている人には、共有できる話がほとんどありません。

だから方向ごとにページがあり、それぞれにそのページの失敗が書いてあります。Base64 の中身がテキストでないバイト列だったときにどうするか、`encodeURIComponent` がなぜ感嘆符を素通りさせるのか、それが OAuth の署名に何をするのか。読む価値のあるページはそこから出てきます。6 種類の読み手を同時に相手にしないからこそ可能です。

接続が切れても動きます

ツールのページを一度読み込んでしまえば、あとはすべて手元の処理です。新幹線の中でも、飛行機の中でも、1 時間後にこのドメインを遮断する社内プロキシの背後でも動きます。service worker を入れているわけでも、設定が要るわけでもありません。外へ呼び出さないページは、接続が失われても失うものがないというだけです。

実際的には、オンラインツールなら選ぶべきでない状況でこそ役に立つということです。他人の端末の上で、信用していないネットワークで、本当は動かすべきでないデータを相手に。そのために作られています。

登録なし、上限なし、透かしなし

管理するものがないので、登録するものもありません。ツールは 2 回の訪問のあいだに何も保存しません。タブを閉じれば書いたものは消えます。そのタブ以外のどこにも存在しなかったからです。

回数の上限もありませんが、これは気前の良さではありません。あなたの計算時間に当方は 1 円も払っていないので、割り当てるものがないだけです。唯一の天井は、お使いのブラウザーがテキスト欄にどれだけの文字を抱えていられるかです。

英語のまま置く語と、カタカナにする語

これらのページには Base64、JWT、JSON、UUID がそのまま出てきます。「基数 64 変換」とは書きません。一方でハッシュ、トークン、ペイロード、タイムスタンプはカタカナです。日本の開発現場で口に出される形がそちらだからで、検索される形も同じです。

境目は語の由来ではなく、使用の実態にあります。頭字語と製品名は英字のまま、動詞や名詞として日本語の文に溶けている語はカタカナ、そして「文字化け」「全角」「半角」のように日本語にしかない概念はもちろん日本語です。この基準を外すと、正確に翻訳されていて誰も検索しないページができあがります。

ここに意図的に置いていないもの

HTML、CSS、JavaScript の整形ツールはありません。抜けではなく判断です。まともなものには本物のパーサーが要り、そのためのライブラリは数メガバイトあって、ライセンスと読み込み時間の両方について独自の判断を要求します。自作のものは入力を黙って壊します。JSON の整形が無害なのは、そのパーサーがブラウザーに最初から入っているからにすぎません。

Markdown や HTML のプレビューもありません。どちらも他人の HTML をこのページの中で描画することを意味し、それは HTML エンティティのデコードのページが理由を挙げて拒んでいることそのものです。そういうパーサーはネットワークリクエストを発生させ得ます。1 つのページで通る理屈を、次のページで無視することはできません。

開発者向けツール：よくある質問

貼り付けたものはサーバーへ送られますか。

いいえ。この区画のツールはどれもそのページの中で計算します。信じる代わりにネットワークパネルで確かめてください。ページ自体は CDN から届き、サイトには広告があるのでリクエストはありますが、テキスト欄の中身を運ぶものは 1 本もありません。

貼り付けられる文字数に上限はありますか。

お使いの機械が耐えられるところまでです。待ち行列も計測も制限もありません。数えられるサーバーが存在しないからです。非常に大きな入力ではタブが少しのあいだ考え込みます。天井はそれだけです。

アカウントは必要ですか。

いいえ。登録する先もありません。ツールは 2 回の訪問のあいだに何も覚えていません。タブを閉じれば書いたものは消えます。ほかのどこにも存在しなかったからです。

社内のデータに使ってもよいですか。

それは御社の規程が決めることですが、技術的な答えは「データは端末から出ません」で、規程が問題にしているのはたいていそこです。主張ではなく証明が必要なら、使いながらネットワークパネルを開いてください。見せるものが何もありません。

結果の前にダウンロードの手順がないのはなぜですか。

ファイルがないからです。結果はページの中のテキストで、選んでコピーできる状態になっています。その前にボタンを押させて得られるものは何もありません。ファイルを生成するツールでは、ダウンロードは最後にあり、前置きの関門としては置いていません。