iiinova — where your digital self keeps evolving

ymrl @ymrl.bsky.social · 05/10/2026

土曜日に #freee技術の日というイベントで使った登壇資料です。 speakerdeck.com/ymrl/creatin... いちばん言いたかった（問いかけたかった）のが最後のほうにある「個人的な想い」のスライドで、どんなにソフトウェアの中身をAIが作ろうが、ユーザーから見えて操作される部分 = UIだけは人間らしさを失わずにやるべき、ということはこれからも強く主張していきたい。

個人的な想いとして:
UIはソフトウェアのうち、人間のユーザーに最も近接する部分です。
どんなに論理的に正しく作られていても、言葉の選び方や表現の仕方によっては、人間にとっては便利でない、よくわからない、使えない、なんてことが起こります。
これは人間が喋るとき、表情や声のトーンや間のとり方、服装や髪型などによって、印象や理解の度合いが変わるように、人間の感性の世界にある現象でしょう。
AIに任せられる部分を増やしていきつつ、それがユーザーに提供するに足るもなのか最終的に判断できるのは人間だけです。そこだけは人間がやりつづけるべきです。

0121

ymrl @ymrl.bsky.social · 22/09/2026

大人用ミラクルライト助かる

映画名探偵プリキュア！不思議な庭と2人の秘密ふわふわ♡ポチタンミラクルライトキュアアルカナ

140

ymrl @ymrl.bsky.social · 21/09/2026

これ噂の詐欺広告かなぁ

広告ツイート。ビートたけしの顔写真のついた「昨日の出来事は日本中に衝撃を与えました」という記事を「変化の一例」という一言を添えて「Duong Cuong Bonny」というアカウントが投稿している。記事のURLは「nikkeinews-jp.social-networkin...」というもの。

020

ymrl @ymrl.bsky.social · 20/09/2026

そういう売り方なんだなぁ。そんなに外国人（観光客）が多そうな場所でもないんだけど。

自動販売機に近づいてボトルの見本を撮影している。「、ペプシコーラ〈生〉」の上に「AVAILABLE ONLY IN JAPAN」、左右に中国語と韓国語で同じようなことが記載されている

040

ymrl @ymrl.bsky.social · 18/09/2026

旧端末のSuicaは「このカードは使用できません」「このカードを削除して、追加し直してください」の表示になってる。ペンギンがいるよ。かわいいね。

ウォレットの画面。Suicaのカードの下に「このカードは使用できません/このカードを削除して、追加し直してください。[カードを削除]」と表示されている

160

ymrl @ymrl.bsky.social · 04/09/2026

床のパネルにラメみたいなの入ってて、割れた強化ガラスが散乱しているのかと思った

エスカレーターを降りるときの主観視点。降りた先で通路が右に曲がって繋がっているが、その手前あたりで細かな粒が光を反射している

030

ymrl @ymrl.bsky.social · 03/09/2026

DocuSignのログイン画面、「パスキーでログイン」と「セキュリティキーまたは生体認証を使用」があるけど、両方とも同じような挙動をしそうな気配を感じる

「パスキーでログイン」と「セキュリティキーまたは生体認証を使用」ボタンが上下に並んでいる

010

ymrl @ymrl.bsky.social · 29/08/2026

動画で見た、見通しの悪い交差点で緊急自動車と出会う場合の図もあるけど、「注意してよけましょう」としか言ってない。そりゃあ、いつでも注意して運転しなければなりませんものね。

「踏切を通り過ぎようとする場合や、見通しが悪い交差点を緊急自動車が通り過ぎようとしている場合」として、踏切の警報器が鳴っているところを車が渡ろうとしているイラストと、十字路を上から見て救急車と聴覚障害者の車が出会おうとしている模式図が掲載されている

210

ymrl @ymrl.bsky.social · 29/08/2026

平成20年に聴覚障害者が運転免許を取得できるようになったときのパンフレット（現在と運転できる車の範囲が異なる点に注意）によると、ワイドミラーで後ろから来る緊急自動車や進路を変えようとする車に早く気づけるということらしい。ミラーがワイドになっただけで緊急自動車に早く気づけるものなのか？？進路妨害とならない運転ができるもんなのか？？そうならば全車にワイドミラーを義務付けるべきでは？？ www.npa.go.jp/koutsuu/menk...

「ワイドミラーを正しく使うことが必要な場面」として「緊急自動車が後ろから近づいてくる場合」「進路を変えようとする車が近づいている場合」が挙げられているパンフレットのページ

