3D 分子構造ビューア

分子構造ビューア は、化学式や化合物名を入力するだけで、分子の3D構造をインタラクティブに観察できるWebアプリケーションです。化学を身近に感じられるように設計された教育向けツールです。

化学の授業で「分子の立体構造」を理解するのは難しいと感じたことはありませんか？教科書の平面図だけでは、分子の本当の姿を掴みづらいものです。

分子構造ビューア は、そんな課題を解決するために開発されました。

化学式を入力するだけで、水分子からタンパク質まで、あらゆる分子の立体構造を直感的に理解できます。

無機化合物、有機化合物、糖類、アミノ酸、脂質、核酸、ビタミン、ホルモン、医薬品など、階層的に分類された分子を収録。

スティック、球（CPK配色）、ライン、カートゥーン（タンパク質用）など、複数の表示スタイルとカラーリングオプションを用意。

マウスで回転・平行移動・拡大縮小。自動回転機能や視点リセット、PNG画像保存も可能。

PubChemから取得した骨格式（2D）と立体構造（3D）を並べて比較。

過去の検索履歴やビューア設定を自動保存（ログイン時）。

分子構造ビューア は、ブラウザから即座にアクセス可能です。インストール不要で、PC・スマートフォン・タブレットで利用できます。

カテゴリー	内容
————	——
無機化合物	水、二酸化炭素、アンモニア、塩酸、硫酸、塩化ナトリウムなど
有機化合物	アルカン、アルケン、アルキン、芳香族化合物、アルコール、エーテル、アルデヒド、ケトン、カルボン酸など
糖類・炭水化物	グルコース、フルクトース、スクロース、デンプン、セルロースなど
アミノ酸・ペプチド	20種類の必須アミノ酸、インスリン、グルカゴン、オキシトシンなど
脂質	パルミチン酸、ステアリン酸、トリグリセリド、コレステロール、リン脂質など
核酸・ヌクレオチド	ATP、ADP、AMP、cAMP、アデニン、グアニン、シトシン、チミン、ウラシルなど
生体分子	ビタミンC、ビタミンB群、アドレナリン、ドーパミン、セロトニン、アセチルコリンなど
医薬品	アスピリン、イブプロフェン、ペニシリン、カフェイン、ニコチン、モルヒネなど
その他	β-カロテン、クロロフィル、メントール、バニリンなど

合計100種類以上の分子を収録

項目	内容
——	——
フロントエンド	Vue 3（MITライセンス）
3D可視化	3Dmol.js（BSD-3-Clause）
分子データ	PubChem API（NIH提供、Public Domain）、RCSB PDB API（Free）
スタイリング	Tailwind CSS、Font Awesome Free
バックエンド	Firebase（認証・データベース）

すべてオープンソース技術と公的データベースを活用した、信頼性の高い教育ツールです。

このアプリケーションは教育目的で設計されています。研究用途での使用には、必ず元のデータソース（PubChem、PDB）を直接参照し、データの正確性を検証してください。

🔬 分子構造ビューアとは？