元素周期表ソフトウェア · ガイド

118元素を
直感的に探索する

インタラクティブ周期表は、色分けされたカテゴリ、元素の詳細情報、検索・フィルター機能を一画面に統合した学習・参照ツールです。インターネット接続なしで全機能を利用できます。

118 収録元素数

10 カテゴリ分類

7 表示周期

0 必要な通信

主な機能

インタラクティブ周期表

全118元素をIUPAC形式で配置。ランタノイド・アクチノイドは下段に分離表示。各セルに原子番号・記号・日本語名・原子量を表示。

リアルタイム検索

日本語名・英語名・元素記号・原子番号のいずれでも即座に絞り込み。入力と同時に非該当元素がグレーアウト。

カテゴリフィルター

アルカリ金属・遷移金属・非金属・希ガスなど5カテゴリに絞り込んで、分類ごとの分布を視覚的に把握。

元素詳細ポップアップ

任意の元素をクリックすると、原子量・電子配置・常温状態・族/周期をカード形式で表示。

カラーコード分類

10種の元素カテゴリをそれぞれ固有色で表示。凡例と組み合わせて、一目で元素の性質グループを把握できる。

オフライン完全動作

全データをJavaScriptに内包。外部APIやネットワーク接続は不要。ブラウザさえあればどこでも使用可能。

使い方

元素を探す — 検索

上部の検索ボックスに文字を入力すると、リアルタイムで絞り込まれます。
例：Fe と入力すると鉄が強調表示。金 と入力すると金（Au）が表示されます。

カテゴリで絞り込む

検索ボックス横のボタン（すべて / 非金属 / 遷移金属 など）をクリックすると、そのカテゴリの元素だけが鮮明になり、他がグレーアウトします。

詳細情報を確認する

任意の元素セルをクリックすると詳細ポップアップが開きます。原子量・電子配置・常温状態・周期・族・カテゴリバッジが表示されます。ポップアップ外をクリック、または × ボタンで閉じます。

色と凡例で分類を把握する

周期表の上部にある凡例（カラードット＋カテゴリ名）を確認すると、どの色がどの分類を表しているかがわかります。同じ色のグループはまとめてホバーすると一覧感が生まれます。

各元素に含まれるデータ

例：Fe — 鉄（Iron）遷移金属

原子番号26 元素記号Fe 日本語名 / 英語名鉄 / Iron 原子量55.845 u 電子配置[Ar]3d⁶4s² 常温状態固体周期 / 族第4周期 / 第8族カテゴリ遷移金属

Note — 詳しく調べるボタンについて

元素詳細ポップアップ内の「詳しく調べる ↗」ボタンは、Claude（AI）への質問を自動入力する機能です。これは claude.ai 上で動作する機能であり、単体HTMLファイルとして保存・開いた場合には機能しません。周期表のデータ参照・検索・フィルター機能はオフラインで完全動作します。

元素カテゴリ一覧

技術情報

実装言語HTML5 / CSS3 / JavaScript (Vanilla) 外部依存なし（完全スタンドアロン）データソース元素データはJSオブジェクトに内包（IUPAC準拠）対応ブラウザChrome / Firefox / Safari / Edge（最新版）ランタノイド系列Ce（58）〜 Lu（71）、下段に分離配置アクチノイド系列Th（90）〜 Lr（103）、下段に分離配置