基礎
基礎ガイド
各ツールの背後にある概念を学ぼう:歴史、内部の仕組み、実話、開発者がハマる罠。
ビューア
JSONを整形・検証・圧縮して、中身をサクッと覗けるビューア。
ガイドを読むXMLをキレイに整形して、ドキュメント構造を丸裸にする。
ガイドを読むトークンのヘッダー・ペイロード・タイムスタンプをその場でデコード。署名検証はしないので悪しからず。
ガイドを読むYAMLを検証しつつ、JSONと自由自在に行き来させる。
ガイドを読むMarkdownを書きながら、安全なライブプレビューで即確認。
ガイドを読むよくあるSQL文を整形してスッキリ読みやすく。
ガイドを読む生のHTTPリクエスト/レスポンスを、人間に優しいフィールド表示に分解。
ガイドを読むHTMLを貼るだけで、ソースの隣にライブレンダリングされたページが出てくる。
ガイドを読む変換・エンコード
Base64をエンコード・デコードしてプレビューまでまとめて。
ガイドを読むURL全体でも一部だけでも、エンコード・デコードし放題。
ガイドを読むMD5やSHA系ハッシュをブラウザ内だけで生成。サーバーには一切送信しない。
ガイドを読むCSVを表で見つつ、JSONとサクッと相互変換。
ガイドを読むcron式を日本語っぽく(じゃなくて平易な言葉で)解説しつつ、次の実行タイミングも一覧表示。
ガイドを読むUnixタイムスタンプと日付を相互変換。おまけでライブ時計付き。
ガイドを読むpx、rem、em、vw、vh、%、ptを変換しつつ、可変するclamp()の値も組み立てる。
ガイドを読む検証・テスト
ネットワークとAPI
SVGと画像
セキュリティ
パスワードベースのAESでテキストを暗号化・復号。
ガイドを読むCSPのディレクティブを解析して、潜むリスクを洗い出す。
ガイドを読むHTTPレスポンスのセキュリティヘッダーを採点して、直し方まで教えてくれる。
ガイドを読むパスワードのエントロピーやパターン、クラックにかかる時間まで見積もる。
ガイドを読むSRIハッシュを生成して、scriptやlinkタグまでそのまま作る。
ガイドを読むHMAC SHA-1/256/384/512でメッセージに署名。Webhookの署名検証もこなす。
ガイドを読むエディタ
JavaScript/TypeScriptコードを整形したり圧縮したり、お好みで。
ガイドを読むJS、TS、JSON、HTML、CSS、Markdown、YAML、GraphQL、Java、C#、PHP、C/C++まで、いろんな言語を自動インデント。
ガイドを読むJSONをテキスト・ツリー・テーブル・フォームで同時編集して、結果をそのままダウンロード。
ガイドを読むXMLをテキスト・ツリー・テーブル・フォームで同時編集して、結果をそのままダウンロード。
ガイドを読むYAMLをテキスト・ツリー・テーブル・フォームで同時編集して、結果をそのままダウンロード。
ガイドを読むMarkdownとリッチテキストを並べて編集。ツールバー付きで両方ともリアルタイム同期。
ガイドを読むHTMLソースをライブプレビュー付きで編集。整形もダウンロードもおまかせ。
ガイドを読むジェネレーター
UUID(v4)をまとめて量産。フォーマットオプションもいろいろ選べる。
ガイドを読む範囲指定で乱数を出したり、好きな文字セットでランダム文字列を作ったり。
ガイドを読む段落数を指定して、お馴染みのLorem Ipsumダミーテキストを生成。
ガイドを読む長さと文字種を自由に設定して、強力なランダムパスワードを量産。
ガイドを読むテキストやURLからQRコードを生成。誤り訂正レベル、サイズ、色まで細かく調整可能。
ガイドを読むCode 128、EAN-13、UPC、Code 39など各種バーコードを生成、すぐダウンロードできる。
ガイドを読むフィールドのテンプレートから、テスト用のそれっぽい偽JSONデータを量産。
ガイドを読む色
色を選んでHEX、RGB、HSL、HSV、OKLCH、CMYK間を自由に変換。
ガイドを読むブランドカラーやロゴから配色一式を自動生成。雰囲気を選べば、ミニサイトでそのままプレビューできる。
ガイドを読むテキストと背景のWCAGコントラストをチェックして、ダメなら自動で修正案まで提示。
ガイドを読むスタイル指定でランダムな色を生成。色同士の最低限の離れ具合も保証する。
ガイドを読むベースカラー1つからTailwind風の50〜950スケールを生成。CSSトークンとしてすぐ使える。
ガイドを読む