無料で使えるオンラインツール厳選ガイド【2026年版】
登録不要・ブラウザだけで完結するツール20選

こんなときに使う

• - 修正前後のコードの差分確認（Gitが使えない環境で）
• - 契約書・利用規約の変更箇所チェック
• - 翻訳文の修正履歴確認
• - 設定ファイルのバージョン間比較

なぜこれがいいのか

目視で「どこが変わったか」を探すのは時間の無駄だ。数百行のテキストでも、ツールを使えば変更箇所だけピンポイントで表示される。開発者でなくても、ドキュメントのレビュー時に重宝する。

こんなときに使う

• - GitHubのREADME.mdの下書き・確認
• - ブログ記事の構成チェック
• - Markdownで書いた仕様書のプレビュー
• - テーブル記法が正しく書けているか確認

なぜこれがいいのか

VS CodeにもMarkdownプレビュー機能はあるけど、わざわざエディタを開くまでもない場面がある。Slackで「これでREADME合ってる？」と聞かれたとき、このツールにペーストするだけで見た目を確認できる。テーブルの列がずれてないかの確認にも便利。

こんなときに使う

• - ブログ記事にHTMLコードをそのまま表示したいとき
• - HTMLメールテンプレートの特殊文字処理
• - CMSへのコード貼り付け前のエスケープ
• - ユーザー入力値のサニタイズ確認

なぜこれがいいのか

手動で<とか書いていくのは苦行でしかない。コードブロックを記事に貼りたいだけなのに、エスケープ処理で10分かかるとか馬鹿らしい。このツールなら、コードを貼ってボタンを押すだけ。逆方向のアンエスケープもできる。

こんなときに使う

• - APIレスポンスの中身を確認したいとき
• - 設定ファイル（package.json等）のフォーマット
• - JSONの構文エラーを見つけたいとき
• - ミニファイされたJSONを人間が読める形にしたいとき

なぜこれがいいのか

APIの開発やデバッグをしていると、JSON整形は1日に何回も必要になる。ブラウザのDevToolsでも見られるけど、レスポンスの一部だけコピーして整形したいときや、チャットで送られてきたJSONを読みたいときには、独立したツールのほうが手早い。構文エラーの行番号まで出してくれるのも助かる。

こんなときに使う

• - Excelのデータをプログラムで処理するためにJSON化
• - APIから取得したJSONデータをExcelで開けるようCSV化
• - データベースのエクスポートデータの形式変換
• - マーケティングデータの加工・分析前処理

なぜこれがいいのか

CSVとJSONの変換はPythonスクリプトを書いてもできるけど、数十行のデータならスクリプトを書くまでもない。このツールなら、CSVを貼り付けるだけで即座にJSONが出力される。ヘッダー行をキーとして自動認識してくれるのも手間が省ける。

こんなときに使う

• - JWTトークンのペイロード部分をデコードして中身を確認
• - 画像をBase64に変換してCSSやHTMLに直接埋め込み
• - Basic認証のヘッダー値を生成
• - メール添付ファイルのBase64デコード

なぜこれがいいのか

ターミナルでecho "..." | base64 -dと打ってもいいけど、毎回コマンドのオプションを思い出すのが面倒だし、そもそもWindowsだとコマンドが違う。ブラウザツールなら、OSを問わず同じ操作で使える。JWTのデバッグ時は特に出番が多い。

こんなときに使う

• - URLパラメータに日本語を含める必要があるとき
• - %E3%83%86...のようなエンコード済み文字を読みたいとき
• - OAuthのredirect_uriを組み立てるとき
• - アクセスログのURL解析

なぜこれがいいのか

アクセスログを見ていると、%E6%A4%9C%E7%B4%A2みたいな文字列が大量に出てくる。何が書いてあるか読めない。このツールにペーストすれば、一瞬で「検索」と表示される。OAuthのコールバックURLでパラメータのエンコードを間違えてハマる開発者は多いけど、このツールで事前にチェックすればミスは防げる。

こんなときに使う

• - メールアドレスや電話番号のバリデーションパターン作成
• - ログファイルから特定パターンを抽出するとき
• - 文字列の一括置換パターンの確認
• - 他人が書いた正規表現の意味を理解したいとき

なぜこれがいいのか

