そめ (@_tsmd) header
そめ (@_tsmd) profile picture

そめ

@_tsmd

ウェブ（技術）大好きっ子。よいもの作りたい。ユーザーインタフェースやアクセシビリティに関心があり、近ごろはデザインエンジニアとして実装とデザインのあいだを反復横跳びしています。妻と子と猫がいます。

tsmd.jp/
Joined April 2008
  • Tweets52.7K
  • Following738
  • Followers936
1.4KMedia
Photo by そめ (@_tsmd)Photo by そめ (@_tsmd)Photo by そめ (@_tsmd)Photo by そめ (@_tsmd)Photo by そめ (@_tsmd)Photo by そめ (@_tsmd)Photo by そめ (@_tsmd)Photo by そめ (@_tsmd)Photo by そめ (@_tsmd)
htmxの本が6月11日に出ます！ReactやVue「ではない」ウェブアプリケーション開発の本です。htmxそのものの導入方法に加え、背後にある「ハイパーメディアシステム」のシンプルさと強力さをhtmxの作者ら自らが掘り下げて解説している決定版的な一冊です。ぜひお手に取っていただければと思います。
技術評論社 販売促進部 (@gihyo_hansoku) profile picture技術評論社 販売促進部
@gihyo_hansoku12 May 2025
【新刊】2025年6月11日発売『ハイパーメディアシステム──htmxとRESTによるシンプルで軽やかなウェブ開発』本体3,400円+税，Carson Gross，Adam Stepinski，Deniz Akşimşek 著，嶌田喬行 訳，効率的にモダンなインタラクションを記述できるhtmx gihyo.jp/book/2025/978-4-297…
Image from 技術評論社 販売促進部 (@gihyo_hansoku)
4
69
10
223
44,475
💡皆様のアイデアから生まれました 先日、アッカン福岡の予算が厳しい状況をポストした際、コメントで「個人スポンサー枠を作ったらどうか？」というご提案をいただきました。 その温かいお言葉をきっかけに、みんなでイベントを支え合える【個人スポンサー枠】を追加しました！ 公式サイトへの「お名前掲載」や「公式Xでのご紹介」をさせていただきます（ニックネーム等もOK！） イベントを一緒に盛り上げ、支えてくださる方はぜひお力添えをお願いいたします！ お申し込みはこちら👇 forms.gle/K8y9GkaPMHhfv2L5A #a11yconf_fukuoka
アクセシビリティカンファレンス福岡2026 スポンサー申し込みフォーム

アクセシビリティカンファレンス福岡2026 スポンサー申し込みフォーム

2026年11月21日(土)に、福岡市中央区天神のONE FUKUOKA Conference Hallで開催するアクセシビリティカンファレンス福岡2026のスポンサー申し込みフォームです。 先行受付は2026/7/6(月)11:00～、一般受付は2026/7/21(火)11:00～開始となります。 先行受付は2025年のアクセシビリティカンファレンス福岡でスポンサーをしていただいた企業様に...

docs.google.com
1
18
7
30
3,625
そめ retweeted
Vercel (@vercel) profile picture
Vercel
@vercelNov 12
Introducing the UI SDK.
195
379
204
5,723
648,673
【セミナー開催のお知らせ】 この度、トルク初のセミナーを開催いたします！ お客様がアクセシビリティを推進していただく上でトルクがお話ししていることや、 デザインとアクセシビリティを両立していくために意識していることなどをざっくばらんにお話しする予定です。 詳細は、ツリーよりご確認ください。 みなさんのご参加、心よりお待ちしております！ #ウェブアクセシビリティ #ウェブデザイン #トルクセミナー #トルク
Image from 株式会社トルク (@torque_inc)
1
19
5
44
4,093
書籍『創作のためのフォント見本帳』の発売を記念したトークイベントをやります！ 書体デザイナーの @a_110moco、グラフィックデザイナーの @kitaokatao、エディターの河野和史さんをお迎えしてお話をうかがいます。11/30（月）、Studioオフィスにて。ぜひお越しください！ studio.connpass.com/event/41…
青葉台タイポグラフィの夜「書体を選ぶとき、考えること。」──『創作のためのフォント見本帳』出版記念 (2026/11/30 19:00〜)

青葉台タイポグラフィの夜「書体を選ぶとき、考えること。」──『創作のためのフォント見本帳』出版記念 (2026/11/30 19:00〜)

## 概要 Studioが主催する「青葉台タイポグラフィの夜」は、フォント・タイポグラフィ・テキストレンダリングなど、文字表現に関わるデザインや技術について語り合うトークイベントです。 今回は、2026年10月28日にビー・エヌ・エヌより出版された書籍『創作のためのフォント見本帳』の編集・執筆・デザインに関わられた3人のゲストをお迎えし、書体を選ぶとき、何を考えるか？どのように決めるのか？そ...

