iPromenade

本来の画像を縮小表示しています。

何の画像でしょうか。

画像にマウスONすると画像名が表示され、クリックすると元のサイズで表示します。

標高100mを超える山頂の公園内にある有名な美術館で、1980年に旧NHK放送局跡地に開館しました。

以前、CSS（Cascading Style Sheets）のフィルター機能の使用によって、カラー画像を種々変換できることを紹介し、下記（１）～（６）の実例を2回に分けて掲げました。

（１）blur（ぼかし）
（２）brightness（明度）
（３）contrast（コントラスト）
（４）drop-shadow（ドロップシャドウ）
（５）grayscale（グレースケール）
（６）hue-rotate（色相環）
（７）invert（階調の反転）
（８）opacity（不透明度）
（９）saturate（彩度）
（10）sepia（セピア）

今回は上記の（７）～（10）について紹介します。

今年、我が家の庭に咲いたひまわりの写真に対して、色々と変化を加えてみました。

（７）invert（階調の反転）
（８）opacity（不透明度）
（９）saturate（彩度）
（10）sepia（セピア）

ー＞ CSSでカラー画像に変化を（１～４）
ー＞ CSSでカラー画像に変化を（５～６）

浮出し迷路とは入口から出口に向かって、最短距離で通り抜け、通った道を塗潰すと絵が浮かび上がるものです。

下の例は2022年5月に朝日新聞に掲載された浮き出し迷路です。

現在、このような迷路の画像を元に自動的に答えを導き出す方法（アプリ）を検討中ですが、この例についてはうまくいったので紹介します。

今後、色々な迷路について更に確認を進めて、アプリの問題点を洗い出す予定です。

自動解法アプリでの処理結果です。

うまく処理できているように見えます。

以前、CSS（Cascading Style Sheets）のフィルター機能の使用によって、カラー画像を種々変換できることを紹介し、下記（１）～（４）の実例を掲げました。

（１）blur（ぼかし）
（２）brightness（明度）
（３）contrast（コントラスト）
（４）drop-shadow（ドロップシャドウ）
（５）grayscale（グレースケール）
（６）hue-rotate（色相環）
（７）invert（階調の反転）
（８）opacity（不透明度）
（９）saturate（彩度）
（10）sepia（セピア）

今回は上記の（５）～（６）について紹介します。

我が家の庭に今咲いているひまわりの写真に対して、色々と変化を加えてみました。

（５）grayscale（グレースケール ＝ 白黒画像）
（６）hue-rotate（色相環）

ー＞ CSSでカラー画像に変化を（１～４）

以前、CSS（Cascading Style Sheets）のフィルター機能の使用によって、カラー画像を白黒に変換する話題を紹介しました。

CSSのフィルター機能にはそれ以外にも種々のものがあります。

（１）blur（ぼかし）
（２）brightness（明度）
（３）contrast（コントラスト）
（４）drop-shadow（ドロップシャドウ）
（５）grayscale（グレースケール）・・・・・白黒にする
（６）hue-rotate（色相環）
（７）invert（階調の反転）
（８）opacity（不透明度）
（９）saturate（彩度）
（10）sepia（セピア）

上記の内、（１）～（４）について下記に実例を示しています。

（１）blur（ぼかし）
（２）brightness（明度）
（３）contrast（コントラスト）
（４）drop-shadow（ドロップシャドウ）

ー＞ CSSでカラー画像を白黒に

ウェブページのスタイルを設定するCSS（Cascading Style Sheets）のフィルター機能の使用により、例えばカラー画像だけ準備すれば白黒の画像を簡単に表示することができます。

広島ビッグアーチのカラー画像と、それにフィルター機能を使って白黒の画像に変換したものです。

上の2つの画像の中間的な色合いの（少し色味が残っている）画像も表示できます。

CSSのフィルター機能には種々のものがありますが、これらについては後日また・・・。

ー＞ 400mトラックの1周は約398m？

我が家の太陽光発電システムは昨年9月初めに保証期限（10年）が終了し、1時間毎発電量の数値データが精度よく取得できなくなりました。

そこで昨年、電力モニタの発電量グラフから1時間毎発電量の数値データを精度よく取得するアプリを作成して対処してきましたが、今回このままこれを継続できない事情が発生しました。

当初作成したアプリはJavaScript言語で書かれていましたが、色々と問題があり、今回これをJava言語に書き換え、ブラウザなしで直接実行できるWindowsアプリとしました。

新アプリでの実行結果の例を示します。

棒グラフを読み取り、これを自動的に数値化（xxx kWh/ｈ）して、既定のフォーマットで出力します。

従来版と同等の精度で1時間毎の発電量が取得できています。

ー＞ 詳細はこちら

ー＞ 太陽光発電： Webモニタリングサービスがついに終了(2021/9/6のBlog)

先日、家の１Fから２FへのCAT６AケーブルによるLAN配線工事を、ハウスメーカの関連業者に依頼しました。

30mのLANケーブルはこちらで準備して配線工事のみお願いしました。

ホームゲートウェイ（HGW）を設置している１Fの部屋から、下記経路でLANケーブルを敷設：

　HGW ～１Fの部屋の壁～（壁内を下方に）～　１F床下A　～　１F床下B

　　～（壁内を上方に）～　２F天井裏B ～　２F天井裏C　～（壁内を下方に）

　　～　２Fの部屋の壁下部　～ PC（or ルータ）

ケーブル両端の端子がいずれも壁面のLANコンセント（モジュラージャック）の差込口から出ている状態での配線です。

１Fの端子をHGWに接続し、２Fの端子をPC（あるいはルータ）に接続して使用します。

ハウスメーカは建物の壁構造等がわかっているため、電源コンセント穴をうまく利用して床下、壁内、天井裏を経由してLANケーブルを巧みに配線していました。

（2F ケーブル端）

先日、家の１Fから２FへのCAT６AケーブルによるLAN配線工事をある業者に見積り依頼したところ、ケーブル代だけで3万円、配線工事が6万円とのこと。

個人住宅の１Fの部屋Aから２Fの部屋Bまで直線距離でせいぜい10m程度、床下や壁内部などケーブルを敷設しやすい場所を経由しても30mもあれば十分、どうしてケーブルが3万円もするのか、高すぎるのではないかと問い合わせたところ、100m単位でしか購入できないとの回答。

家電量販店に行けば、10m、20m、30mなどの６Aケーブルが２～３千円くらいで売られています。

業者は100mのケーブルを手配して、残ったものはどうするのでしょうか。

結局、ケーブルはこちらで準備して配線工事のみ依頼することにしました。

QRコードは通常は正方形領域内のパターンで、各種情報を表現していますが、この正方形が歪んでいても正しく読み込めるのでしょうか。

例えば、正方形でなく、上下方向に少し伸びた長方形になっていたり、4隅の1箇所がめくれかかっていたりと、通常の場面では様々な状況が予想されます。

QRコードが缶などの円筒面に印刷されていたり、読み取り機器がQRコードに対して傾いていたりする場合も同様です。

QRコードは色の濃淡でパターンのOn/Off（1/0）が識別されますが、多少の歪みがあっても「誤り訂正機能」により、正しく読み取ることができるような仕組みになっています。

例えば、下のQRコードは左上と右下方向に引っ張ったような形をしていますが、手持ちのスマホでは読み取りできました。
（記事「400mトラックの1周は約398m？」へのリンク）

QRコードの色々な歪みに対して、正しく読み取れるかを下記サイトで確認することができます。

ー＞ QRコード　～ 画像の乱れによる読み取り可否 ～