Katashin (@ktsn) profile picture

Katashin

@ktsn

複雑な UI をシンプルな設計に落とし込むことに興味を持ってる Web エンジニアです。

katashin.info
Joined September 2010
  • Tweets88.5K
  • Following919
  • Followers1.8K
2KMedia
Photo by Katashin (@ktsn)Photo by Katashin (@ktsn)Photo by Katashin (@ktsn)Photo by Katashin (@ktsn)Photo by Katashin (@ktsn)Photo by Katashin (@ktsn)Photo by Katashin (@ktsn)Photo by Katashin (@ktsn)Photo by Katashin (@ktsn)Photo by Katashin (@ktsn)
今日の懇親会で話した動画 developer.apple.com/videos/p…

Designing Fluid Interfaces - WWDC18 - Videos - Apple Developer

Discover the techniques used to create the fluid gestural interface of iPhone X. Learn how to design with gestures and motion that feel...

developer.apple.com
1
7
587
Katashin retweeted
つじ (@t0daaay) profile picture
つじ@t0daaayOct 24
今日の登壇スライドです！ #vuefes speakerdeck.com/bengo4com/20…
決定的なフロントエンドアーキテクチャがいい

決定的なフロントエンドアーキテクチャがいい

Vue Fes Japan 2026 における、プロダクト開発本部 クラウドサインProduct Engineering部 SWE 辻 佳佑 (t0daaay) による登壇資料です。 【Vue Fes Japan 2026】 …

speakerdeck.com
42
3
316
19,076
Vue Fes で、カスタムブロックに書けるアニメーション用の DSL を作って、今 TS 側に書いてるゴチャゴチャしたコードを宣言的に書けたらいいなという話をしてたけど、ちょうど CSS に Animation Triggers というのが提案されてて興味深かった ift.tt/fZhATGQ
First Public Working Draft: Animation Triggers

First Public Working Draft: Animation Triggers

Defines CSS properties and an API for creating mechanisms that affect animation playback, based on DOM events resulting from user interaction, or on entry/exit of ranges on animation timelines.

w3.org
12
812
思った以上に聴衆がいてビビってましたが、好評だったようで良かったです
2
30
988
なぜその UI アニメーションは気持ちいいのか？のスライドです katashin.info/slides/satisfy… スライド内のデモは以下で見られます (スマホで見てください) vuefes-2026-demo.ktsn55.work… #vuefes #vuefes_cybozu
なぜその UI アニメーションは気持ちいいのか？ (Vue Fes Japan 2026) - Katashin .info

なぜその UI アニメーションは気持ちいいのか？ (Vue Fes Japan 2026) - Katashin .info

Vue Fes Japan 2026 で行った発表のスライドです。気持ちいい UI アニメーションにはどういった要因があるのかを分析し、実際のデモでそれを体験してもらいました。

katashin.info
1
83
2
557
25,251
今週末の Vue Fes で UI アニメーションの話します ift.tt/ko8Ij3s
Katashin

Katashin

なぜその UI アニメーションは気持ちいいのか？

vuefes.jp
18
639
Katashin retweeted
Vue Fes Japan (@vuefes) profile picture
Vue Fes Japan
@vuefesOct 22
／ 📢 Vue Fes Japan 2026 セッション紹介です🎤 ＼ 「なぜそのUIアニメーションは気持ちいいのか?」 サイボウズトラック Katashin @ktsn (kinew CTO) 詳細はこちら✅ 👉vuefes.jp/2026/speaker/ktsn #vuefes
Katashin

Katashin

なぜその UI アニメーションは気持ちいいのか？

vuefes.jp
4
1
15
1,734
最近サーバーとかインフラのコードばかり書いてる気がする
4
403
Katashin retweeted
Hal (@hal_spidernight) profile picture
Hal
@hal_spidernightSep 21
お待たせしました！ Minato .dev#1イベント公開しました！ 港周辺のエンジニア集まれー！🌊 10/13 18:30から開催します！ #minatodev
Image from Hal (@hal_spidernight)
Hal (@hal_spidernight) profile pictureHal
@hal_spidernightSep 21
minato-dev.connpass.com/even… Minato .dev#01 [非公式]Vue Fes Japan直前回！フロントエンド特集 を公開しました！ #minato_dev
Minato.dev#01 [非公式]Vue Fes Japan直前回！フロントエンド特集 (2026/10/13 19:00〜)

