iiinova — where your digital self keeps evolving

トミー @saekitominaga.fedibird.com.ap.brid.gy · 24/09/2026

非接触ボタンのエレベーター初体験。これはフジテックだけれど他のメーカーも実用化している。指先に障害がある人や両手に荷物を持った人への対策かと思ったら「感染症対策」が主目的らしい（新型コロナウイルス流行直後の実用化）。

エレベーターの操作盤、AirTapロゴ、「ボタンに指をかざしてください」の案内、丸い↑ボタンの下側に非接触アイコン

トミー @saekitominaga.fedibird.com.ap.brid.gy · 10/09/2026

火曜日の朝、部屋のベランダにカブトムシが現れた。右脚が損傷していて動きも鈍く、かなり弱っているように見えた。飼育環境がないので家に招き入れることはできないが、バナナの欠片を与えて餓死だけはしないように見守る。最初は小皿に置いて様子を見ていたのだが、もはや皿の縁の1cmほどの段差すら上がれないようなので、段差の小さなプラ蓋に置き換える。（そんな体力でどうやってここまで辿り着いたのだ?）そんな状態で2日半、餌付けだけは行いつつ飼育とまでは言えない状態が続いた。多少歩くことはできるようだが、ほぼ動かず定位置で過ご […] [Original post on fedibird.com]

010 1

トミー @saekitominaga.fedibird.com.ap.brid.gy · 06/09/2026

GitHub のコード階層ページのパンくず、全体が <nav> で囲われているわけではなくて、現在地部分は <nav> の外かつ <h1> でマークアップされている。コンテンツの性質からすれば合理的なマークアップだけれど、Markdown の場合はページ内に <h1> が2つ存在してしまう。

GitHubページのスクショ。パンくずに w0s.jp / .github / workflows / の3つがあり、最後の workflows が h1 になっている。

000 0

トミー @saekitominaga.fedibird.com.ap.brid.gy · 26/08/2026

CSSを完全に理解しているボタンだ

「マーケットプレイス」と書かれたボタン、緑の枠線で囲われており、枠線の中に「マーケットプレイ」、枠外に行を分けて「ス」のみが位置している

000 0

トミー @saekitominaga.fedibird.com.ap.brid.gy · 11/07/2026

謎セレクター

$スタイルエディターのスクショ :not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#), :not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop, :not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):after, :not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):before$

000 0

トミー @saekitominaga.fedibird.com.ap.brid.gy · 23/04/2026

とりま個人サイトに設定してみた。 w0s.jp はブラウザアドオンのアイコンが光るようになったけれど、blog.w0s.jp はなぜかダメだな。

ブラウザで https://w0s.jp を表示した様子。アドレスバー横にオレンジ色のフィードアイコンが表示。

010 1

トミー @saekitominaga.fedibird.com.ap.brid.gy · 14/02/2026

アクセシビリティで話題に挙げられがちなものの実例を見かけたことがなかったやつ、ついに見つけた。ちゃんと(?)“ひがしきょう”と読み上げられる。

プルダウンに東京、品川、新横浜、小田原、熱海、三島……が続く。二文字の駅名のみ全角スペースで整形されている。

010 1

トミー @saekitominaga.fedibird.com.ap.brid.gy · 28/01/2026

UpScrolled のパスワード設定欄、複雑性にあと何が足りないか一目瞭然で良い。（イマドキ大文字小文字混在や記号文字の強制はどうかと思うけれど）

パスワード入力欄の下に「Minimum 8 characters」「An least one numeral (0–9)」など5つのリストがあり、それぞれ✔と✗のアイコンが付いている。

000 0

トミー @saekitominaga.fedibird.com.ap.brid.gy · 13/01/2026

自分用メモ。 DuckDuckGo の検索結果に SVG Favicon が対応していた。しかしなぜか site:blog.w0s.jp は表示されるものの site:w0s.jp は相変わらずエラー表示のまま（どちらもファイル形式、content-type ヘッダー、HTML 記述は同一）。逆に昨年末から Google の検索結果に SVG Favicon が表示されなくなってしまった。でも site:media.w0s.jp だけは表示される謎。

