Bob's Multi Tool
Web運用ワークベンチ

公開URL、ヘッダー、DNS、sitemap、API応答を一つの流れで確認。

デプロイ、検索発見性、セキュリティヘッダー、トークン、API応答のシグナルをまとめて確認します。

ツール一覧

整形、検証、デコード、生成、ネットワーク確認、SEOツールを、例と関連ワークフロー付きで一つのワークベンチから探せます。

HTTP

公開 URL のステータスコード、リダイレクト結果、主要レスポンスヘッダー、コピー可能な確認レポートでデプロイと SEO 状態を点検します。

ネットワーク

DNS

公開ドメインの A、AAAA、MX、TXT、NS、CNAME レコードとコピー可能なDNSデプロイレポートで domain 設定を点検します。

ネットワーク

Sitemap

公開URL一覧からXML sitemapと検索提出用ディスカバリーレポートを作り、host、HTTPS、重複警告を確認します。

SEO

Robots

allow、disallow、crawl-delay、sitemap hint を組み合わせて robots.txt の下書きとクロールレポートを作ります。

SEO

Meta Tags

title、description、canonical、Open Graph の値から検索/共有用 meta tag とクローラーレポートを作ります。

SEO

OG プレビュー

Open Graph の title、description、URL、image、robots方針をプレビューし、共有カードのクローラーレポートをコピーします。

SEO

URL Parse

URL の protocol、host、path、query、hash を分解し、redirect や canonical の問題を確認します。

Web

JWT

JWT の header と payload をブラウザ内でデコードし、有効期限、issuer、scope を素早く確認します。

セキュリティ

JSON

API レスポンス、設定ファイル、ログ内の JSON を読みやすく整形し、構文エラーを素早く見つけます。

データ

Base64

テキスト、Base64、Base64URL、画像 data URL、JSON payload、JWT segment をローカルで変換し、コピー前に構造を確認します。

データ

SQL

長い SQL クエリを確認とデバッグ向けに改行・整形し、差分を読みやすくします。

コード

Hash

MD5、SHA-1、SHA-256、SHA-512 の hash と HMAC signature を比較し、checksum、webhook test、変更検知を確認します。

セキュリティ

Web運用ワークベンチ

デプロイ、検索発見性、セキュリティヘッダー、トークン、API応答のシグナルをまとめて確認します。

ブラウザ内処理

JavaScriptスニペットをレビュー

スニペットを整形し、JavaScriptレビューレポートをコピーして、圧縮やAPI payload確認へ進みます。

3 ツール
  1. 1JSスニペットを整形し、module、runtime、fetch、eval、checklistを含むレポートをコピーします。
  2. 2JS Min圧縮版を共有する場合は、圧縮率、コメント削除、minifyレビューレポートを確認します。
  3. 3JSONスニペットをコピーする前に、fetch handlerが参照するJSONやAPI payload例を確認します。

検索発見の準備を確認

Search Consoleやwebmaster提出前に、最終status、sitemap URL、robotsルール、canonical/meta信号、URL構造を確認します。

6 ツール
  1. 1HTTP提出URLが意図したcanonical hostで最終200を返すか確認します。
  2. 2Sitemap提出URLリストを整え、重複を外し、検索ディスカバリーレポートをコピーします。
  3. 3Robotscrawlerルールとsitemapディレクティブが公開ページをブロックしないか確認し、クロールレポートをコピーします。
  4. 4Meta Tagstitle、description、canonical、robots、social preview信号を確認し、クローラーレポートをコピーします。
  5. 5OG プレビュー共有カードをプレビューし、imageとrobots信号を確認してsocial crawlerレポートをコピーします。
  6. 6URL Parsetracking parameterを外し、きれいなcanonical候補を比較してURL canonicalレポートをコピーします。

未インデックスURLを診断

Search Consoleでクロール済み/検出済みだが未インデックスの場合、次のレポート更新を待つ前に最終レスポンス、sitemap証拠、robots、metadata、canonical形状を確認します。