正規表現は「書けたつもり」が一番怖い。テストデータを10個くらい用意して、全部正しくマッチ/非マッチするか確認してからコードに反映すべきだ。このツールなら、パターンを1文字変えるたびにリアルタイムで結果が更新されるから、試行錯誤が圧倒的に速い。Web開発ツールの記事でも紹介したRegex101と合わせて使い分けるのもいい。

こんなときに使う

• - APIレスポンスのタイムスタンプ値を日時に変換
• - データベースのcreated_at列を人間が読める形式に
• - JWTトークンの有効期限（exp）を確認
• - ログのタイムスタンプを日時で把握

なぜこれがいいのか

バックエンド開発をしていると、タイムスタンプは毎日のように目にする。でも、10桁の数字を見て「あ、来月の15日だな」と即答できる人はいない。このツールにペーストすれば1秒で日時がわかる。逆方向の変換もできるので、「来週の月曜日のエポック秒はいくつ？」という場面でも使える。

こんなときに使う

• - CSSでpxをremに変換（16px = 1rem）
• - 印刷物のサイズをmm⇔inch変換
• - 海外のレシピでオンスをグラムに変換
• - ストレージ容量のGB⇔TB変換

なぜこれがいいのか

「16pxってremだといくつ？」「24pxは？」CSSを書いていると、この変換がしょっちゅう発生する。ベースフォントサイズが16pxなら暗算できるけど、14pxだったりすると途端に面倒になる。このツールに数値を入れるだけで全単位が一覧表示されるので、暗算ミスもなくなる。

こんなときに使う

• - プレゼン資料にデモサイトへのQRコードを貼る
• - チラシやポスターにURLを記載
• - Wi-Fiのパスワード共有用QRコード作成
• - イベント参加者への情報共有

なぜこれがいいのか

会議中に「このURLをQRコードにして資料に追加してほしい」と言われることがある。有料のQRコード生成サービスに登録する必要はない。このツールなら、URLを入力してダウンロードボタンを押すだけ。30秒で終わる。生成はブラウザ内で完結するので、入力したURLが外部に漏れる心配もない。

こんなときに使う

• - HEXカラーコードをRGBやHSLに変換
• - デザインカンプの色をCSSで使える形式にする
• - 色の明度・彩度を微調整
• - 配色の確認・比較

なぜこれがいいのか

最近のCSSでは、HSLで色を指定するケースが増えている。HSLなら明度だけ変えてホバー状態の色を作れるから便利なのだけど、デザイナーから渡されるのはだいたいHEX値。この変換を暗算でやるのは不可能なので、ツールに頼るしかない。ブラウザのDevToolsでもできるけど、独立したツールのほうがコピペが楽。

こんなときに使う

• - Webサイトに掲載する画像のサイズ最適化
• - ブログ記事のアイキャッチ画像の圧縮
• - メール添付用に画像のファイルサイズを減らす
• - スクリーンショットのサイズ削減

なぜこれがいいのか

Webサイトの表示速度に画像のサイズは直結する。Web開発ツールの記事でも触れたけど、PageSpeed Insightsで「画像を最適化してください」と言われたら、まず画像圧縮ツールの出番。1枚の画像で500KB→100KBに減ることも珍しくない。表示速度はSEOにも影響するので、ブログ運営者はとりあえずブックマークしておいて損はない。

こんなときに使う

• - 新規サービス登録時のパスワード作成
• - API KeyやSecret Keyの仮生成
• - テスト用ダミーデータのパスワード生成
• - 定期的なパスワード変更

なぜこれがいいのか

「password123」や「自分の名前+誕生日」をパスワードに使っている人は今すぐやめてほしい。かといって、毎回「ランダムで安全なパスワード」を自分で考えるのは無理がある。このツールなら、ボタンを押すだけで暗号学的に安全なランダム文字列が出てくる。生成はブラウザ内で完結するので、パスワードがどこかのサーバーに記録される心配もない。

こんなときに使う

• - ファイルのダウンロード後のチェックサム検証
• - API webhook の署名検証（HMAC-SHA256等）のデバッグ
• - Gravatar用のメールアドレスMD5ハッシュ生成
• - パスワードハッシュの動作確認（開発環境）

なぜこれがいいのか

ターミナルでecho -n "test" | sha256sumと打ってもいいけど、OS間でコマンドが微妙に違うし、改行コードのせいでハッシュ値が変わるトラブルもある。ブラウザツールなら、テキストを貼り付けてワンクリック。複数のアルゴリズムの結果を同時に見られるのも便利。