DuckDuckGo での site:w0s.jp の検索結果。w0s.jp は Favicon 非表示（画像がリンク切れの状態で表示）、blog.w0s.jp は緑の Favicon 表示

Google での site:w0s.jp の検索結果。Favicon は地球マークのデフォルトアイコンで表示

000 0

トミー @saekitominaga.fedibird.com.ap.brid.gy · 20/12/2025

iOS Firefox の「ウェブサイトのダークモード」機能はクセがあって見にくいサイトも多いので、Vivaldi をインストールして「すべてのウェブサイトにダークテーマを強制適用」を設定してみた。こちらはこちらで Firefox とは別のクセがあるので、閲覧するサイトによって使い分ける必要がありそう。とりあえず自分のブログがとんでもないことになっているのだけれど、何が悪いのか分からない。

「富永日記帳」のスクリーンショット、背景が薄い灰色、メインエリアの文字色が白、リンク色が薄い青となっている。

000 0

トミー @saekitominaga.fedibird.com.ap.brid.gy · 10/12/2025

Firefox、いつの間にかリンク長押しでプレビューする機能が付いていた（8月の v142 かららしい）

設定画面に「リンクプレビューを有効にする」のチェックボックスがある。その下層に「ショートカット: リンクを1秒以上長押しします」のチェックボックス

100 1

トミー @saekitominaga.fedibird.com.ap.brid.gy · 04/12/2025

Firefox のパスワード管理画面、漏洩情報教えてくれるようになったの便利だな。パスワードは定期的に変更するのではなく、ときおりここを確認しておけば良いわけだ。

ユーザー名とパスワードを表示する画面の上部に赤背景で「ウェブサイトからの情報漏洩」のメッセージが表示。「アカウントの保護のため、パスワードを変更してください。」と警告している。

011 1

トミー @saekitominaga.fedibird.com.ap.brid.gy · 28/10/2025

久々にキレちまったよ。これみたら ( と ) は記号文字として使えると思うじゃん。そうじゃないのねえ💢

パスワードは 10文字以上、最大64文字まで登録できます。
以下の文字種から 3種類以上の文字を含めてください。
・英語の「大文字」または「小文字」。
・数字（0〜9）。
・記号（! @ # $ % ^ * _ -）。

000 0

トミー @saekitominaga.fedibird.com.ap.brid.gy · 22/10/2025

これは日本人ならたぶん誰でも知っている歌の歌詞なんですけど、分かるかな。

きっと売りで時のようにバズるウォーターじゃ怖い。この町で優しい人に甘えていた
国は当たり
日だけが漏れるものだととかにあるさ決勝してな一人でもちびすぎた

100 1

トミー @saekitominaga.fedibird.com.ap.brid.gy · 12/10/2025

まったくそういう意味で行ったわけではないイベントでこんな展示物に遭遇

「誰もが読書を楽しめる　小学館のアクセシブル・ブックス」の展示コーナー、机の上に「さわるめいろ」「さわってたのしいレリーフブック　さかな」など何冊かの本が展示されている

000 0

トミー @saekitominaga.fedibird.com.ap.brid.gy · 01/10/2025

NHK ONE アカウントの登録の流れの中で「プライバシーノーティスの確認」での switch コントロール、フォーカスすると slider ball の中に緑色の丸が表示されるのはおもしろい表現だと思った。ただ最近はここに ✓ / ✗ の表現をするケースが多いので、この表現がスタンダードになることはないとは思うけれど。

switchコントロールのスクショ。青背景のコントロールの中に白背景のslider ball、さらにその内側にボールの半分ほどの大きさで緑色の正円表現

000 0

トミー @saekitominaga.fedibird.com.ap.brid.gy · 28/07/2025

TV を見ていたら流れてきた長尺 CM。alt なら知っているけれど ALT は私も知らない。（肝臓検査に関する用語らしい）

TV画面のキャプチャー、4人の街頭インタビューに「ALTはあまり知られていない…?」

000 0

