メインコンテンツへスキップ
見出し画像

女子中学生のウェブアプリ開発|周期律を愛でたい!!

    🌀沼🌀のはじまり

    理科の教科書や化学図録にくっついている周期表はとぎれとぎれで、
    ずっと違和感があった。
    ランタノイドとアクチノイドが別表になっているのも
    水素とヘリウムが端と端に離れているのも
    どこか気持ちが悪い気がする。

    もっといい感じにまとまらなかったのだろうか?
    階段を二段飛ばしで駆け上る体力お化けの化学の先生も
    「世界には、いろいろな形の周期表がある。」
    と言っていた。

    何百年も前から、
    新しい元素が見つかる度に、新しい元素の分類が考え出されるたびに、
    たくさんの科学者が周期表の形を議論し、元素の世界をどう描くか格闘したのだと思う。

    だとは思うが、なぜ?なぜ??なぜ???この形の周期表で落ち着いた?
    いろんな周期表が考え出されたのになぜ???

    これが私の沼のはじまり。


    インタラクティブな周期表

    円筒状のもの、長い長い階段状のもの、ピラミッド型、元素がキャラクター化(少しづつ表情の違う黄色のまん丸の顔が並んでいる)されてる変わったやつ、渦巻き型・・・とにかくたくさん周期表を見た。

    その中にWEB上で操作できる周期表があった。
    見た目は平面の普通の感じのよく見る周期表だったけど、
    元素をクリックすると原子量や沸点、融点などの基本情報が浮かび上がる仕様で、ちょっと楽しい ♪
    デザインも機能もかなりこだわって作られているのが、
    プログラミングど素人の私にもわかる。

    (こんなの作れる人がいるなんてすごいなー。ずっとプログラム書いてるんだろうな。これは、絶対楽しんでるよ・・・)

    と妙に感心した。

    自分で思うように動かせる周期表が作れたら…私も自分で作れたらいいのになぁ。


    作れる気がしない

    プログラミングできる人がすごくすごくうらやましい。

    なぜなら、私はプログラミングが苦手だ、いや壊滅的にできない。
    前期の技術の定期テストは50点台だった。(技術の先生ごめんなさい💦)

    そもそも、中学校で習うプログラミングだけでは私が作りたいものが作れる気がしない。それくらいは私にもわかる。

    3次元でグリグリ動かせるアプリなんか作れるわけがない。
    弟がよくやっているオンラインゲームは三次元空間を自在に動き回れているし、技術的には不可能ではないのだろう。
    有能なプログラマーなら簡単にやってのけるのかもしれない。

    でも、普通の中学生でプログラミングが壊滅的な私にはムリだ。
    だから当然ヤル気は出ない・・・。

    粘土と竹ひごで挫折

    でも、どんな形でもいいから頭の中で妄想した周期表を形にしてみたかった。
    とにかく、今の知識と技術では到底、WEBアプリ化の望みはかなわないのだから、頭の中の周期表は竹ひごと粘土で立体的に作ってみようと決心した。

    決心した15分後、私の決心は砕け散る。

    私の作りたい周期表は、
    3D、円錐型のらせん構造、上下左右どんな角度からも元素の並びを見ることができる周期表。
    頭の中で何度も妄想してる、あの形。

    118個の粘土を竹ひごで立体的に円錐らせんの形するなんて考えただけで無理じゃん。
    絶対にムリだ。
    あきらめた…。

    だけど、どうしても頭の中の周期表を形にしたい。
    そして、

    美しい周期律を思う存分、”愛でたい” !



    Geminiに話を聞いてもらう

    その後も、わたしの妄想🌀は膨らみ続け、
    頭の中では私がWEBで見つけたどの周期表よりも多機能で美しい周期表(←私の単なる妄想で個人的な主観でしかありません)に変貌を遂げた。

    さらに物性ごとに元素の相関関係が一目で見れるような拡張機能まで実装し始めていて、(元素を円錐らせん状に並べたら、これまで気づかなかったような物性の周期性や面白い関係が見えてきそうな気がしませんか?気のせいかもしれないけど…)
    もう、自分でも暴走迷子状態だった。

    自分の頭の中をまず整理しようと思って、Geminiにお悩み相談みたいに話しかけてみた。

    わたし:新しい周期表のイメージは頭の中に出来上がってて、どうしてもこれを実現したいんだけど

    わたし:私にもできる?どうすればいい?

    わたし:こんな感じで、こんなで、こんな動きで、こんなボタンで、こんな操作ができて・・・

    AIの適度な相槌と心地のよい合いの手、ときどき出てくる過度な賞賛、
    初心者向けのやさしい技術情報に助けられて(乗せられて?!)
    ペラペラと頭の中のことを話し続けた。

    頭の中のイメージを言葉にしていくうちに、自分でも考えが整理されて文字になっていく。
    自分のアイデアなのに
    (私のやりたかったのは、こういうことか!)
    と驚いたりして自分でも不思議な気分だった。

    ただ、聞いてるほうは、恐ろしく大変だったろうと思う。
    私がGeminiだったら、確実に
    (もう、寝て!!)
    と思う、絶対に。

    そんなわけあるか?!


    Gemini
    :サンプルプログラムを作ってみましょうか?
         そのアイデア、実装できますよ。

    っていうから、

    (あたし、プログラム書けないんだよ。読めないんだよ?
    実装できますよ??そんなわけあるか?!)

    って心の中で思わず突っ込んだけど、
    どうしても周期表作りたかった私は、ダメもとで

    わたし:お願いします。

    ってチャットボックスに打ち込んでみた。
    しばらーくして本当にhtmlのコードが出てきた!!!!


    プログラムができている!?

     
    信じられないけど、ちゃんと動くコードが出てきた!!
    どこかのWEB上にあるプログラムを提示してくれたんじゃない。
    これは私が話した、わたしの妄想周期表だ!

    Geminiは、ちゃんと私のアイデアを理解してくれていた。

    もちろんはじめは逆向きのらせんだったり、操作のイメージが違ったりした。
    物性や元素の基本情報とかも何もないし、色や文字の大きさが違うだけで全然イメージと違うし、私の頭の中の多機能で美しい🌀妄想周期表🌀のイメージとはだいぶ違ったけれど、
    それでも、基本的な円スパイラル型に並んだ元素の構成や三次元でグリグリ動かせる機能はちゃんと実装されていた。

    Geminiすごい!!

    修正、エラー、バグ


    一気に前向きな気分になった。

    何とかなるかも!?
    私にもできるかも?!

    でも、一発で完成するほど世の中は甘くない。
    というか、今思えば、わたしの語彙力と説明の仕方の問題が大きかったのだと思う。

    Gemini
    :〇〇を修正しました。~の部分を書き換えてお使いください。

    わたし:動かなくなっちゃってるよ?周期表が回らない。

    どこかを直すと、別のところが壊れる。
    Geminiと何百回もやりとりした。

    丸ごと書き換えてもらえば安心なのだが、
    少しずつ機能を増やすうちに(文字数の制限なのか?AIを酷使するひどいアカウントだと認識されたのか?)コードを丸ごと書いてもらうことができなくなった。
    118個の元素の基本情報と物性データは別ファイルにして、
    Canvaでつくったsvg形式のロゴも別データで読み込むことにした。
    サイズや色、座標などは自分で修正できそうだけど、
    コードの中は何が何だかわからないので、

    わたし:初心者がわかるようにプログラムにコメント付けて。

    ってお願いした。

    その後も、作ったり、壊したりしながらGeminiとわたしの長い長いやり取りは続く。
    数百回では済まないかもしれない…。

    なのに、
    全く、疲れない。

    自分でプログラムできてる感じがするし、

    文字にすると頭が整理されるし、

    いろんなアイデアが次々に湧いてくるから、

    すごく、楽しい!!!

    でも、次から次にやりたいことは増えるから、
    修正は終わらないし完成もしない
    という沼にハマる🌀…

    ”Periolix 3D” 公開

    少しずつ、一つ一つの機能が組み合わさって形ができてきた。

    頭の中のただの思い付き、壮大な妄想だった周期表が、
    今、目の前の画面の中でゆっくりと回転している。

    画面をタッチしたりスワイプすると、自在に視点が変えられる。
    周期表をグリグリ回せるし、
    元素を選択すると、基本情報や物性値、元素の特徴などが表示される。
    電子雲の形が確認できる軌道ビューアも完成した。

    らせん状に広がる3D周期表 という意味を込めて、

    「Periolix 3D」
    という名前にした。

    Periodic(周期) + Helix(らせん)⇒ Periolix

    画像
    わたしの妄想をもとにGeminiと共同制作した Periolix 3D

    まだまだ🌀妄想周期表🌀の完成版には程遠いけれど、第一段階はクリアできたと思う。

    AIは話を聞いてくれる

    AIというと、
    「質問すれば即座に答えを返してくれる便利ツール」
    というイメージが大きい。もちろんこれも正しいとは思う。

    でも、私が今回一番驚いたというか、うれしい発見だったのはそこじゃない。

    頭の中のちょっとしたひらめきや、まとまりのないアイデアやごちゃごちゃの断片的な情報をわたしの少ない語彙力で話しても、
    ちゃーんと最後まで聞いてくれる。
    文字にしながら詳しく聞いてくれるし、褒めてくれるし、教えてくれるし、訂正だって、新しい提案だってしてくれた。

    今回、私がPeriolix 3Dを公開できたのは、Geminiがプログラムを書いてくれたからということよりも、

    まず、私の妄想にGeminiが最後まで付き合ってくれたから、
    私の頭の中の周期表の話を最後まできいてくれたから、
    だと思う。

    頭の中は自分で思うよりもはるかにいろんなことを妄想している。
    うまく整理できていないだけ、言葉や形になっていないだけだ。

    AIは「答えを出す」とか、「プログラムを書いてくれる」ツールというだけではない。

    わたしにとってAIは、
    妄想🌀を眺めて、育てて、形にしていく 実験室🧪 だ。


    最後まで読んでいただき、ありがとうございました。

    わたしの妄想🌀が、一部、現実になりました。
     Periolix 3D は無料公開中です。
    よかったら、のぞいてみてください。



    マガジン「ひとり工業高校の日常。」はじめました。
    読んでいただけたら嬉しいです。


     
     
    🧪中高一貫校に通う、化学好きの中学生。 工業高校や高専の化学科にあこがれて、「ひとり工業高校の日常」を実践中。 実験室の裏方仕事と周期表と甘納豆🫘が好き。 モットーは「安全第一 、指差呼称👉」。

    あなたへのおすすめ