studio.connpass.com
13
2
30
4,211
w3.org/WAI/update/

What We’re Working On

Find out what we’re doing now at the W3C Web Accessibility Initiative (WAI). Get news and learn about upcoming publications and opportunities to contribute.

w3.org
211
そめ retweeted
TAK (@tak_dcxi) profile picture
TAK
@tak_dcxiNov 10
記事書きました Safari 27.3 betaの「適応型ダークモード」で、ダークモード未対応のサイトが受ける影響と対策 tak-dcxi.com/article/safari-…
Safari 27.3 betaの「適応型ダークモード」で、ダークモード未対応のサイトが受ける影響と対策 – TAKLOG

Safari 27.3 betaの「適応型ダークモード」で、ダークモード未対応のサイトが受ける影響と対策 – TAKLOG

Safari 27.3 betaの「適応型ダークモード」は、ダークモード未対応のサイトを自動で暗くします。実際のサイトでの見え方、変換の仕組み、color-schemeの正しい宣言、起きうる問題をまとめます。

tak-dcxi.com
17
98
6,118
【スポンサー募集について】 実は現在、開催できるギリギリ赤字で踏ん張っている状態です…！ 皆さんとより良いアッカン福岡を作りたいです。 🏆ゴールド、シルバー、ブロンズは【12日(木)〆切】に延長しております。 応援よろしくお願いいたします！🙇🏻‍♀️ 🔗docs.google.com/presentation… #a11yconf_fukuoka
2026_企画概要・スポンサープログラム_アクセシビリティカンファレンス福岡

2026_企画概要・スポンサープログラム_アクセシビリティカンファレンス福岡

アクセシビリティ カンファレンス福岡2026 企画概要・スポンサープログラム アクセシビリティカンファレンス福岡 実行委員会

docs.google.com
1
45
4
37
6,345
そめ retweeted
にしもつ (@24motz) profile picture
にしもつ
@24motzNov 9
Nuime デスクトップ製品版を Microsoft Store で販売開始しました。スクリーンリーダー NVDA の読み上げを手がかりに AI が Windows GUI 操作を支援します。
Image from にしもつ (@24motz)
2
1
3
397
そめ retweeted
Toru KAWAMURA (@tkawa) profile picture
Toru KAWAMURA@tkawaNov 8
遅蒔きながら。はてなブログに投稿しました Kaigi on Rails 2026 で「真のREST 2026」という発表をしました - tkawaのはてぶろ。 tkawa.hateblo.jp/entry/20261… #kaigionrails #はてなブログ
Kaigi on Rails 2026 で「真のREST 2026」という発表をしました - tkawaのはてぶろ。

Kaigi on Rails 2026 で「真のREST 2026」という発表をしました - tkawaのはてぶろ。

10月16日の Kaigi on Rails 2026 で「真のREST 2026」というタイトルの発表をしました。 真のREST 2026 （発表スライド） 内容を詰め込みすぎたため早口になってしまい、特に後半の実験パートがかなり駆け足になってしまいましたが、当日聞いていただいた方はありがとうございました。 詳しい内…

tkawa.hateblo.jp
11
31
2,152
おうちでなくしてしまったスマートリングが見つかりました！ もっちー @motchie のこのリプのおかげです。 nitter.gq/motchie/status/2117856… プログラマさんだと、AIでこういう指示ができるのだなぁ。 すごいなぁ。
Bluetoothの電波強度から紛失したスマートリングを探す「Ring Finder」の画面。周辺デバイスから「bring G1S」を検出し、信号強度はマイナス74dBmで「中程度の信号」と表示されている。画面右側には信号強度の数値と変化を示すグラフがあり、現在もスキャンを続けている。

ALT Bluetoothの電波強度から紛失したスマートリングを探す「Ring Finder」の画面。周辺デバイスから「bring G1S」を検出し、信号強度はマイナス74dBmで「中程度の信号」と表示されている。画面右側には信号強度の数値と変化を示すグラフがあり、現在もスキャンを続けている。

スマートリングの写真

ALT スマートリングの写真

izuizu@🍓*⋆✈︎山本和泉 (@izuizu) profile pictureizuizu@🍓*⋆✈︎山本和泉
@izuizuNov 4
スマートリングを無くした（おうちで。でもどこにもない） 2週間も経ってないのに…
3
2
15
1,426
カーソル形状の変化で伝えられる情報なんて無いのだ。少なくともそう認識すべき。要素選定と見た目で全てを語れ。理想的にはボタンみたいなリンクは避けろ。「カーソルの変化で伝えられる情報は無い」んだから、base appearanceだとしても規定を変えていい道理はない
1
1
13
1,798
規定→既定
228
【ブログ】翻訳特化LLM PLaMo 3 Translateのモデル重みをリリースしました。0.8B / 2B / 8B / 31Bの4パターンで、いずれも世界最高レベルの翻訳能力です。ダウンロードして、ローカルで試せます。開発秘話を描いたTech Blog: preferred.jp/ja/blog/tech/pl… Hugging Face: huggingface.co/collections/p…
PLaMo 3 Translate：世界最高クラスの翻訳特化LLMの重み公開と開発秘話｜株式会社Preferred Networks