Minato.dev#01 [非公式]Vue Fes Japan直前回！フロントエンド特集 (2026/10/13 19:00〜)

# Vue Fes Japan 2026開催までもう少し！🌊 Vue.jsだけでなくフロントエンドについて語りましょう！ # LT募集中 エントリーするにはconnpassのLT枠を選択し、登壇タイトル、プロフィールを入力してください。 募集は先着順となります。 ## セッション・LTについて LTは5分で収まるようお願いします。 ### テーマ例： * Vite Plus,Voidについて...

minato-dev.connpass.com
1
10
21
3,507
Katashin retweeted
じょう (@joe_re) profile picture
じょう
@joe_reSep 23
3年振りにGraphQL Tokyo開催します！ ご興味ある方はぜひー #graphql #geaphqltokyo meetup.com/graphql-tokyo/eve…
Meetup #22 Lightning talks, Thu, Oct 22, 2026, 7:00 PM | Meetup

Meetup #22 Lightning talks, Thu, Oct 22, 2026, 7:00 PM | Meetup

3年振りのGraphQL Tokyo です！ 今回はLT大会やります！ 連絡に利用しますので、参加申込後に案内される URL から Discord への参加をお願いします。 5～15分程度で、内容は GraphQL に少しでも関連していればどういった切り口でも構いません。 発表内容は GraphQL に関連していれば自由、時間も柔軟に対

meetup.com
1
8
1
25
4,173
Agentic Coding、コンパイラーに例える人をよく見るけど、そっちじゃなくて漢字のほうが近い気がする。PC やスマホが普及して漢字は書けなくなったけど、入力はできるし、何となく読める、でも細部はあんまり覚えていないっていう感覚が近いなーと。
2
466
𝑃𝐸𝑅𝐹𝐸𝐶𝑇 𝐵𝐼𝑅𝐷 𝑇𝐼𝑀𝐸
Image from Katashin (@ktsn)
4
304
Vue Fes Japan 2026タイムテーブル徹底解説で使ったスライドを公開します。セッション選択の参考にしてください！ speakerdeck.com/448jp/vue-fe… #vuefes
Vue Fes Japan 2026 タイムテーブル徹底解説

Vue Fes Japan 2026 タイムテーブル徹底解説

2026/9/15 非公式 Vue Fes Japan 2026 タイムテーブル解説会

speakerdeck.com
15
1
27
3,319
iPhone Duo のやつを勉強がてら実装したやつ ktsn.github.io/iphone-duo-fo…
2
9
1,456
Katashin retweeted
infixer (@ryo__kts) profile picture
infixer@ryo__ktsSep 16
本日はありがとうございました！発表資料です！ speakerdeck.com/ryokatsuse/w… #web_ui_devs
Web Haptics APIを語りたい

Web Haptics APIを語りたい

speakerdeck.com
11
39
3,910
またスライドに数式入れちゃって聴衆おいてきぼり事案が発生しそう
2
369
Swift に所有権入ったんだ ift.tt/sVFfB2M
swift-evolution/proposals/0377-parameter-ownership-modifiers.md at main · swiftlang/swift-evolution

swift-evolution/proposals/0377-parameter-ownership-modifiers.md at main · swiftlang/swift-evolution

This maintains proposals for changes and user-visible enhancements to the Swift Programming Language. - swiftlang/swift-evolution

github.com
4
30
2,274
slideシェアです speakerdeck.com/ts020/hrc-fr… #fec_fukuoka
HRC_Frontend_Conference_Fukuoka_2026.pdf

HRC_Frontend_Conference_Fukuoka_2026.pdf

speakerdeck.com
17
1
41
2,682
まだ枠空いてるのでぜひ…！ ui-devs.connpass.com/event/4… ift.tt/ahjoVBk
Web UI 実装勉強会 #4 (2026/09/16 19:30〜)

Web UI 実装勉強会 #4 (2026/09/16 19:30〜)

## イベント概要 Web フロントエンドの中でも UI 実装の知見の共有を目的とした勉強会です。具体的には、以下のような話題を想定しています。 * こういう UI を作ってみたという紹介 * 特定の UI の実装方法 * UI の実装に役立つテクニック、デザインパターン、アルゴリズム * アニメーション、インタラクション、フィードバック * UI の実装に関わる設計手法 * などなど...

ui-devs.connpass.com
2
1
452
iPhone Duo のアニメーションに感銘を受けたので今度はその話をするか
285
Load more