5 ツール
  1. 1HTTP検査URLがcanonical hostで最終200か確認し、redirect/header証拠を残します。
  2. 2SitemapURLが提出済みsitemapセットに含まれるか照合し、count/warning付きdiscovery reportをコピーします。
  3. 3Robotscrawlerルールやsitemapディレクティブが検査ページと矛盾しないか確認します。
  4. 4Meta Tagstitle、description、canonical、robots metadataを確認し、thin contentや誤ったnoindexでないか見ます。
  5. 5URL Parseフォローアップ記録前にtrackingや重複pathを外したclean canonical URLを検査URLと比較します。

色アクセシビリティ確認

前景/背景色を変換し、WCAGコントラストレポートをコピーして、公開前にCSS tokenと視覚アセットを確認します。

3 ツール
  1. 1ColorHEX/RGB/HSLの組み合わせを変換し、AA/AAA基準を確認してアクセシビリティレポートをコピーします。
  2. 2CSS変更をcommitする前にCSS token名、selector、重複色値を確認します。
  3. 3Faviconブランド頭文字や小さいアイコンが選んだ背景で明確に読めるか確認します。

CSSスニペットをレビュー

CSSスニペットを整形し、CSSレビューレポートをコピーして、圧縮と色コントラストを確認します。

3 ツール
  1. 1CSSスニペットを整形し、selector、token、cascade、specificity、checklistを含むレポートをコピーします。
  2. 2CSS Min圧縮CSSを共有する場合は、圧縮率、コメント削除、minifyレビューレポートを確認します。
  3. 3Colorスニペットが前景/背景色を変える場合は、color tokenをWCAGコントラスト基準で確認します。

安全なパスワード引き継ぎ

パスワードまたはパスフレーズを作り、秘密値を含まないレポートをコピーし、tokenとhashを用途に合わせて選びます。

3 ツール
  1. 1Passwordパスワードまたはパスフレーズを生成し、秘密値を露出しないレポートをコピーします。
  2. 2TokenAPI、session、CSRF、webhook secretにはパスワード再利用ではなくrandom tokenを使います。
  3. 3HashhashやHMACはchecksumとsignature workflowだけに使い、パスワード保存には使いません。

コピー用テキストアートを作る

記号を選び、短いASCIIバナーを作り、プロフィールやコメント、文書向けの小さなドットアートを描きます。

3 ツール
  1. 1Symbols矢印、星、括弧、罫線文字を選び、コピー前に code point を確認します。
  2. 2ASCII Art短い単語をバナーにし、狭い入力欄で使う前に幅を確認します。
  3. 3Dot Art小さなグリッドを描き、パレットを切り替えて最終ドットアートをコピーします。

SNSプロフィールを飾る

短い自己紹介を作り、Fancy Unicode テキスト、絵文字コンボ、顔文字を加えてモバイルのプロフィール幅に収めます。

5 ツール
  1. 1Bio Builderプラットフォーム別の長さに合う自己紹介テンプレートと文字数警告から始めます。
  2. 2Fancy Text一番目立たせる単語を Unicode スタイルに変換し、通常文字での読みやすさも比べます。
  3. 3Emoji Comboプロフィールの雰囲気が伝わる短い絵文字コンボを足し、うるさくなりすぎないようにします。
  4. 4Kaomoji顔文字アクセントを選び、自己紹介文の横に置く前に幅を確認します。
  5. 5カウンター文字数制限が厳しいプラットフォームへ貼る前に最終文字数を確認します。

遊びのあるコメント文を作る

普通の文をミーム風の大小文字、上下反転テキスト、短い記号付きコメントに変換してコピーしやすくします。

4 ツール
  1. 1Meme Text同じ文から交互大小文字、皮肉、拍手、ささやき、大声バージョンを作ります。
  2. 2Upside Down冗談にもっと強い視覚的なひねりが必要なとき、反転版を作ります。
  3. 3Fancy Text短いオチには Vaporwave、丸囲み、Monospace 出力も試します。
  4. 4Symbols最終行をいくつかの記号で囲み、投稿前に code point を確認します。

