🧪 ChemMarkdown 完全機能デモ

化学式・構造式・反応式をMarkdownで記述するための包括的ライブラリ

📝 1. 化学式の表示 MathJax mhchem

基本的な化学式

水
$\ce{H2O}$
$\ce{H2O}$
二酸化炭素
$\ce{CO2}$
$\ce{CO2}$
硫酸
$\ce{H2SO4}$
$\ce{H2SO4}$
グルコース
$\ce{C6H12O6}$
$\ce{C6H12O6}$
塩化ナトリウム
$\ce{NaCl}$
$\ce{NaCl}$
酢酸
$\ce{CH3COOH}$
$\ce{CH3COOH}$

イオン表示

カルシウムイオン
$\ce{Ca^2+}$
$\ce{Ca^2+}$
硫酸イオン
$\ce{SO4^2-}$
$\ce{SO4^2-}$
アンモニウムイオン
$\ce{NH4+}$
$\ce{NH4+}$
水酸化物イオン
$\ce{OH-}$
$\ce{OH-}$
鉄(III)イオン
$\ce{Fe^3+}$
$\ce{Fe^3+}$
炭酸イオン
$\ce{CO3^2-}$
$\ce{CO3^2-}$

状態記号

液体
$\ce{H2O(l)}$
$\ce{H2O(l)}$
気体
$\ce{CO2(g)}$
$\ce{CO2(g)}$
固体
$\ce{NaCl(s)}$
$\ce{NaCl(s)}$
水溶液
$\ce{NaCl(aq)}$
$\ce{NaCl(aq)}$

沈殿・気体発生

沈殿（↓）
$\ce{AgCl v}$
$\ce{AgCl v}$
気体発生（↑）
$\ce{CO2 ^}$
$\ce{CO2 ^}$

chem-markdown ライブラリ出力 chem-markdown

HTML出力
ChemMarkdown.toHtml('H2SO4')
Unicode テキスト出力
ChemMarkdown.toText('H2SO4')
LaTeX出力
ChemMarkdown.toLatex('H2SO4')

🔬 2. 分子構造式（SMILES記法）SmilesDrawer

表示オプション

基本分子

芳香族化合物

官能基を持つ化合物

複雑な分子（医薬品など）

⚗️ 3. 化学反応式 MathJax

矢印の種類

一方向反応
$\ce{A + B -> C}$
$\ce{A + B -> C}$
平衡反応
$\ce{A <=> B}$
$\ce{A <=> B}$
可逆反応
$\ce{A <--> B}$
$\ce{A <--> B}$
右優勢平衡
$\ce{A <=>> B}$
$\ce{A <=>> B}$

反応条件

加熱
$\ce{A ->[heat] B}$
$\ce{A ->[heat] B}$
触媒
$\ce{A ->[catalyst] B}$
$\ce{A ->[catalyst] B}$
加熱記号
$\ce{A ->[\Delta] B}$
$\ce{A ->[\Delta] B}$
試薬条件
$\ce{A ->[H2SO4] B}$
$\ce{A ->[H2SO4] B}$

実際の反応例

燃焼反応（メタン）
$$\ce{CH4 + 2O2 -> CO2 + 2H2O}$$
$$\ce{CH4 + 2O2 -> CO2 + 2H2O}$$
ハーバー・ボッシュ法（アンモニア合成）
$$\ce{N2 + 3H2 <=>[Fe][\Delta] 2NH3}$$
$$\ce{N2 + 3H2 <=>[Fe][\Delta] 2NH3}$$
炭酸カルシウムの分解
$$\ce{CaCO3 ->[\Delta] CaO + CO2 ^}$$
$$\ce{CaCO3 ->[\Delta] CaO + CO2 ^}$$
中和反応
$$\ce{HCl(aq) + NaOH(aq) -> NaCl(aq) + H2O(l)}$$
$$\ce{HCl(aq) + NaOH(aq) -> NaCl(aq) + H2O(l)}$$
銀鏡反応
$$\ce{Ag(NH3)2+ + RCHO -> Ag v + RCOO-}$$
$$\ce{Ag(NH3)2+ + RCHO -> Ag v + RCOO-}$$

構造式を使った反応スキーム

エステル化反応
エタノール
+
酢酸
→
酢酸エチル
+
水

🔄 4. 立体化学 SMILES

キラル中心（不斉炭素）

SMILES記法: @ = 反時計回り（S配置）、@@ = 時計回り（R配置）

幾何異性体（E/Z配置）

SMILES記法: / と \ で二重結合の幾何を指定

📄 5. インライン構造式

テキスト中に構造式を埋め込む

水 は生命に必須です。

エタノール と メタノール は似ていますが、 メタノールは毒性があります。

ベンゼン環 を持つ化合物を芳香族化合物と呼びます。

アスピリン は解熱鎮痛剤として広く使用されています。

記法

記法 説明
![chem](smiles:O) 水の構造式をインライン表示
![chem](smiles:CCO) エタノールの構造式をインライン表示
![chem](smiles:c1ccccc1) ベンゼンの構造式をインライン表示

⚙️ 6. 高度な機能

SMILES記号一覧

記号 意味 例
C 脂肪族炭素 CC（エタン）
c 芳香族炭素 c1ccccc1（ベンゼン）
O 酸素 CCO（エタノール）
N 窒素 CCN（エチルアミン）
S 硫黄 CS（メタンチオール）
= 二重結合 C=C（エチレン）
# 三重結合 C#C（アセチレン）
() 枝分かれ CC(C)C（イソブタン）
[] 詳細指定 [NH4+]（アンモニウム）
1-9 環閉鎖 C1CCCCC1（シクロヘキサン）
@ S配置（反時計回り） C[C@H](N)C(=O)O
@@ R配置（時計回り） C[C@@H](N)C(=O)O
/ \ 幾何異性 C/C=C/C（トランス）

対応フォーマット

フォーマット 用途 対応
SMILES 構造式の簡易表記 ✅ 完全対応
mhchem 化学式・反応式 ✅ 完全対応
MOL/SDF 詳細な構造情報 ⚠️ Kekule.js使用時
RXN 反応ファイル ⚠️ Kekule.js使用時