Loading video...

Video Failed to Load

Go Home

CSSで弾みを加えると ウェブのUIが軽快になります

113,421 views • 7 months ago •via X (Twitter)

10 Comments

池田 泰延's profile picture
池田 泰延7 months ago

という内容の記事を書きました! CSSのlinear()でバネの動きをとりいれると、良い感じのUIになります。

池田 泰延's profile picture
池田 泰延7 months ago

デモはシンプルなHTMLで作っています。 HTML・CSSの新しい機能を使えば JavaScriptを大幅に減らせます。

Faisal-Aldosari's profile picture
Faisal-Aldosari7 months ago

Now this is an effect that I can get behind.

池田 泰延's profile picture
池田 泰延7 months ago

Thank you for your comment. Code of these demos were here. 👇

Faisal-Aldosari's profile picture
Faisal-Aldosari7 months ago

Thank you, is there a license if I’d like to include this in my website. I can always pay for permissions.

池田 泰延's profile picture
池田 泰延7 months ago

Please feel free to use it under the MIT License.

Faisal-Aldosari's profile picture
Faisal-Aldosari7 months ago

Okay ty

ZEELE | 情報系大学生's profile picture
ZEELE | 情報系大学生7 months ago

こういうUIいいですね!すごい勉強になります!

Naartjies 🍊's profile picture
Naartjies 🍊7 months ago

Cool animation library, thanks for sharing!

池田 泰延's profile picture
池田 泰延7 months ago

Thank you! I made these demos using only pure CSS and JavaScript.

Related Videos

「SaaS UIの終焉」 SaaSのUIは、静かに、しかし不可逆的に役割を失い始めています。 もはや人は、100個目のSaaSダッシュボードにログインしません。 問題はUIの出来ではありません。 「UIにログインする」という行為そのものが、AI時代のワークフローと噛み合っていないのです。 従来のSaaS UIは、人間が操作することを前提に設計されてきました。 メニューを辿り、フィルタをかけ、画面を遷移し、目的の情報に辿り着く。 これはUI設計というより、「人間に探索させる構造」でした。 しかしAIの登場で、この前提が崩れました。 人は「操作」したいのではなく、「結果」が欲しいのです。 AIはその意図を自然言語で受け取り、最短経路で成果を返すことができます。 その結果、UIは“入口”ではなくなります。 AnthropicのMCP Appsは、その象徴的な例です。 Amplitude、Figma、AsanaといったSaaSは、もはや独立した画面を持つ必要がありません。 Claudeの中で、文脈に応じて呼び出され、操作され、そして消えていきます。 UIは「開くもの」から「出現するもの」へと変わります。 重要なのは、SaaSがチャットに置き換わることではありません。 SaaSの機能が、AIのワークフローの一部として分解・再配置される点にあります。 このとき、UIの価値は劇的に下がります。 美しいダッシュボード、整理されたタブ、丁寧なナビゲーション。 これらは「人間が操作する場合」にのみ意味を持つものです。 AgentはUIを必要としません。 APIがあればそれを使い、なければUI操作、CSV、PDF、メールすら模倣します。 ここで重要なのは「画面」ではなく、「業務が閉じるかどうか」だけになります。 結果として、SaaSはプロダクトではなく「部品」になります。 UI中心のSaaSは、AIに使われるバックエンドへと押し下げられていきます。 System of Recordですら、Agentにとっては読み書き対象の一つに過ぎません。 ここでMoatも移動します。 UIの完成度でも、UXの洗練でもありません。 「どれだけの業務を、どれだけ安定して、AI主導で閉じてきたか」という運用実績だけが残ります。 UIは消えます。 正確には、人間が触る前提のUIが消えていきます。 SaaSの次の競争軸は、 ログイン率でもなく、 ダッシュボードでもなく、 AIのワークフローにどれだけ深く組み込まれているかです。 ここを理解できないSaaSは、 UIが綺麗なまま、静かに使われなくなっていきます。

Taro Fukuyama

339,073 views • 9 months ago