ボタンUIの冪等性の話をしたらVimmerに刺さっちゃった

Transcript

1. 雑LT_study│ at サイボウズ東京オフィス 2026-07-27 Mon. ボタンUIの 冪等性の話をしたら Vimmerに刺さっちゃった # Web

   # Front-end # 初登壇 たと

2. 1. 自己紹介 > たと たと • 東京理科大学 大学院 創域理工学研究科 情報計算科…

   • 自然言語処理を研究する大学院生（修士 2 年） • デザインとWebフロントエンドが好き 𝕏𝕏 @0123tato Web https://tato.bio 雑LT_study│サイボウズ東京オフィス│「ボタンUIの冪等性の話をしたらVimmerに刺さっちゃった」 02 / 12

3. 2. 前提 > 冪等性（Idempotency）とは 冪等性（Idempotency）とは • ある操作を何度実行しても、1 回だけ実行したときと同じ結果（状態）になるという性質 例えば「冪等な」性質を持つものは… 信号の押しボタン

   昔ながらの電気スイッチ 鍵穴に挿すタイプの鍵 雑LT_study│サイボウズ東京オフィス│「ボタンUIの冪等性の話をしたらVimmerに刺さっちゃった」 03 / 12

4. 2. 前提 > 冪等性（Idempotency）とは 冪等性（Idempotency）とは • ある操作を何度実行しても、1 回だけ実行したときと同じ結果（状態）になるという性質 例えば「冪等でない」性質を持つものは… リモコンの電源ボタン

   フラットな電気スイッチ カードタイプの鍵 雑LT_study│サイボウズ東京オフィス│「ボタンUIの冪等性の話をしたらVimmerに刺さっちゃった」 04 / 12

5. 3. 背景 > 非冪等なボタンへの不満 非冪等なボタンへの不満 https://x.com/onisci/status/2068232980397719785 雑LT_study│サイボウズ東京オフィス│「ボタンUIの冪等性の話をしたらVimmerに刺さっちゃった」 05 / 12

6. 3. 背景 > 冪等なボタンへの賛美 冪等なボタンへの賛美 https://x.com/0123tato/status/ 2068572996286255131 雑LT_study│サイボウズ東京オフィス│「ボタンUIの冪等性の話をしたらVimmerに刺さっちゃった」 06 /

   12

7. #. 補足 > タイトル回収 返信 図らずも Vim ユーザーを 傷つけてしまった（？） 雑LT_study│サイボウズ東京オフィス│「ボタンUIの冪等性の話をしたらVimmerに刺さっちゃった」

   07 / 12

8. 4. 言いたいこと Q. あらゆる操作UIは冪等性を持つべき？ Q. いいえ。 雑LT_study│サイボウズ東京オフィス│「ボタンUIの冪等性の話をしたらVimmerに刺さっちゃった」 08 / 12

9. 4. 言いたいこと Q. あらゆる操作UIは冪等性を持つべき？ Q. いいえ。 現在の状態を確認するのにコストがかかる場合は、 冪等性のある操作UIを提供しよう。 雑LT_study│サイボウズ東京オフィス│「ボタンUIの冪等性の話をしたらVimmerに刺さっちゃった」 09

   / 12

10. 4. 言いたいこと 現在の状態を確認するのにコストがかかる場合は、 冪等性のある操作UIを提供しよう。 • 冪等でないUIの例として挙げた • 少なくとも自分は不満を持っていないし、 不満を持つ人のポストのバズも観測していない なぜ許されているのか？

    フラットな電気スイッチ • 部屋を見れば状態がすぐにわかるから 雑LT_study│サイボウズ東京オフィス│「ボタンUIの冪等性の話をしたらVimmerに刺さっちゃった」 10 / 12

11. 4. 言いたいこと 現在の状態を確認するのにコストがかかる場合は、 冪等性のある操作UIを提供しよう。 • テレビは画面が付くまでに時間がかかる • テレビの動作ランプは小さくて見えにくい • 日/英は文字を打つまでわからない

    • タスクバー/メニューバーのIMEアイコンは 小さくて見えにくい なぜ非難されるのか？ リモコンの電源ボタン IMEの切り替え • 状態がすぐにわからないから 雑LT_study│サイボウズ東京オフィス│「ボタンUIの冪等性の話をしたらVimmerに刺さっちゃった」 11 / 12

12. 5. まとめ + 発展 まとめ • 状態（モード）という概念を導入しないで済むなら、なるべく導入しないようにしよう • どうしても状態が必要なら、なるべく冪等性のある状態切替操作を提供しよう •

    状態切替操作を冪等にするのが難しいなら、現在の状態を確認するためのコストを下げよう 発展 • 冪等性のあるトグルスイッチを Web UI で表現してみた 実験場があるので、ぜひお試しください！ https://ui.tato.bio/idempotent-toggle ＼ご清聴ありがとうございました／ 雑LT_study│サイボウズ東京オフィス│「ボタンUIの冪等性の話をしたらVimmerに刺さっちゃった」 12 / 12