Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

clockmaker's profile picture

池田 泰延

31,605 subscribers

113,310 Aufrufe • vor 5 Monaten •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

HTML・CSSで作るメニューUI。 ヒットエリアを▷に拡張することで、マウス操作での使い勝手が良くなります。
0:39

HTML・CSSで作るメニューUI。 ヒットエリアを▷に拡張することで、マウス操作での使い勝手が良くなります。

池田 泰延

79,843 Aufrufe • vor 1 Monat

CSSのeaseで失敗しないコツ。 私の経験則ですが、ウェブのUIには、linearやease-outを避けるのが吉。比較動画で解説します。
0:40

CSSのeaseで失敗しないコツ。 私の経験則ですが、ウェブのUIには、linearやease-outを避けるのが吉。比較動画で解説します。

池田 泰延

20,865 Aufrufe • vor 5 Monaten

CSSだけでスクロール連動アニメーションを作れる Scroll-driven Animations のジェネレーターを作りました。 設定を変えると、プレビューとCSSが一緒に変わります。 現在開いているブラウザが対応しているかもでます！ #CSS
0:51

CSSだけでスクロール連動アニメーションを作れる Scroll-driven Animations のジェネレーターを作りました。 設定を変えると、プレビューとCSSが一緒に変わります。 現在開いているブラウザが対応しているかもでます！ #CSS

長谷川喜洋★星のソムリエ®/HASEGAWA Yoshihiro

60,029 Aufrufe • vor 2 Monaten

【速報】ウェブ版ChatGPTにも「画面共有機能」追加の兆し 先ほど、ウェブ版ChatGPTでボイスモードを開いてみたところ、新しく「画面共有機能」のUIが表示されました。 現時点ではUIのみが確認でき、実際の機能はまだ使えませんが、リリース間際と見られます...!! ↓↓↓
0:34

【速報】ウェブ版ChatGPTにも「画面共有機能」追加の兆し 先ほど、ウェブ版ChatGPTでボイスモードを開いてみたところ、新しく「画面共有機能」のUIが表示されました。 現時点ではUIのみが確認でき、実際の機能はまだ使えませんが、リリース間際と見られます...!! ↓↓↓

AGIラボ

69,962 Aufrufe • vor 1 Jahr

UnityでUIレイアウトする時に使える9つのテクニックを忙しい社会人のためにショート動画でまとめました。 UIをあまり組んだことのないエンジニア、デザイナーに向けてすぐに使えて効果の出るものばかりを厳選しています。 ゲーム開発の現場だとUIは組めて当たり前的な雰囲気を感じることが多いので、苦手な人はぜひキャッチアップしてみて。
1:23

UnityでUIレイアウトする時に使える9つのテクニックを忙しい社会人のためにショート動画でまとめました。 UIをあまり組んだことのないエンジニア、デザイナーに向けてすぐに使えて効果の出るものばかりを厳選しています。 ゲーム開発の現場だとUIは組めて当たり前的な雰囲気を感じることが多いので、苦手な人はぜひキャッチアップしてみて。

オオバ | AI時代のゲーム開発

12,468 Aufrufe • vor 1 Jahr

この前の弾き合い会の動画をupしてみました💦 私が弾くとそんなに素敵に聴こえないけど、ガジェヴさんが弾くこの曲を聴いたのが、2021年に🎹再開したきっかけです☺ ちゃんと弾けるようになるまで諦めずに頑張ります♪
2:20

この前の弾き合い会の動画をupしてみました💦 私が弾くとそんなに素敵に聴こえないけど、ガジェヴさんが弾くこの曲を聴いたのが、2021年に🎹再開したきっかけです☺ ちゃんと弾けるようになるまで諦めずに頑張ります♪

ERI

37,123 Aufrufe • vor 1 Jahr

GPT4Vを使って、AIでFigmaのデザインからコードを生成するプラグインを作ってみました！🎉 通常のプラグインと比べ、プロンプトを書くことでnextjs, Tailwind CSS, flutter, swift uiなど様々なコードで出力することができるようになりました🙌 需要ありそうだったら、プラグインとして公開しようと思います。ニーズが気になるので、シェアしてもらえると嬉しいです😇
0:37

GPT4Vを使って、AIでFigmaのデザインからコードを生成するプラグインを作ってみました！🎉 通常のプラグインと比べ、プロンプトを書くことでnextjs, Tailwind CSS, flutter, swift uiなど様々なコードで出力することができるようになりました🙌 需要ありそうだったら、プラグインとして公開しようと思います。ニーズが気になるので、シェアしてもらえると嬉しいです😇

トミー

340,587 Aufrufe • vor 2 Jahren

かかとがない靴のmGearリグ foot_loc の子に control_01 を追加し IK Ref に foot_loc と local を設定することで 着脱の切り替えができるようになります #maya3d #mgear
0:38

かかとがない靴のmGearリグ foot_loc の子に control_01 を追加し IK Ref に foot_loc と local を設定することで 着脱の切り替えができるようになります #maya3d #mgear

GACCHI