関連ツール

次に使いやすいツール

ツール

コード

11 ツール
コードブラウザ内処理

Regex テスター

JavaScript 正規表現を実際のサンプルテキストに適用し、match、flag、capture group を確認するツールです。

Regex テスターコードブラウザ内処理
コードブラウザ内処理

UUID 生成ツール

テストデータ、一時 ID、seed 値に使う UUID v4 をまとめて生成します。

UUID 生成ツールコードブラウザ内処理
コードブラウザ内処理

SQL フォーマッター

長い SQL クエリを確認とデバッグ向けに改行・整形し、差分を読みやすくします。

SQL フォーマッターコードブラウザ内処理
コードブラウザ内処理

JSON to TypeScript

サンプル JSON から TypeScript interface を推測し、API レスポンスや設定型の下書きを素早く作ります。

JSON to TypeScriptコードブラウザ内処理
コードブラウザ内処理

CSS フォーマッター

圧縮または崩れた CSS を読みやすい block に整え、style 修正と review を楽にします。

CSS フォーマッターコードブラウザ内処理
コードブラウザ内処理

CSS 圧縮ツール

CSS の空白とコメントを削減し、圧縮率、selector 数、comment 削除リスクを確認してコピーします。

CSS 圧縮ツールコードブラウザ内処理
コードブラウザ内処理

JavaScript フォーマッター

圧縮または読みにくい JavaScript を整形し、debugging と code review を助けます。

JavaScript フォーマッターコードブラウザ内処理
コードブラウザ内処理

JavaScript 圧縮ツール

JavaScript の空白とコメントを削減し、圧縮率、console/eval/TODO の信号を確認してコピーします。

JavaScript 圧縮ツールコードブラウザ内処理
コードブラウザ内処理

ULID 生成ツール

ソート可能な ULID をまとめて生成し、log、fixture、分散 ID テストに使う値を作ります。

ULID 生成ツールコードブラウザ内処理
コードブラウザ内処理

CSS 単位変換

px、rem、em、percent を CSS layout と typography 計算向けに変換します。

CSS 単位変換コードブラウザ内処理
コードブラウザ内処理

CSS Clamp 生成

responsive font-size と spacing 向けの CSS clamp() を min/max 範囲から生成します。

CSS Clamp 生成コードブラウザ内処理

Web

8 ツール
Webブラウザ内処理

Iframe ビューア

外部 URL を iframe でプレビューし、embed 可否、サイズ、sandbox/allow 属性を素早く確認します。

Iframe ビューアWebブラウザ内処理
Webブラウザ内処理

URL エンコーダー

query string、redirect parameter、callback URL に入れる値を安全に encode/decode します。

URL エンコーダーWebブラウザ内処理
Webブラウザ内処理

HTML Entity 変換ツール

HTML に入れる特殊文字を entity に変換・復元し、template、文書、code snippet 表示を確認します。

HTML Entity 変換ツールWebブラウザ内処理
Webブラウザ内処理

QR Code 生成ツール

URL、Wi-Fi、メール、vCard payload をビルダーで作り、QR code の読み取り密度、宛先、tracking parameter を確認します。

QR Code 生成ツールWebブラウザ内処理
Webブラウザ内処理

HTML フォーマッター

圧縮または貼り付けた HTML を読みやすく整形し、tag nesting と attribute を確認します。

HTML フォーマッターWebブラウザ内処理
Webブラウザ内処理

URL パーサー

URL の protocol、host、path、query、hash を分解し、redirect や canonical の問題を確認します。

URL パーサーWebブラウザ内処理
Webブラウザ内処理

MIME Type 検索

拡張子と MIME type を相互に調べ、upload、header、data URL の content type を確認します。

MIME Type 検索Webブラウザ内処理
Webブラウザ内処理

User-Agent パーサー

User-Agent 文字列から browser、OS、device のヒントを分け、log と互換性問題を確認します。