PLaMo 3 Translate：世界最高クラスの翻訳特化LLMの重み公開と開発秘話｜株式会社Preferred Networks

Preferred Networksのエンジニア・リサーチャーやインターンが最新の研究成果や技術を解説するテックブログです。

preferred.jp
19
1,858
321
9,352
1,681,465
[CSS] ボタンのcursorはpointerにすべきか | 零弐壱蜂 b.0218.jp/202611030121.html
[CSS] ボタンのcursorはpointerにすべきか | 零弐壱蜂

[CSS] ボタンのcursorはpointerにすべきか | 零弐壱蜂

概要ボタンに cursor: pointer を当てるか迷うことがある。仕様、OSのガイドライン、CSSWGの最新の議論から、どちらを選ぶかの手順と実装例をまとめる。私自身はこれまでBootstrapに倣ってボタンに pointer を当ててきた。しかし、ボタンの既定のカーソルはライブラリごとに異なり、手のカーソルの意

b.0218.jp
17
2
78
5,235
そめ retweeted
ymrl (@ymrl) profile picture
ymrl@ymrlNov 5
これだけスマホが普及した時代に、cursorやhoverでしかインタラクティブ性を表現できてないなら、まずそこに問題がある。え？PC向けだから関係ない？ユーザーはそういうところにもスマホで来ちゃうんだよ。
1
8
70
5,207
クリック可能な要素に対して、それがクリック可能であるというアフォーダンスを与えるのはデザイナーの責務であり、それを cursor: pointer; で解決しようとするのはこれまでの歴史からみて違和感が強いです。
Afifudin 🍉 (@digimushrm) profile pictureAfifudin 🍉@digimushrmNov 2
Replying to @digimushrm
Is this just an image, or a clickable element? 🤔 See? Using `cursor: pointer` only for links and form submit buttons is a bad decission
1
6
27
3,239
計算用紙アプリ「Hissan」をバージョン2.0に更新しました。 方眼の1マスに1つずつ数字を入れて筆算を書く、計算用紙のアプリです。手で数字を書くことに困難がある場合や、桁を意識して筆算を学ぶときのために作っています。 iPadやChromebookのブラウザで使えます。(1/5) calculation-pad.attv.workers…
Hissanの画面。方眼紙に347×26のかけ算と912÷24のわり算の筆算が、1マスに1つずつ数字をそろえて書かれている。くり上がりは、上がった先の位のマスの左上に小さな数字で書き、くり下がりは9に斜線を引いて8と書いている。左に算数キーボード、右上に「共有」ボタンがある。

ALT Hissanの画面。方眼紙に347×26のかけ算と912÷24のわり算の筆算が、1マスに1つずつ数字をそろえて書かれている。くり上がりは、上がった先の位のマスの左上に小さな数字で書き、くり下がりは9に斜線を引いて8と書いている。左に算数キーボード、右上に「共有」ボタンがある。

1
28
2
124
5,235
ざけんなオラァ！
Haz (@diegohaz) profile pictureHaz
@diegohazNov 2
The debate is over, and evil has won. `cursor: pointer` now means clickable. RIP my ability to tell whether ⌘-clicking something will open it in a new window. github.com/w3c/csswg-drafts/…
[css-forms-1] Cursors for base appearance · Issue #14251 · w3c/csswg-drafts

[css-forms-1] Cursors for base appearance · Issue #14251 · w3c/csswg-drafts

Disabled controls should indicate that they are unusable. Proposed to add: :is(input, textarea, select, button):disabled { cursor: not-allowed; } Also and should indic...

github.com
4
13
1,802
👀 keithcirkel.co.uk/form-exten…
223
そめ retweeted
もんど (@momdo_) profile picture
もんど@momdo_Oct 31
はてなブログに投稿しました これからウェブアクセシビリティを学ぶ人のための書籍9選レビュー - 水底の血 momdo.hatenablog.jp/entry/20… #はてなブログ
これからウェブアクセシビリティを学ぶ人のための書籍9選レビュー - 水底の血

これからウェブアクセシビリティを学ぶ人のための書籍9選レビュー - 水底の血

17日のウェブアクセシビリティLT&交流会 vol.12でLTしたスライドをぺたり。想定としては、これからウェブアクセシビリティを学ぶという人を意識した内容にした。 ウェブアクセシビリティまなびTai! by @momdo この9冊はアクセシビリティ関連本を読める図書館関連で取り上げられているものになってる（ブログの中…

momdo.hatenablog.jp
15
34
3,678
Load more