100

ymrl @ymrl.bsky.social · 24/08/2026

全く読めない広告が出てきた。ヘブライ語？「詳しく見る」（ここだけ日本語）の矢印が左向きなの面白い

120

ymrl @ymrl.bsky.social · 30/07/2026

すいません本当にすいません

090

ymrl @ymrl.bsky.social · 21/07/2026

貰えるものは貰っとくかー

Fable 5が利用クレジット制に移行しました。$100 USD分のクレジットを無料でプレゼントします
Fable 5は7月19日までプロモーションとしてプランに含まれていましたが、現在は利用クレジットが必要です。中断なくご利用いただくために、$100 USD分の無料クレジットを受け取ってください。

クレジットを受け取ると、アカウントで利用クレジットが有効になり、すぐにご利用いただけます。プランの上限に達した場合にもクレジットをご利用いただけます。無料クレジットは9月17日に失効します。利用規約が適用されます
[後で][無料クレジットを受け取る]

050

ymrl @ymrl.bsky.social · 07/07/2026

いまどきのアルバイト採用、面接のかわりに自撮り動画を送らせるんだ

カフェバイトしませんか？
アルバイト募集
履歴書・面接不要！
自撮り動画を送るだけ
最短1日で内定が決まる！
LINEで友達追加
応募はこちら

150

ymrl @ymrl.bsky.social · 04/07/2026

「ライブリージョンのアナウンス」機能には今回、背景と文字それぞれの不透明度を設定できるようにして、文字の不透明度をデフォルトで100%としました。これまで半透明になっていた文字がくっきりと読めて、通知の「うるささ」の再現度が高まったはずです。 #AccessibilityVisualizer

Webコンテンツの上に、黒の半透明の長方形が被さっている。内部には白い文字で英文が書かれている
System Status: System Status: Processing data
System Status: System Status: Updating records

100

ymrl @ymrl.bsky.social · 04/07/2026

これまでAccessibility Visualizerは、inertを考慮した判定ができていませんでした。今回、inert属性またはCSSのinteractivityプロパティを、チップ表示やライブリージョン通知の判定条件に組み込みました。また、inertな要素には鬱陶しいほどに「inert」警告が表示されます #AccessibilityVisualizer

フォームのあちこちに「inert」の警告が表示されているスクリーンショット。英語で説明書きがある:
Form controls inside an inert subtree
Form controls placed inside a container with the inert attribute. They cannot be focused or edited, and they are removed from the accessibility tree.

100

ymrl @ymrl.bsky.social · 10/06/2026

Accessibility Visualizer 7.1.0をリリースしました。既にChrome/Firefoxのストアからインストールできます。このバージョンでは、ライブリージョンについて2つアップデートがあります。ひとつはaria-modalの取り扱いについて、もうひとつはariaNotify()への対応です。 #AccessibilityVisualizer

チェックの入った「ライブリージョンをアナウンス」チェックボックスの下に、一段インデントして小さい文字でチェックの入っていない「aria-modal外のライブリージョンも通知」と「ariaNotifyをアナウンス（β）」チェックボックスがある

192

ymrl @ymrl.bsky.social · 15/05/2026

縦横比3:2の白い領域の中を、領域の縦の長さの5分の3の直径を持つ赤い円が動き回るので、それをなるべく中央に近いところで止めると高得点になるゲームです。 claude.ai/public/artif...

0111

ymrl @ymrl.bsky.social · 06/05/2026

そして、やや毛色の違う機能ではありますが、押したキーを表示できるようにしました。デフォルトはオフです。キーボードでのWebの操作方法は、意外なことにあまり知られておらず、説明に苦労してきました。押したキーが表示されれば、多少は説明が楽なるかなと考えています #AccessibilityVisualizer

Shift + Cmd, Cmd, Cmd, Shift + Tab, Shift, Tab, Shift + Tab が縦に並んで表示されているブラウザのウィンドウの右上のスクリーンショット

110

ymrl @ymrl.bsky.social · 06/05/2026

これまではクロスオリジンポリシーにより、一部のiframe要素でAccessiblity Visualizerは動作しませんでした。この設計を見直して全てのiframeで動作できるようになりました。これにより、MDNやCodePenのサンプルをAccessibility Visualizerで確認できるようになりました。便利！ #AccessibilityVisualizer

MDNの「<button>: ボタン要素」の画面で、サンプル部分にあるボタンにAccessibility Visualizerがアクセシブルネームを表示している

