目次

3D 分子構造ビューア

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

アプリを起動

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

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

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

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

✨ 主な特長

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

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

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

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

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

🚀 利用方法

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

アクセス方法

使い方

方法1: 自由検索

  1. 「化合物を検索」タブを選択
  2. 検索ボックスに入力(例: H2Oglucose
  3. 検索ボタンをクリック

方法2: カテゴリーから選択

  1. 「分子選択」タブを選択
  2. カテゴリー(例: 糖類・炭水化物)を選択
  3. サブカテゴリー(例: 単糖類)を選択
  4. 表示したい分子をクリック

方法3: 検索履歴(要ログイン)

  1. 「履歴」タブを選択
  2. 過去の検索から再度表示

操作方法

📖 収録分子カテゴリー

カテゴリー 内容
——————
無機化合物 水、二酸化炭素、アンモニア、塩酸、硫酸、塩化ナトリウムなど
有機化合物 アルカン、アルケン、アルキン、芳香族化合物、アルコール、エーテル、アルデヒド、ケトン、カルボン酸など
糖類・炭水化物 グルコース、フルクトース、スクロース、デンプン、セルロースなど
アミノ酸・ペプチド 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)を直接参照し、データの正確性を検証してください。