トミー @saekitominaga.fedibird.com.ap.brid.gy · 12/07/2025

Kindle アプリのログイン画面、パスワード入力欄の直下に元文字が表示されるのいいな。常に強制表示されるのは少し怖いけれど、まあアプリなら人前でログインすることなどほとんどないのかな。（ログイン画面はスクショ封印されているので画面撮影にて）

「Amazonのパスワード」の入力フォームにパスワードを入力した様子。マスクされた文字列の下に password1234 が表示

000 0

トミー @saekitominaga.fedibird.com.ap.brid.gy · 14/06/2025

<u> 要素、実は横断歩道のマークアップにも使える。古事記にも書いてある。

窓広告、「エンジニアによる街づくり」大きなスクランブル交差点の写真の横断歩道部分を囲うように<u>の開始タグと</u>の終了タグが書かれている。

000 0

トミー @saekitominaga.fedibird.com.ap.brid.gy · 21/04/2025

2004年に書いた HTML ファイルが出土してダメージを受けている。死にたい。（グロ画像注意）

</caption>
<tbody>...</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<strong>...</strong>
<dl>...</dl>
<dl>...</dl>
</div>
</body>
</html>

100 1

トミー @saekitominaga.fedibird.com.ap.brid.gy · 18/03/2025

でも Chrome だとリンク文字と下線の距離が近接しすぎているのは前から気になっているんですよね。 Firefox は無調整でちょうど良い感じなのですが。

Webページのスクショ2例を並べた様子、リンクの文字と下線の距離が両者でわずかに異なる

000 0

トミー @saekitominaga.fedibird.com.ap.brid.gy · 18/01/2025

あと Google は JavaScript 無効ユーザーに対する案内ページで、一律にスクリプト設定を有効化することを求めておらず、必要最低限のドメインのみ有効化できる事実をきちんと説明している。https://www.google.com/httpservice/retry/enablejs Cookie […] [Original post on fedibird.com]

検索を続行するには、JavaScript を有効にしてしてください

お使いのブラウザで JavaScript が無効になっています。検索を続行するには、JavaScript を有効にしてください。

Google Chrome の操作方法

をクリック後、[設定] をクリックします。
[プライバシーとセキュリティ] をクリックします。
[サイトの設定] をクリックします。
[JavaScript] をクリックします。
[サイトが JavaScript を使用できるようにする] を選択します
（代わりに、google.com に対してのみ JavaScript を有効にすることもできます）。

000 0

トミー @saekitominaga.fedibird.com.ap.brid.gy · 16/01/2025

"ブラウザ" と入力するつもりが "ブタウザ" と打ってしまい、予期せぬ変換結果に思わずスクショ

000 0

トミー @saekitominaga.fedibird.com.ap.brid.gy · 21/12/2024

mixi2 の switch コントロール、ON と OFF で ::thumb の大きさが変わるのいいな

000 0

トミー @saekitominaga.fedibird.com.ap.brid.gy · 16/12/2024

ラベルが URL ってよく考えるとわけ分からないのだけれど、他に適切なものも思い浮かばないのでそうせざるを得ないんでしょうね。昔は「ホームページ」とか「🏠」だったけれど、今は逆に通じないだろうし。

Webページのスクショ、「追加情報」にURL、X、Instagram...の入力

000 0

トミー @saekitominaga.fedibird.com.ap.brid.gy · 10/12/2024

「一元」の意味を辞書で調べるなど試行錯誤の末、ようやく漢字の一ではなくプラスマイナスの－であることに気付いた（※ここは details > summary 的なボタン）

000 0

トミー @saekitominaga.fedibird.com.ap.brid.gy · 29/11/2024

「実践Svelte入門」<https://gihyo.jp/book/2023/978-4-297-13495-2> の本を読んでいるのだけれど、pp.169–170 に SvelteKit でのデモアプリが JavaScript 無効環境でも動作することから現代の Web サイト／アプリにおけるスクリプト実行前提での懸念と言及があった。 […] [Original post on fedibird.com]

