Steam BBCode, Markdown, HTML 相互変換ツール

Steam BBCode、Markdown、HTMLを自動判別し、リアルタイムで相互変換・プレビュー表示します。

STEAM MARKUP TRANSLATOR すべての処理はブラウザ上で完結します。
下書きはローカルに保存されます
01

テキストを貼り付け

テキスト待機中
02

検出形式

03

プレビュー

ここにプレビューが表示されます。

Zoom 100%
ユーティリティスタジオ

このユーティリティをあなたのサイトに追加しませんか?

WordPress、Notion、またはご自身のサイト向けに、カラーとダークモードをカスタマイズできます。

よくある質問

入力したテキストはサーバーに送信されますか?

いいえ。すべての処理はブラウザ内でローカルに実行されます。

入れ子になったリストはサポートされていますか?

はい。階層構造を解析した上で変換を行います。

公開前にどの設定を確認すればよいですか? 1

公開前にサイズ、対象環境、プレビューをまとめて確認してください。

公開前にどの設定を確認すればよいですか? 2

公開前にサイズ、対象環境、プレビューをまとめて確認してください。

公開前にどの設定を確認すればよいですか? 3

公開前にサイズ、対象環境、プレビューをまとめて確認してください。

公開前にどの設定を確認すればよいですか? 4

公開前にサイズ、対象環境、プレビューをまとめて確認してください。

# ストア説明文におけるマークアップ変換の必要性

Steamストアページでは独自のBBCodeが使用されますが、プレスキットやWebサイトではMarkdownやHTMLが一般的です。本ツールは貼り付けられたテキストを解析し、他の2つのフォーマットへ自動変換します。

# 対応しているタグと構造

見出し、太字、斜体、リンク、箇条書き、引用、スポイラーの変換に対応しています。
3 入力フォーマット
2 同時出力数
ネスト対応 リスト構造
ローカル完結 データ処理

# 階層リストの構造維持

単なる文字列置換ではなく軽量な木構造として解析するため、入れ子になったリストの階層関係が維持されます。
Steam BBCode Markdown HTML
[h1]タイトル[/h1]# タイトル<h1>タイトル</h1>
[b]重要[/b]**重要**<strong>重要</strong>
[i]注記[/i]*注記*<em>注記</em>
[url=https://example.com]リンク[/url][リンク](https://example.com)<a href="https://example.com">リンク</a>
[list][*]項目1[*]項目2[/list]- 項目1 - 項目2<ul><li>項目1</li><li>項目2</li></ul>

# MarkdownとHTMLの変換差分

Markdownで下線などがサポートされていない場合、互換性のためにインラインHTMLタグが補完されます。
公開前の事前確認
SteamやWebサイトへ掲載する前に、プレビュー画面でレイアウトを確認してください。

# プライバシーと安全性

テキストデータは外部サーバーへ送信されず、すべてお使いのブラウザ内で処理されます。

# 変換時の注意点

変換の特徴

メリット
  • ネスト構造が保持されます。
デメリット
  • 独自のカスタムタグは手動確認が必要です。

# 用語集

BBCode
Steam等で使用される角括弧を用いたタグ記法。
Markdown
可読性の高い軽量マークアップ言語。
HTML
Webページを記述するための標準言語。

# 公開前に変換結果を確認する

まず入力テキストの形式を確認し、プレビューで見出し、リンク、リスト、画像を比較します。結果が表示されても、Steam固有のすべてのタグが出力形式に完全対応するとは限りません。元の文章を保存し、公開先のショップ画面で結果をテストしてください。入れ子リスト、外部リンク、対応していないウィジェットは手作業で修正が必要な場合があります。この変換器はブラウザ内で構造を解析しますが、文章の品質やURLの安全性は判定しません。出力をコピーする前に、実際のショップ画面で外部リンク、非標準タグ、画像も確認してください。構造が変換できても、文章の校正とURLの安全性確認は別途必要です。

参考文献