高校化学の教材；分子と結晶模型の「ベンゼン屋」

タイトル下のリンクはGeminiで作ってもらいました

生徒実験のまとめリンクをタイトルの下に作りました。タイトル直下の欄はデザインの変更から「自由欄」を変更します。しかし、記事タイトルからリンクを貼る(上の表)のはHTMLで記述する必要があり、とても面倒でした。そこで、GoogleのGeminiに頼って記述してもらいました。①Geminiを立ち上げて、実験まとめタイトルとURLを貼り付け貼り付けたテキストは以下です「分離と精製」生徒実験と授業の資料https://plaza.rakuten.co.jp/cynqa2/diary/202512240000/「コロイドの性質」実験や日用品、風景https://plaza.rakuten.co.jp/cynqa2/diary/202512210000/(中略)気体の性質(ボイルシャルルから状態方程式)https://plaza.rakuten.co.jp/cynqa2/diary/202601260000/補習「見えない粒を見る」化学実験講義https://plaza.rakuten.co.jp/cynqa2/diary/201808050000/iPadを教室の授業で使うhttps://plaza.rakuten.co.jp/cynqa2/diary/202008300000/②内容に関するまとめが表示されるすると、張り付けた内容について以下のまとめが表示されます。ご提示いただいた「ベンゼン屋」のブログ記事を、化学教育における「実験の効率化」と「視覚化・概念理解」の観点から整理しました。これらの資料は、限られた授業時間の中で、いかに生徒が本質的な現象を捉え、理論（数式やモデル）と結びつけられるかという工夫が凝らされています。1. 物質の分離と基礎概念実験の導入や基本操作において、時間を短縮しつつ視覚的な理解を助ける工夫です。分離と精製（ろ過・蒸留・抽出）: 分液ろ紙の活用により、従来の分液漏斗よりも手軽かつ迅速に有機層と水層を分離する手法が紹介されています。(以下略)③初めの指示「リンクを貼るHTMLをつくって。３列の表にして、当初のタイトルと続くリンクを結び付けて」と指示しました。以下の対応が表示され、HTMLで結果が表示されます。ご提示いただいたブログ記事のタイトルとリンクを整理し、Webサイトやブログにそのまま貼り付けられるHTML形式の表を作成しました。視認性を高めるため、以下の3列構成にしています。１．分野・カテゴリ（内容から分類）２．記事タイトル３．リンク（「リンク」というテキストに埋め込み）これでは、どんな結果になるかわからないので、メモ帳にコピー・ペーストして、「名前を付けて保存」を選び、「temp.html」などと名をつけて保存します。保存したファイルはダブルクリックでブラウザに表示されます。その結果が以下です。「リンク」をクリックすると該当の記事へ飛ぶようになりました。文字の大きさ「8pxを10pxに置き換えて」とGeminiであらたに指示し、「タイトルをクリックするとリンク先に飛ぶようにして」と指示しました。③２列表示にして表完成へ「列間を最小限にして、横2段に、一行4列の表にして」と指示して完成です。できたHTMLの冒頭がこちらです。そして、メモ帳にコピーし、temp.htmlとして保存、ブラウザに表示させると④ブログの冒頭へ表示「デザインの変更」から「自由欄」を変更します。それまでのアフィリエイトのリンクを消して、完成したHTMLをそのまま追加で貼り付けました。HTMLはあまり詳しくないので、以前「自由欄」を書き換えたときは長い時間がかかりましたが、今回は指示を出すだけで、１時間もかからずに作ることができました。AIのGeminiは侮りがたいです。また、リンク先のまとめ冒頭の図はnotebookLMをつかって作っています。これも、対象の記事のURLを読み込ませ「インフォグラフィック」をクリックすると作ってくれます。気に入らなければ注文を付けます。