第5章「SvelteKitによる複数アプリケーションの開発」の紙面
WebサイトやWebアプリケーションに求められる機能や体験が複雑・高度化した結果JavaScriptなしでは動作しないWebサイトも増えています。一方で、世界の中では高速なインターネットが利用できない場所も珍しくありません。例えば、ニューヨークの地下鉄では頻繁にインターネットが切断されます。インターネットが切断される瞬間にあるページを開いたが、インターネットが切断されてJavaScriptはロードできなかった、といったことがしばしば起きます。日本国内で同様の経験をしたことがある方も多いと思います。無線通信が日常生活に浸透するにつれて、むしろ通信が不安定な環境・状況でもインターネットにアクセスしたいと人々が思う場面は増えました。結果として、真にアクセシブルなWeb体験には、JavaScriptが利用できない状況への想定が不可欠になりつつあります。
そんな背景から、SvelteKitではこうした「プログレッシブなWebアプリケーション」と呼ばれる考え方を推進しています

110 1

トミー @saekitominaga.fedibird.com.ap.brid.gy · 02/11/2024

このパターンは初めて見たw

000 0

トミー @saekitominaga.fedibird.com.ap.brid.gy · 07/10/2024

しばらく前から Wikipedia の文字サイズが大きくなっていて、てっきりリニューアルでもしたのかと思っていたら、どうも無意識のうちに「外観メニュー」でテキストを「大」設定に変更していたようで、自分の誤操作が原因だった模様。 Wikipedia […] [Original post on fedibird.com]

Wikipedia ページスクショ、右上にテキスト：小・標準・大、幅：標準・広め、色：自動・ライト・ダークの各ラジオボタンが配置

000 0

トミー @saekitominaga.fedibird.com.ap.brid.gy · 02/10/2024

ボタンをaタグで作るな高校校歌 - 弁護士ドットコム株式会社 Creators’ blog creators.bengo4.com/entry/2024/10/0… Web アクセシビリティってのは「こちら」の内容をテキストで説明することだと思うのです（here 症候群と同じこと）。 […] [Original post on fedibird.com]

「ボタンをaタグで作るな高校校歌」の記事冒頭のスクショ、本文冒頭の「まずはこちらをお聞きください。」直下の埋め込み動画がエラー表示になっている

000 0

トミー @saekitominaga.fedibird.com.ap.brid.gy · 28/09/2024

自転車レーンもとい車椅子レーンは初めて見た。歩道は充分に広いけれど、橋の勾配を少しでも緩和するためかしら。場所はここ👉https://www.google.com/maps/search/横浜駅/@35.4678285,139.621069,3a,75y,346.87h,89.11t/data=!3m7!1e1!3m5!1siX3tKHNCQ7O1mAkfud_Ebg!2e0!6s […] [Original post on fedibird.com]

010 1

トミー @saekitominaga.fedibird.com.ap.brid.gy · 27/09/2024

リンク先が一見して何のプラットフォームだか分かりにくい。タイトルに有料サービスの名称を含めると、外部サービス経由の場合に未契約者は「自分は見られないだろうからアクセスしない」と判断されてしまわないだろうかと余計な心配をしている。 […] [Original post on fedibird.com]

画面スクショ：動画タイトル「『らんま1/2』予告編 2 - Netflix - YouTube」がリンク一覧に載っている

000 0

トミー @saekitominaga.fedibird.com.ap.brid.gy · 27/09/2024

3万年ぶりに Twitter モバイルアプリを立ち上げたらホーム画面がこれだよ

「フォロー中」タブの上半分がサブスクライブの広告、下半分が「フォロー中のアカウントの最新情報を確認しましょう」メッセージ

000 0

トミー @saekitominaga.fedibird.com.ap.brid.gy · 20/09/2024

Threads の通知がこうなるの、どうにかならないのか。同じユーザーばかりおすすめしてくるし。

000 0

トミー @saekitominaga.fedibird.com.ap.brid.gy · 04/09/2024

とある検証で X に新規アカウントを作成したけれど、いまってフォロー 0 では始められないんですね。（すぐにアンフォローすることはできた）

000 0