100

ymrl @ymrl.bsky.social · 04/05/2026

健康的な連休生活を送っています

プラン使用制限Pro
現在のセッション
2時間49分後にリセット
100% 使用済み

010

ymrl @ymrl.bsky.social · 11/04/2026

あしたの技術書典20オフライン会場のおしながきです。ブース番号は「う09」サークル名は「20 Hour Exception」です。お待ちしてます。 #技術書典

う09 20 Hour Exception

新刊
Accessibility Visualizerの本 800円本文60ページ
ブラウザ拡張機能「Accessibility Visualizer」の開発者本人による、Accessibility Visualizerはじめての、非公式な本。
2000人を超えるユーザーがいて、仕事に活用する人もたくさんいるのに、個人開発なので、ドキュメントが充分にあると言える状態にない。開発者本人しか知らないはずのことがたくさんある。
しかし、ちゃんとしたドキュメントを一人で整備するのはとても大変。そこでまずは気ままにエッセイとして書きました。この形式なら書けるので。
Accessibility Visualizerの様々な機能の話、開発中のエピソード、Webの技術、スクリーンリーダーの事情やWAI-ARIAの仕様など、Webアクセシビリティの深いところを彷徨う本です。

Accessibility VisualizerについてはWebサイトをご覧ください。
https://ymrl.github.io/a11y-visualizer/ja/

既刊（技術書典17 2024年11月）
アクセシビリティを考えはじめるための本
800円本文66ページ
「アクセシビリティ、って何？儲かるの？」「大事そうだけど、何からやればいいかわからない」「いつかやらなきゃ、とは思っているんだけど」……という人のための本です。
実は、アクセシビリティは、みなさんの身近にあふれています。特にインターネットやソフトウェアに関わっているなら、実はすでに誰かにとってのアクセシビリティを提供できているかもしれません。あるいは、ほんの少し手を加えればより幅広い人に届くものかもしれません。
コードは一行も出てきません。アクセシビリティについて、読んですぐに考えはじめられるようになれる本です。

タッチ決済(Visa, Mastercard)・現金使えます
技術書典アプリ以外でお支払いの方には電子版のダウンロードカードをお渡しします

185

ymrl @ymrl.bsky.social · 12/02/2026

旅先で寄りたい場所

040

ymrl @ymrl.bsky.social · 27/11/2024

最近オフィスの前の噴水が鳩の水浴びスポットになっててめっちゃいい

0201

ymrl @ymrl.bsky.social · 25/11/2024

「大きくて摩擦係数の高いマウスパッドがほしい」って言ってたら @tdtds.jp さんに（有償で）作ってもらえて大満足

ベージュ色の革製のマウスパッドの上に、黒いLogicoolのマウスが置かれている。木目調の机の上で斜めに撮影してある。

060

ymrl @ymrl.bsky.social · 17/11/2024

これは明らかに飲酒運転やってる車

「ちいかわ」の「くりまんじゅう」のトミカ。奥にトミカの入っていた箱。トミカはボンネット部分が栗まんじゅうの顔になっている

0112

ymrl @ymrl.bsky.social · 02/11/2024

#技術書典17 オフライン会場 [さ13] 20 Hour Exception お品書き画像です。「アクセシビリティを考えはじめるための本」を出品します。コードの出てこない、アクセシビリティという「視点」を獲得するための本です。 #技術書典オンライン販売はこちらです techbookfest.org/product/2KX3...

さ13 20 Hour Exception
技術書典17 新刊
アクセシビリティを考えはじめるための本
ymrl 著
（表紙には、大きな山が中央にそびえる島の画像があしらわれている）
ソフトウェアの開発者がアクセシビリティの視点を獲得するための、コードの出てこないアクセシビリティの入門書です。
アクセシビリティは、多様なユーザーの多様なニーズに対応できる、その幅の広さです。この本ではアクセシビリティについての基礎的な知識を解説しつつ、「使えない・使いづらい」状況がどんなものなのかを解説し、アクセシビリティの高いソフトウェアを開発していくために考えるべき、さまざまなヒントを紹介します。
紙版+電子版800円
現金でのお支払いの場合は紙版のみとなります

175

ymrl @ymrl.bsky.social · 29/08/2023

ジャパニーズ・トラディショナル・ハン・チャン・ラーメン

090

ymrl @ymrl.bsky.social · 23/08/2023

生き方を学びに来ました……

020