ToolsAhuro
開発者ツール

Markdownプレビュー・HTML変換ツール

Markdownを貼り付けるとリアルタイムでプレビュー表示&HTML変換。ブラウザ内処理でサーバーには送信しません。

最大 200,000 文字まで

プレビュー
Markdownを入力すると自動でプレビュー・HTML変換されます。

よくある質問

入力したMarkdownはサーバーに送信されますか? +

いいえ。変換・プレビューはすべてブラウザ内のJavaScriptで完結し、外部への送信は一切行いません。社内ドキュメントの下書きにも利用しやすい設計です。

どの記法に対応していますか? +

見出し(#〜######)、太字(**)、斜体(*)、取り消し線(~~)、インラインコード、コードブロック(```)、リンク・画像、順序なし/順序ありリスト、引用(>)、水平線(---)、表(GFM形式のパイプテーブル)に対応しています。

変換したHTMLはそのままWebサイトに使えますか? +

はい。「HTMLをコピー」ボタンでクリップボードにコピーするか、「HTMLをダウンロード」で.htmlファイルとして保存できます。CSSは含まれないシンプルなタグ構成のため、既存サイトのスタイルに合わせて調整してご利用ください。

入力したMarkdownの内容は保存されますか? +

ブラウザのlocalStorageに自動保存され、次回同じブラウザでアクセスした際に復元されます。ページを閉じても内容は失われませんが、他の端末やブラウザとは共有されません。

HTMLタグを直接入力するとどうなりますか? +

安全のため、入力内のHTMLタグは自動的にエスケープされ、そのままの文字列としてプレビューに表示されます(scriptタグなどが実行されることはありません)。HTMLを直接埋め込みたい場合は、変換後のHTMLを別途編集してください。

特徴

入力するたびにリアルタイムプレビュー

Markdownを入力・編集するたびに、見た目のプレビューが即座に更新されます。

GFM風の基本記法に対応

見出し・強調・リスト・引用・コードブロック・表・リンク・画像など、よく使う記法を幅広くサポートします。

HTMLのコピー・ダウンロードに対応

変換したHTMLをワンクリックでコピー、または.htmlファイルとして保存できます。

HTMLタグを自動エスケープして安全に表示

入力にHTMLタグが含まれていても自動的に無害化され、意図しないスクリプト実行を防ぎます。

使い方

1

Markdownを入力

左側の入力欄にMarkdown形式のテキストを貼り付けます。

2

プレビューを確認

右側に見た目のプレビューがリアルタイムで表示されます。

3

HTMLをコピー・保存

「HTML」タブから変換結果をコピーまたはダウンロードします。

ユースケース

README・技術ドキュメントの下書き確認

GitHubに上げる前に、README.mdなどの見た目をブラウザで手軽に確認したいときに。

ブログ記事のHTML変換

Markdownで書いた記事を、CMSやメールに貼り付けるためのHTMLに変換したいときに。

Slack・Notionからの下書き整形

Markdown形式の下書きを、見た目を確認しながら整形・清書したいときに。

JSONやコードの整形結果と組み合わせて活用

コードブロックを含むドキュメント作成時はJSON整形ツールと合わせて使うと便利です。

安全性とプライバシー

変換はすべてブラウザ内で完結

入力したMarkdownはサーバーに送信されず、その場でHTMLに変換されます。

危険なタグは自動的に無害化

入力にHTMLタグが含まれていてもエスケープされ、スクリプトとして実行されることはありません。

入力内容はブラウザ内にのみ保存

localStorageに保存されるだけで、外部サーバーに送信・共有されることはありません。

アカウント登録不要

会員登録やログインなしで、誰でもすぐに利用できます。

他のツールもチェック
Dev 開発者ツール

JSON整形・バリデーター

JSONを整形(プリティ)・圧縮(ミニファイ)・構文チェック。エラー箇所も表示。ブラウザ内処理でサーバー送信なし。

Dev 開発者ツール

Base64 / URLエンコード変換

Base64エンコード・デコード、URLエンコード・デコードの相互変換。日本語(UTF-8)対応・ブラウザ内処理。

Dev 開発者ツール

UNIXタイムスタンプ変換

UNIX時刻⇄日時を相互変換。秒/ミリ秒の自動判定、ローカル/UTC表示、現在時刻のリアルタイム表示に対応。

Dev 開発者ツール

ハッシュ値計算ツール

テキスト・ファイルからMD5/SHA-1/SHA-256/SHA-384/SHA-512を無料計算。チェックサム照合にも対応。ブラウザ内処理でサーバー送信なし。

Dev 開発者ツール

JWTデコーダー

JWT(JSON Web Token)を貼り付けるだけでヘッダー・ペイロードを無料デコード。有効期限の判定つき。ブラウザ内処理でサーバー送信なし。

Regex 開発者ツール

正規表現テスター

正規表現をリアルタイムでテスト。マッチ箇所のハイライト・グループ表示・置換結果まで無料で確認できます。

Color 開発者ツール

カラーコード変換ツール

HEX・RGB・HSL・HSB・CMYKを無料で相互変換。カラーピッカー・ランダム生成・配色パレット表示にも対応。ブラウザ内処理でサーバー送信なし。

UUID 開発者ツール

UUID生成・検証ツール

UUID v4をワンクリックで複数生成。書式変更・コピー・ダウンロードに対応。既存UUIDのバージョン・フォーマット検証も無料でできます。

Diff 開発者ツール

テキスト差分比較ツール

2つのテキストの追加・削除された行を無料でハイライト表示。空白・大文字小文字を無視するオプション、一致率表示にも対応。ブラウザ内処理でサーバー送信なし。

Cron 開発者ツール

Cron式デコーダー

Cron式を日本語の説明文と次回実行時刻に無料変換。日・曜日のOR条件にも対応し、フィールドごとの意味を内訳表示。ブラウザ内処理でサーバー送信なし。

Base 開発者ツール

進数変換ツール(2進数・8進数・10進数・16進数)

10進数・2進数・8進数・16進数をリアルタイムで相互変換。任意の2〜36進数変換、AND/OR/XOR/NOT/ビットシフトなどのビット演算にも対応。ブラウザ内処理でサーバー送信なし。

CSV 開発者ツール

CSV⇔JSON変換ツール

CSV(TSV・セミコロン区切りも対応)とJSONを無料で相互変換。RFC4180準拠のクォート処理、見出し行の有無、区切り文字の自動判定に対応。ブラウザ内処理でサーバー送信なし。

Case 開発者ツール

命名規則変換ツール(camelCase・snake_case)

文字列をcamelCase・PascalCase・snake_case・kebab-case・CONSTANT_CASEなど11種類の命名規則に無料で一括変換。略語混じりの識別子にも対応。ブラウザ内処理でサーバー送信なし。

Network 開発者ツール

サブネット計算ツール(CIDR / IPv4)

IPアドレスとCIDR/サブネットマスクからネットワークアドレス・ブロードキャストアドレス・使用可能ホスト数・アドレス範囲を無料計算。サブネット分割にも対応。ブラウザ内処理でサーバー送信なし。

chmod 開発者ツール

chmod計算ツール(パーミッション変換)

Linuxのパーミッションをチェックで選ぶだけで数値(755/644)⇔記号(rwxr-xr-x)を相互変換。setuid・setgid・スティッキービット対応、ls -l 表示の逆算、chmodコマンド生成も可能。

URL 開発者ツール

URLパラメータ解析・生成ツール

URLをプロトコル・ホスト・パス・クエリパラメータ・フラグメントに無料で分解。パラメータの追加・編集・削除でURLを即座に再生成し、JSONとしてもコピーできます。ブラウザ内処理でサーバー送信なし。

YAML 開発者ツール

YAML⇔JSON変換ツール

YAMLとJSONを無料で相互変換。Kubernetes・Docker Compose・GitHub Actionsの設定ファイルもそのまま変換でき、構文エラー箇所も表示。インデント幅の変更にも対応。ブラウザ内処理でサーバー送信なし。

Markdown 開発者ツール

Markdownテーブル生成ツール

CSV/TSVの貼り付けやセル編集からMarkdownの表を無料生成。列ごとの左揃え・中央揃え・右揃え、桁揃え整形、プレビュー表示に対応。ブラウザ内処理でサーバー送信なし。

Markdown 開発者ツール

HTML Markdown 変換

HTMLをMarkdownに無料変換。表(GFMテーブル)・入れ子リスト・チェックボックス・コードブロック(言語名つき)・引用・リンク・画像に対応。WebページやGoogleドキュメントからコピーしたリッチテキストを貼り付けるだけで変換でき、.md保存も可能。

Color 開発者ツール

カラーコントラストチェッカー(WCAG)

文字色と背景色のコントラスト比を無料で計算し、WCAG 2.1のAA/AAA基準(通常テキスト・大きな文字・UI部品)を満たすか判定。カラーピッカー・色の入れ替え・プレビュー表示に対応。ブラウザ内処理でサーバー送信なし。

CSS 開発者ツール

px rem 変換ツール

CSSのpxとremを基準フォントサイズを指定して相互変換。px・rem・em・pt・%・vwを双方向に換算し、CSSを貼り付けてpx指定をまとめてremに一括変換。1pxボーダー除外・早見表つき。

CSS 開発者ツール

CSS clamp() ジェネレーター

最小・最大のフォントサイズと画面幅からレスポンシブなclamp()を自動生成。rem+vwの推奨値を計算し、画面幅スライダーのプレビュー、ブレークポイント一覧、タイプスケールのCSS変数一括出力に対応。

SQL 開発者ツール

SQL整形ツール(SQLフォーマッター)

SQL文を無料でインデント付きに整形、または1行に圧縮。SELECT・JOIN・WHERE・INSERT・UPDATE・DELETEなど主要な構文に対応し、キーワードの大文字化オプションも選べます。ブラウザ内処理でサーバー送信なし。

Escape 開発者ツール

文字列エスケープ/アンエスケープツール

HTMLエンティティ・JS/JSON文字列・CSVフィールドのエスケープ/アンエスケープを無料で相互変換。日本語・絵文字にも対応。ブラウザ内処理でサーバー送信なし。

JSON 開発者ツール

JSON差分比較ツール

2つのJSONを貼り付けるだけで、キーの追加・削除・値の変更を階層構造ごと自動検出。APIレスポンスや設定ファイルの比較に。パスごとの差分一覧・一致判定・結果コピーに対応。

TS 開発者ツール

JSON→TypeScript型定義変換ツール

JSONを貼り付けるだけでTypeScriptのinterface/type定義を無料で自動生成。ネストしたオブジェクト・配列にも対応。ブラウザ内処理でサーバー送信なし。

UA 開発者ツール

ユーザーエージェント解析ツール

UA文字列を貼り付けるだけでブラウザ・OS・レンダリングエンジン・デバイス種別を無料で自動解析。自分のUAもワンクリック取得。ブラウザ内処理でサーバー送信なし。

Base64 開発者ツール

画像⇄Base64変換ツール

画像をドラッグ&ドロップでBase64・Data URIに無料変換。Base64文字列から画像への復元にも対応。imgタグ・CSS背景コードもコピー可能。

Faker 開発者ツール

ダミーデータ生成ツール

氏名・メール・電話番号・住所・会社名などの架空のテストデータをまとめて無料生成。出力項目を選んでJSON・CSVでコピー・ダウンロードできます。