分子構造ビューア は、化学式や化合物名を入力するだけで、分子の3D構造をインタラクティブに観察できるWebアプリケーションです。 中学生から大学教養課程まで、化学を身近に感じられるように設計された教育向けツールです。
化学の授業で「分子の立体構造」を理解するのは難しいと感じたことはありませんか？ 教科書の平面図だけでは、分子の本当の姿を掴みづらいものです。
分子構造ビューア は、そんな課題を解決するために開発されました。
化学式を入力するだけで、水分子からタンパク質まで、あらゆる分子の立体構造を直感的に理解できます。
無機化合物、有機化合物、糖類、アミノ酸、脂質、核酸、ビタミン、ホルモン、医薬品など、階層的に分類された分子を収録。
スティック、球（CPK配色）、ライン、カートゥーン（タンパク質用）など、複数の表示スタイルとカラーリングオプションを用意。
マウスで回転・平行移動・拡大縮小。自動回転機能や視点リセット、PNG画像保存も可能。
PubChemから取得した骨格式（2D）と立体構造（3D）を並べて比較。
Standard、Pastel、High Contrast、Grayscale、Darkなど6種類のテーマで、色覚障害にも配慮。
Firebase連携により、過去の検索履歴やビューア設定を自動保存（ログイン時）。
分子構造ビューア は、ブラウザから即座にアクセス可能です。 インストール不要で、PC・スマートフォン・タブレットで利用できます。
H2O、水、glucose）| カテゴリー | 内容 |
| ———— | —— |
| 無機化合物 | 水、二酸化炭素、アンモニア、塩酸、硫酸、塩化ナトリウムなど |
| 有機化合物 | アルカン、アルケン、アルキン、芳香族化合物、アルコール、エーテル、アルデヒド、ケトン、カルボン酸など |
| 糖類・炭水化物 | グルコース、フルクトース、スクロース、デンプン、セルロースなど |
| アミノ酸・ペプチド | 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（認証・データベース） |
すべてオープンソース技術と公的データベースを活用した、信頼性の高い教育ツールです。
| 日付 | 更新内容 |
| —— | ———— |
| 2025-xx-xx | 分子構造ビューア 公開予定 |
| 2025-xx-xx | PubChem・PDB API統合完了 |
| 2025-xx-xx | 100種類以上の分子データベース構築 |
| 2025-xx-xx | アクセシビリティ対応（6テーマ実装） |
教育機関向け導入、講義用コンテンツ提供、学校・塾での活用をご希望の方は、以下よりお問い合わせください。
EMUYN LLC（開発・運営） <https://www.emuyn.net/contact>
GitHub リポジトリ <https://github.com/numero-uno-jpn/MolecularModel>
バグ報告、機能リクエストは、GitHubイシューにてお願いいたします。
このアプリケーションは教育目的で設計されています。 研究用途での使用には、必ず元のデータソース（PubChem、PDB）を直接参照し、データの正確性を検証してください。