PCカフェ（No.35：補講ーGeminiでhtml）（AI-№9）仕掛り中

fumitaka

予定開催日時：2026年6月23日（火）19:00　〜　20:30
予定参加者 ？名：、赤染

1.復習（AI（Gemini）活用術-3/3）

  • メインテーマ：AI（Gemini）活用術 3/3（最終回）
    • 今回でAI（Gemini）に関するテーマは一度終了となりました。
    • Canvasを使って文章を共同作成。一部修正もCanvasで可能。
    • 定型処理にはGemを使って。
    • メニューが盛りだくさんで、「Htmlを使うとこんなツールも作れてしまう」が未消化でした。
      ６月に繰延となりました。
  • ご参照URL（AI活用情報）：[https://wp55.akazome.com/2026/05/26/pccafe_no-34/]

2.Canvasで共同作成は文章だでではありません。「Htmlで作って」でコードも書いてくれます。
ーー「自分専用の道具を作る」（プログラミング知識ゼロで実用的なツールを作る）ーー

「コードなんて分からない！」、大丈夫です。CanvasならGeminiが作ったコードを「プレビュー」画面に表示して試すことができます。
不具合があれば、入力欄に修正を依頼する内容を入れるだけで大丈夫です。
先ずは、事前にお願いした課題の内容をここでやってみましょう。

今回のゴール
  • 「プログラム」という言葉へのアレルギーをなくす。
  • ネットで既存のツールを探すだけでなく、「自分好みのツールをその場で作らせる」という新しいアプローチを知る。
  • Canvasで作ったツールを自分のパソコンに保存し、日常生活や仕事で実際に使える状態にする。

（１）5月26日のPCカフェ実施記録の「（4）プラスα」に目を通してください。
（２）（4）プラスα」にある例題1と例題2に取り組んでください。
（3）Geminiに「HTMLファイルとはどのようなファイルですか？このファイルを作るとどのようなことができますか？」と質問してみてください。
（4）（必要に応じてGeminiに相談しながら）HTMLファイルを1つ作成してください。
AIに指示を出すと、AIがプログラムを作ってくれます。
やりたい内容をAIに解らせれば、コードはAIに任せれば良いのです。

（ご参考）

Canvasは文章だけでなく、プログラム（コード）もAIと一緒に書くことができます。AIには普通の言葉で修正などをお願いすると、AIはコードを書き換えてくれる。

1.「ゲームをhtmlで作ってください」と言うだけで・・・・こんなゲームができました。
・ネオンブロック崩し
・コズミックドッジ　
・サイバースネーク

2.2.「エクスプローラでOneDriveを開くとファイルに色々な雲のアイコンがある。Explorerの画面を表示して、このアイコンの説明を分かりやすくhtmlで作ってください。」
プレビュー画面を見て、「リアルなexplorerの画面にしてください。」と修正を依頼した。　Camvasには「コード」、「プレビュー」タブがある。「プレビュー」画面でアプリを試すことができ、文章と同じように手直しをお願いできる。
・OneDriveのアイコン説明

3.耳寄り情報

メンバーの皆さんがキャッチした「耳寄り情報」があったら、是非お知らせください。
このホームページの「コメント欄」、「お問い合わせ」に入力いただいてもOKです。

無料ZOOMの時間制限突破ツール

無料ZOOMは、制限時間40分の壁があります。２つのミーティングルームを交互に使用して、Geminiのhtmlでこの時間制限の壁を突破するツールを作成しました。このツールには、タイマー機能があり制限時間の5分前にアナウンスが流れる機能もあります（主催者など参加者の一人が使用すれば良い）。
従来からPCカフェでも２つのZOOMルームを交互に使用していますが、
①次のルームは第１？、第２とわからなくなってしまうのが問題でした。
②制限時間が来たのに気づかず、突然ZOOMが終了するのも問題でした。
このツールは、この２つの問題をクリアするツールです。

（１）事前準備
　　必要なのは次の２つだけです
  • ZOOM時間制限突破ツール
  • ２つのミーティングルームデータ（URL、ミーティングID、パスコード）
（２）ツールの設定方法
  1. ツール（HTMLファイル）をPCの任意の場所（例：ダウンロード）に保存する。
  2. htmlファイルを右クリックし、プログラムから開く「ChromeまたはEdgeを指定」。
  3. ブラウザ上にツールが表示されたら、ルーム１とルーム２にミーティングルームのデータを入力。
  4. 「この設定を埋め込んだHTMLを保存する」を押して、任意の名前（「ZOOMXX会議ツール」）をつけて保存する。
    会議毎にツールを作るなら、専用フォルダ（「ZOOMツール」）を作成すると便利。
（3）ツールの使い方
　　　このツールはアナログ、ZOOMとは連動していない。
  1. ファイル「ZOOMXX会議ツール」を右クリックし、プログラムから開く「ChromeまたはEdgeを指定」。
  2. ルーム１、ルーム２にデータが入力されているのを確認したら、（次回す具開けるように）ブックマークに保存する。
  3. ルーム１をクリックするとルーム１に参加できる。
  4. ルームを切り替える時は、「現在の部屋」（ルーム１）を確認し「次の部屋」をクリックするとボタンが「第２ルームに接続する」に変わる。

　※タイマーは自分だけの、単なる目覚まし時計。（全員操作可能だが）オーナーだけが操作するだけで良い。
　　ミーティングルームのタイマーと同期させるだけで、35分経過後（終了５分前）にアナウスが流れる。
※※ZOOM中はルームを切り替えるときに使用するので、ツールを消さない（ブラウザを最小化など）。

サンプル：PCカフェZOOMツール

コメントを残す

メールアドレスが公開されることはありません。 ※ が付いている欄は必須項目です

PAGE TOP