zissyuseiのブログ

zissyuseiのブログ

ブログの説明を入力します。

2026年6月21日(日曜日) 小雨模様

 

 梅雨空で外には出られず、部屋でパソコンを相手にして遊んでいます。

 何十年か前に、HTMLのことを勉強?したことがあります。

 加入してしていたプロバイダーが無料のホームページのサーバーを

提供してくれていたので、見よう見まねでサイトを開設したことがあります。

 しかし、その無料ホームページサービスも数年後には終了となってしまい

それ以後はHTMLとは無縁になっていました。

 先日、Webサイトの記事を閲覧していたら、WiFi機能付きマイコン

(ESP8266)をWebサーバーにして立ち上げ、HTMLで描いた

画像をWiFi経由でパソコン(クライアント)に表示するサンプル

プログラムが表示されていました。

 

 私はESP8266をいくつか持っていますので、早速真似をしてみました。

 そのプログラムはサーバーをアクセスすると「あなたはxx人目の訪問者

です」というカウント数を表示するものでした。

 「おー、面白い! 画面にボタンを表示してそれを押すとカウンタが変化

するようなものを作ってみようか・・・」

 というわけで工作実験を始めました。

 

 

マイコン(ESP-8266)の回路図とテスト時の機器構成

 

 

 クライアント(タブレットPCのブラウザー)がサーバー(マイコン)の

 IPアドレスへ接続が完了するとこの画面が表示されます。

 画面のボタン(「+」「-」と表示された四角)に触れると、該当する

カウンタの数値が増減します。

 リセットボタンを押すと全カウンタは0クリアされます。

 

 

 マイコンにはカウンタの状況を表示するLEDと、数値を表示する

LCD(液晶文字表示器)が取り付けてあります。

 

 

 

 実際のテストの様子を動画でご覧ください。

 

 

 

  HTMLは初歩の基本的なタグだけで作りました。

  ボタンを塗潰すことができず、白地のままです。

  (スタイルシートとか難しいことは理解できません。)

  なんとかやっとここまでできましたが・・・ 疲れたぁー

  これで実験は完了とします。

 

  長らくお付き合い、応援くださった皆様、誠にありがとうございました。

  これからもよろしくお願い申し上げます。

                      工作実習生