ABOUT HAGIUM
Hagium — 元素の世界を、
もっと身近に。
この紹介ページは日本語版です。 / This introduction is in Japanese. / 本介绍页为日语版。 / 이 소개 페이지는 일본어입니다.
Hagiumは、元素周期表を通じて化学の世界を視覚的・直感的に探索できるWebアプリです。
元素の基本情報を調べるだけでなく、分類や性質による比較、温度による状態変化などを通じて、元素同士の関係を理解できます。
学校での学習から、科学に興味を持つ一般の方まで、幅広い利用者を想定しています。
- 元素を検索元素名や記号から、調べたい元素を見つけられます。
- 分類で見渡す金属・非金属や常温での状態など、分類に応じて元素をハイライトします。
- 温度と状態を探索温度スライダーで、登録された融点・沸点に基づく固体・液体・気体の表示を確認できます。
- 元素の性質を比較複数の元素を選び、原子量や物性を並べて比較できます。
- 周期的な傾向を可視化原子半径や電気陰性度などの傾向をグラフで探索できます。
物性の出典・条件や、未確認の分類基準については出典・分類基準をご覧ください。
周期表を使ってみる01 / ORIGIN
原点は、2002年の手書きHTML
2002年ごろ、既にニュースサイトを運営していた私は、秀丸エディタを使い、HTMLを手書きして元素周期表を制作しました。
雑誌に掲載されていた周期表のデザインを参考に、HTMLのtableタグを組み合わせ、元素の配置や背景色などを調整していました。
現在のような生成AIによる開発支援はなく、一つひとつのタグを記述しながら完成させたシンプルなものでした。
その周期表は、現在もInternet ArchiveのWayback Machineで見ることができます。
2005年に保存された当時の周期表を見る ↗外部サイト・新しいタブで開きます
「2002年ごろ」は私の記憶および旧ページの著作権表示に基づく制作時期です。厳密な公開開始日は確定していません。2001年だったかもしれません。2005年2月4日はリンク先のアーカイブ保存日で、制作時期とは異なります。
02 / THEN & NOW
約四半世紀で、周期表はここまで変わった
旧周期表のスクリーンショットは
現在準備中です。
当時のページは上の
Wayback Machineリンクからご覧いただけます。
| 項目 | 当時 | 現在 |
|---|---|---|
| 開発手段 | 秀丸エディタでHTMLを手書き | AI支援によるWeb開発 |
| 表示形式 | 静的なHTMLテーブル | インタラクティブな周期表 |
| 情報の探し方 | 一覧表から目視で探す | 検索・分類・比較 |
| 主な利用環境 | PCブラウザ | PC・スマートフォン |
| 表現方法 | 文字と背景色 | 多彩なデータ可視化 |
| 基本的な周期表の制作時間 | 丸1日（手書きHTML） | AIの支援で数分 |
※基本的な静的周期表の制作工程を比較したものです。現在のHagium全体の開発時間ではありません。
03 / MAKING
手書きHTMLから、AIとの共同制作へ
当時の周期表を完成させるまでにかかった時間は、丸1日でした。秀丸エディタでHTMLのタグを一つひとつ書き、テーブルのセルを結合し、元素の配置や背景色を調整する作業を繰り返しました。
それでも、1日で完成させられたのは比較的早い方だったと思います。当時は、Webサイトを一つ制作するのに数日から数週間を要することもありました。
それから約四半世紀。現在では、生成AIに構想を伝えるだけで、同じような静的な周期表の基本形なら数分で制作できる時代になりました。
もちろん、現在のHagiumのように多彩な機能を備えたWebアプリを完成させるには、設計、検証、修正、改善を重ねる必要があります。それでも、かつてHTMLタグの記述に費やしていた時間を、今では新しい機能の考案や使いやすさの追求に充てられるようになりました。
現在は生成AIを開発に活用することで、以前なら実装に多くの時間を要した機能や、複雑なデータの可視化にも挑戦できるようになりました。
基本的な周期表の制作時間
※基本的な静的周期表の制作工程を比較したものです。現在のHagium全体の開発時間ではありません。
04 / NEXT
これからも、進化する周期表へ
元素の世界には、まだまだ多くの発見があります。
Hagiumは完成した百科事典ではなく、新しいアイデアや技術を取り入れながら、少しずつ成長させていくWebアプリです。
科学を学ぶ人にも、科学に興味を持った人にも、気軽に使ってもらえる周期表を目指して、これからも改良を続けていきます。
周期表に戻る