107,842 Aufrufe • vor 1 Jahr

ちなみにRCフィルターの値を−8にするとこんな感じのエイムになります。まじで人間ができるエイムの範疇超えてるわこれ
1:06

ちなみにRCフィルターの値を−8にするとこんな感じのエイムになります。まじで人間ができるエイムの範疇超えてるわこれ

ときま

280,615 Aufrufe • vor 4 Monaten

線路ジェネレーターをリリースしました！ カーブを線路に変換することができます。 追加アセット無しで、シーンに余計なものを追加せずに使えるのがこだわりポイントです。 #blender #3DCG
1:01

線路ジェネレーターをリリースしました！ カーブを線路に変換することができます。 追加アセット無しで、シーンに余計なものを追加せずに使えるのがこだわりポイントです。 #blender #3DCG

藤田将

122,345 Aufrufe • vor 1 Jahr

夏休みに親子で盛り上がる、超おすすめボードゲーム！！ プラネピタ🪐 指で駒を弾いて陣地を狙え！カーリングみたいで楽しい✨絶妙なルールのひねりで、大人もガチハマりします！ アナログならではの“手ごたえ”がクセになる…
0:38

夏休みに親子で盛り上がる、超おすすめボードゲーム！！ プラネピタ🪐 指で駒を弾いて陣地を狙え！カーリングみたいで楽しい✨絶妙なルールのひねりで、大人もガチハマりします！ アナログならではの“手ごたえ”がクセになる…

せとのボードゲーム紹介

16,539 Aufrufe • vor 1 Jahr

先月のことですが、ユウゴウパズルを少しだけ アップデートしました…！ ・タイトルロゴを少し調整 ・欧文フォントの差し替え ・UIアニメーションを調整 より快適に遊べるようになったと思います…！
1:09

先月のことですが、ユウゴウパズルを少しだけ アップデートしました…！ ・タイトルロゴを少し調整 ・欧文フォントの差し替え ・UIアニメーションを調整 より快適に遊べるようになったと思います…！

たつなみ

470,520 Aufrufe • vor 7 Monaten

キャッチアップしたい2026年のCSSをまとめました。 JavaScruot無しで作れる機能がふえ、コード量が減り、モーションを作りやすくなっているのが特徴です。
1:28

キャッチアップしたい2026年のCSSをまとめました。 JavaScruot無しで作れる機能がふえ、コード量が減り、モーションを作りやすくなっているのが特徴です。

池田 泰延

28,326 Aufrufe • vor 4 Monaten

ヘルスバーの表示モードテスト。 視認性の重視の設定として、ヘルス値のみを表示するオプションを作成。 プレイヤーによって好みが別れそうなUI部分はできる限り切り替えできるようにしていきます。 他には、ダメージ表示、スローモーションのオンオフとか？ #SaviorS #UI
1:17

ヘルスバーの表示モードテスト。 視認性の重視の設定として、ヘルス値のみを表示するオプションを作成。 プレイヤーによって好みが別れそうなUI部分はできる限り切り替えできるようにしていきます。 他には、ダメージ表示、スローモーションのオンオフとか？ #SaviorS #UI

Ouloboros | SaviorS Dev

32,528 Aufrufe • vor 6 Monaten

デモを作るのに気合を入れすぎてしまってかなり複雑になってしまい、すべてを細かく解説することはできないんですが、実現するための道具と考え方をしっかり解説したいと思います。 デモはこちら↓ アニメーション、インタラクションともにCSSのみで動いています。JSは使っていません。
0:21

デモを作るのに気合を入れすぎてしまってかなり複雑になってしまい、すべてを細かく解説することはできないんですが、実現するための道具と考え方をしっかり解説したいと思います。 デモはこちら↓ アニメーション、インタラクションともにCSSのみで動いています。JSは使っていません。

Takumi HASEGAWA (unshift Inc.)

78,220 Aufrufe • vor 1 Jahr

「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が綺麗なまま、静かに使われなくなっていきます。
0:53

「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 Aufrufe • vor 7 Monaten

＼レンジで簡単！／ マグカップで作る 「お手軽フレンチトースト🍞」 1人分のフレンチトーストが マグカップで簡単に作れる！ 余計な待ち時間なしで、コーヒーと相性抜群のお手軽フレンチトーストが作れます。レンジで熱を加えることで、卵液がパンにジュワッと染み込む♪ ▽詳しいレシピはツリーで
0:46

＼レンジで簡単！／ マグカップで作る 「お手軽フレンチトースト🍞」 1人分のフレンチトーストが マグカップで簡単に作れる！ 余計な待ち時間なしで、コーヒーと相性抜群のお手軽フレンチトーストが作れます。レンジで熱を加えることで、卵液がパンにジュワッと染み込む♪ ▽詳しいレシピはツリーで

【公式】UCCドリップポッド

1,192,406 Aufrufe • vor 7 Monaten

メイド服を着ると足取りが軽くなるのです
0:30

メイド服を着ると足取りが軽くなるのです

メイドのはんな

92,780 Aufrufe • vor 6 Monaten