User-Agent パーサーWebブラウザ内処理

テキスト

7 ツール
テキストブラウザ内処理

Lorem Ipsum 生成ツール

カード、フォーム、リスト、コンテンツ layout 用の placeholder 文を長さと段落数に合わせて生成します。

Lorem Ipsum 生成ツールテキストブラウザ内処理
テキストブラウザ内処理

Text Diff

二つのテキストの追加、削除、変更行を比較し、設定、文書、log の差分を確認します。

Text Diffテキストブラウザ内処理
テキストブラウザ内処理

Case 変換ツール

文字列を camelCase、PascalCase、snake_case、kebab-case に変換し、変数名や slug を整えます。

Case 変換ツールテキストブラウザ内処理
テキストブラウザ内処理

Slug 生成ツール

タイトルや文を URL-safe slug に変換し、空白、大文字小文字、特殊文字を整えます。

Slug 生成ツールテキストブラウザ内処理
テキストブラウザ内処理

Markdown プレビュー

Markdown 文書をプレビューし、CSV、TSV、pipe 区切り行をコピー用 Markdown table に変換します。

Markdown プレビューテキストブラウザ内処理
テキストブラウザ内処理

テキスト並び替え・重複削除

複数行テキストを並べ替え、重複、空行、前後スペースを取り除いてリストを整えます。

テキスト並び替え・重複削除テキストブラウザ内処理
テキストブラウザ内処理

単語・文字カウンター

テキストの文字数、単語数、行数、byte、推定読了時間を素早く数えます。

単語・文字カウンターテキストブラウザ内処理

データ

10 ツール
データブラウザ内処理

JSON フォーマッター

API レスポンス、設定ファイル、ログ内の JSON を読みやすく整形し、構文エラーを素早く見つけます。

JSON フォーマッターデータブラウザ内処理
データブラウザ内処理

JSON Escape Unescape

JSON 文字列に入れる引用符、改行、バックスラッシュを escape/unescape し、ログやテストデータを整えます。

JSON Escape Unescapeデータブラウザ内処理
データブラウザ内処理

Base64 エンコーダー デコーダー

テキスト、Base64、Base64URL、画像 data URL、JSON payload、JWT segment をローカルで変換し、コピー前に構造を確認します。

Base64 エンコーダー デコーダーデータブラウザ内処理
データブラウザ内処理

YAML JSON 変換ツール

YAML と JSON を相互変換し、インデント、配列、boolean/null 値が意図通りか確認します。

YAML JSON 変換ツールデータブラウザ内処理
データブラウザ内処理

YAML 検証ツール

YAML構文を検証し、Docker Composeのservices、ports、volumes、environmentを確認して、raw environment値なしのデプロイレポートをコピーします。

YAML 検証ツールデータブラウザ内処理
データブラウザ内処理

ENV パーサー 検証ツール

.env 値を解析し、重複変数、不正な名前、引用符エラーを確認して、raw値なしのENVデプロイレポートをコピーします。

ENV パーサー 検証ツールデータブラウザ内処理
データブラウザ内処理

XML フォーマッター

圧縮された XML を読みやすく整形し、tag nesting、attribute、閉じタグの問題をコピー前に確認します。

XML フォーマッターデータブラウザ内処理
データブラウザ内処理

CSV JSON 変換ツール

CSV と JSON を変換し、header、空行、重複行、列数のずれを先に確認します。

CSV JSON 変換ツールデータブラウザ内処理
データブラウザ内処理

JSON Schema 検証ツール

JSON 値を簡単な JSON Schema ルールと照合し、required field や type mismatch を確認します。

JSON Schema 検証ツールデータブラウザ内処理
データブラウザ内処理

JSONPath テスター

JSONPath 風の selector でネストした配列やオブジェクト値を抽出し、API レスポンス構造を確認します。

JSONPath テスターデータブラウザ内処理
Bob's Multi Tool - Web運用ワークベンチ | bobob.app