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

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

PR

×

プロフィール

cyn1953

cyn1953

キーワードサーチ

▼キーワード検索

カレンダー

コメント新着

cyn1953 @ Re:オール電化電力使用量年間のまとめ;気温と相関(01/02) 明けましておめでとうございます いつも、…
O.Rie@ Re:オール電化電力使用量年間のまとめ;気温と相関(01/02) ベンゼン屋さん こんにちは! 明けまして…
cyn1953 @ Re[1]:地質標本館を訪ねました;結晶構造雛段飾りおもしろい(03/09) えみりんNさんへ ブログを見ていただきあ…
cyn1953 @ Re[1]:地質標本館を訪ねました;結晶構造雛段飾りおもしろい(03/09) 三輪紀代子さんへ 連絡ありがとうございま…
三輪紀代子@ Re:地質標本館を訪ねました;結晶構造雛段飾りおもしろい(03/09) こんにちは!ピッチ先生!先生にメッセー…

サイド自由欄

楽天プロフィールをフォローしていただくと
ブログの更新がすぐわかります

[問い合わせ] benzeneya☆yahoo.co.jp
☆→@

分子と人間 (SAライブラリー) [ ピーター・W.アトキンス ]
身近な分子たち 空気・植物・食物のもと

紙書籍版もあります



2026.05.08
XML
カテゴリ: コンピューター
生徒実験のまとめリンクをタイトルの下に作りました。


タイトル直下の欄はデザインの変更から「自由欄」を変更します。
しかし、記事タイトルからリンクを貼る(上の表)のは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を教室の授業で使う

②内容に関するまとめが表示される
すると、張り付けた内容について以下のまとめが表示されます。

ご提示いただいた「ベンゼン屋」のブログ記事を、化学教育における「実験の効率化」と「視覚化・概念理解」の観点から整理しました。
これらの資料は、限られた授業時間の中で、いかに生徒が本質的な現象を捉え、理論(数式やモデル)と結びつけられるかという工夫が凝らされています。
1. 物質の分離と基礎概念
実験の導入や基本操作において、時間を短縮しつつ視覚的な理解を助ける工夫です。
分離と精製(ろ過・蒸留・抽出): 分液ろ紙の活用により、従来の分液漏斗よりも手軽かつ迅速に有機層と水層を分離する手法が紹介されています。
(以下略)
③初めの指示
「リンクを貼るHTMLをつくって。3列の表にして、当初のタイトルと続くリンクを結び付けて」と指示しました。以下の対応が表示され、HTMLで結果が表示されます。
ご提示いただいたブログ記事のタイトルとリンクを整理し、Webサイトやブログにそのまま貼り付けられるHTML形式の表を作成しました。
視認性を高めるため、以下の3列構成にしています。
1.分野・カテゴリ(内容から分類)
2.記事タイトル
3.リンク(「リンク」というテキストに埋め込み)

これでは、どんな結果になるかわからないので、メモ帳にコピー・ペーストして、「名前を付けて保存」を選び、「temp.html」などと名をつけて保存します。
保存したファイルはダブルクリックでブラウザに表示されます。
その結果が以下です。


「リンク」をクリックすると該当の記事へ飛ぶようになりました。
文字の大きさ「8pxを10pxに置き換えて」とGeminiであらたに指示し、
「タイトルをクリックするとリンク先に飛ぶようにして」と指示しました。
③2列表示にして表完成へ
「列間を最小限にして、横2段に、一行4列の表にして」と指示して完成です。
できたHTMLの冒頭がこちらです。


そして、メモ帳にコピーし、temp.htmlとして保存、ブラウザに表示させると


④ブログの冒頭へ表示
「デザインの変更」から「自由欄」を変更します。
それまでのアフィリエイトのリンクを消して、
完成したHTMLをそのまま追加で貼り付けました。

HTMLはあまり詳しくないので、以前「自由欄」を書き換えたときは長い時間がかかりましたが、今回は指示を出すだけで、1時間もかからずに作ることができました。
AIのGeminiは侮りがたいです。
また、リンク先のまとめ冒頭の図はnotebookLMをつかって作っています。
これも、対象の記事のURLを読み込ませ「インフォグラフィック」をクリックすると作ってくれます。
気に入らなければ注文を付けます。





お気に入りの記事を「いいね!」で応援しよう

最終更新日  2026.05.08 21:32:18
コメント(0) | コメントを書く


■コメント

お名前
タイトル
メッセージ
画像認証
上の画像で表示されている数字を入力して下さい。


利用規約 に同意してコメントを
※コメントに関するよくある質問は、 こちら をご確認ください。


【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! -- / --
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x
X

© Rakuten Group, Inc.
Design a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: