タグ インタラクション
人気順 10 users 50 users 100 users 500 users 1000 users「ちょっといいUI」を目指す努力 / Striving for Little Big Details
2024/10/17
14 users
努力
いいUI
ライトニングトーク
苦悩
観点
ライトニングトーク ｢ちょっといいUI｣を目指す努力 インタラクションの観点から、UIデザインにおける細かな振る舞いやこだわり、苦悩、課題などについて考えます。ライトニングトークでは事例をいくつか紹介します。 （ディスカッションパートの情報は本講演資料には含まれませ… 続きを読む
NTT、世界初のVRゴーグル不要でキャラが飛び出して見える「超鏡空中像表示システム」を開発 鏡の中の映像に「手を伸ばす」インタラクションも可能に
2024/08/01
7 users
VRゴーグル
NTT
キャラ
映像
開発
これはすごい便利！ WebサイトやスマホアプリのUIに今時のアニメーションやインタラクションを簡単に実装できる -Animata
2024/07/23
9 users
animate
インスピレーション
エフェクト
コピペ
コード
WebサイトやスマホアプリのUIにアニメーション、エフェクト、インタラクションを簡単にコピペで実装できるコードをまとめたAnimataを紹介します。 112種類のアニメーション化されたUIコンポーネントが揃っており、見ているだけでもインスピレーションが刺激されます。 Animata Animata -GitHub Animataの特徴 Animata化... 続きを読む
C／C++の脆弱性をLLMで検出 Googleが新研究開発プロジェクト「Naptime」を発表
2024/06/28
16 users
LLM
あー
検出
AIエージェント
脆弱性検出
Googleは2024年6月20日（現地時間）、脆弱（ぜいじゃく）性の検出に大規模言語モデル（LLM）を活用する新しい研究開発プロジェクト「Naptime（お昼寝タイム）」を発表した。 C／C++の脆弱性検出はLLMに任せて“お昼寝しよう” NaptimeはAIエージェントとターゲットコードベース間のインタラクションを中心に構築されたアー... 続きを読む
デジタル庁デザインシステムβ版
2024/05/30
660 users
ユーザビリティ
アクセシビリティ
UIコンポーネント
実装
デジタル庁デザインシステムは、スタイリングの考え方を提供するデザイン言語、情報の視覚表現とインタラクションを具現化するUIコンポーネント、ユーザビリティとアクセシビリティを踏まえた設計や実装のためのガイドラインから構成されるデザインアセットです。 デジタル庁のミッションである「誰一人取り残されない、... 続きを読む
OpenAI、次世代AIモデル「GPT-4o」を発表
2024/05/13
44 users
OpenAI
ＣＴＯ
GPT-4o
視覚
マシン
日本時間2024年5月14日未明、OpenAIは新たなフラッグシップモデル「GPT-4o」を発表しました。このモデルは、音声、視覚、テキストのリアルタイム処理を可能とし、従来のAIモデルを大きく上回る性能を誇ります。OpenAIのCTOであるミラ・ムクティ氏は、「GPT-4oは、人間とマシンのインタラクションの未来を大きく変える一... 続きを読む
TikTokのUIとインタラクションの観察｜鈴木慎吾 / TSUMIKI INC.
2024/02/05
6 users
TikTok
Tsumiki
鈴木慎吾
アクション
観察
今までちゃんと使ったことがなかったTikTokを最近がっつり触ったところ、UIやインタラクションの細かな作り込みに気づくことが多く、発見の連続でした。今後の機能開発やUIデザインの参考にもできそうなので記事にまとめます。 調査期間：2024/1/22 - 1/29 使用環境：iPhone 15、iOS17 1. アクションなしの没入体験TikTo... 続きを読む
デザインの参考になる！ 最近のWebサイトやスマホアプリで見かけるUI、インタラクションがまとめられたギャラリーのまとめ
2023/07/27
9 users
ギャラリ
コンポーネント
アニメーション
レイアウト
アイデア
最近のWebサイトやスマホアプリで見かけるUI、レイアウト、コンポーネント、アニメーション、インタラクションなどがまとめられたギャラリ−を紹介します。 デザインのアイデアを探している時に、ブックマークしておくと便利です。...記事の続きを読む 続きを読む
ユーザーのインタラクションを伴うさまざまなUIコンポーネントをCSSで実装できる軽量フレームワーク -Ellegant CSS
2023/04/09
16 users
トグル
モーダル
UIコンポーネント
CSS
フレームワーク
ハンバーガーメニューを使用したスマホ用のナビゲーション、アニメーションで表示されるモーダル、要素を表示・非表示するトグル、要素を切り替えるスイッチなど、ユーザーのインタラクションを伴うUIコンポーネントをCSSで実装できるフレームワークを紹介します。 Ellegant CSS Ellegant CSS -GitHub Ellegant CSSの特... 続きを読む
HTML要素をグラフィカルにアニメーション化できるJavaScriptライブラリ「Theatre.js」を使ってみた！ - paiza開発日誌
2022/11/09
135 users
グラフィカル
paiza開発日誌
HTML要素
操作
初期設定
どうも、まさとらん（@0310lan）です！ 今回は、HTML要素を簡単にアニメーション化できるJavaScriptライブラリをご紹介します。 初期設定はJavaScriptで書きますが、実際のアニメーション作りに関してはタイムラインエディタを利用した直感的な操作で実現しているのが大きな特徴です。ちょっとしたインタラクションから3... 続きを読む
サブミット (送信) ボタンをデフォルトで無効化しない | Accessible & Usable
2021/10/14
125 users
ユーザーインターフェース
ユーザーエクスペリエンス
ウェブ
公開日 : 2021年10月14日 カテゴリー : ユーザビリティ / アクセシビリティ / ユーザーインターフェース (UI) / ユーザーエクスペリエンス (UX) ウェブのフォームにおいて、サブミットボタンをデフォルトで無効化しておいて、ユーザーの入力不備がなくなったときにボタンを有効化するインタラクションがあります。たとえ... 続きを読む
変幻自在なグラフィック表現！CSS, SVG, Canvasでマスクを使いこなせ - ICS MEDIA
2021/07/02
15 users
canvas
SVG
CSS
アニメーション
マスク
近年、ウェブ技術の発展により、画像の一部だけを表示する「マスク表現」がよく見られるようになりました。一言でマスクと言っても、アニメーションやインタラクションとの組み合わせによりさまざまな表現が可能です。 また、どの技術を用いるかという選択も重要になります。マスク表現はCSS, SVG, Canvas APIといった技... 続きを読む
プロのUIデザイナーに学ぶ！UIとUXの印象がよくなるデザインの知識とテクニックのまとめ vol.5 | コリス
2021/06/08
12 users
コリス
UX Micro-Tips
UIデザイナー
印象
知識
デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 第5弾は、ユーザーエクスペリンスやインタラクションに関するテクニックです。 UI & UX Micro-Tips: Volume Five. by Marc Andrew 下記... 続きを読む
Adobe製品を使わない"デザイナー"？「ビジュアルコーダー」が考える、自己満足で終わらないWebデザインとは | アンドエンジニア
2020/06/16
515 users
アンドエンジニア
デザイナー
えん
Adobe製品
分業体制
Webサイト制作では通常、「デザイナーの作ったデザインをエンジニアが実装する」という分業体制が一般的。 しかし、今回なめサンは、サイトの見た目・動きのデザインから開発まで、すべてひとりで行っている。 優れたアニメーションやインタラクション（ユーザー操作へのフィードバック）をデザインし、自ら実装するエン... 続きを読む
マンガでわかるHCI: 今週のコンピュータサイエンス研究 140字での論文解説 まとめ 6/1-6/7｜マンガでわかるHCI（ヒューマン・コンピュータ・インタラクション）｜note
2020/06/11
9 users
論文
コンピュータサイエンス
実務
大学生
小学生
このnoteでは、最新のコンピュータサイエンスの研究を140字でゆるく解説しつつ、気になる論文にはこういう研究もあるよ、と似てる研究を紹介しています。 分野の中の人も外の人も、実務で忙しい人もそうでない人も、小学生も大学生も、「なるほど、最先端ではこんなことがおきてるんだな。ふむふむ」と感じてもらえたら... 続きを読む
マンガでわかるHCI: 公衆衛生とデータ可視化の歴史｜マンガでわかるHCI（ヒューマン・コンピュータ・インタラクション）｜note
2020/03/20
30 users
HCi
Note
公衆衛生
マンガ
ヒューマン・コンピュータ
新型コロナウイルス感染症については、必ず1次情報として 厚生労働省 や 首相官邸 のウェブサイトなど公的機関で発表されている発生状況やQ&A、相談窓口の情報もご確認ください。※非常時のため、すべての関連記事に本注意書きを一時的に出しています。 さて、世界は今コロナ一色ですね。 日本では少し落ち着きを取り戻し... 続きを読む
[CSS] button要素のスタイルシート、最新テクニックを徹底解説 | コリス
2020/03/19
152 users
コリス
Button
モーダル
button要素
CSS
<button></button>は最も使用されている要素の一つです。フォームの送信、モーダルを開く時、データを表示する時など、インタラクションのトリガーとして使用されています。button要素の詳細とすべてのブラウザで機能するようにスタイルを完璧に定義する方法について紹介します。 さらに、よく使用されるボタンのスタイ... 続きを読む
Adobe XDステート機能を使いこなそう！ - ホバー、カルーセル、ハンバーガーメニューの効率的な作り方 - ICS MEDIA
2020/03/05
11 users
ポパー
カルーセル
ICS MEDIA
ハンバーガーメニュー
Adobe XDステート機能を使いこなそう！ ホバー、カルーセル、ハンバーガーメニューの効率的な作り方 AdobeXD2019年11月の大型アップデートで「ステート機能」が登場し、リッチなインタラクションを作成しやすくなりました。従来はアートボードを複数枚組み合わせて表現するしかなかったのですが、ステート機能の登場によ... 続きを読む
コンピュータサイエンスでPhDプログラムに留学したい方へのアドバイス｜マンガでわかるHCI（ヒューマン・コンピュータ・インタラクション）｜note
2020/03/05
11 users
HCi
Note
コンピュータサイエンス
マンガ
アドバイス
だいぶ音沙汰がなくてすいません... _(. _ .)_ というのも、実は12月ごろから、アメリカでは絶賛就活シーズンでして（Facultyなどのアカデミア就活）、もう忙しいのもあり、ずっと宙ぶらりんの状態が続くのもあり（大体11月ごろから始まって、最終的に決まるのは、4-5月なのです。 長すぎ笑）、博論を書いたりもしない... 続きを読む
マンガでわかるHCI: 今週のコンピュータサイエンス研究 140字での論文解説 まとめ 10/19-10/25｜マンガでわかるHCI（ヒューマン・コンピュータ・インタラクション）｜note
2019/10/28
13 users
論文
コンピュータサイエンス
実務
大学生
小学生
このnoteでは、最新のコンピュータサイエンスの研究を140字でゆるく解説しつつ、気になる論文にはこういう研究もあるよと2-3個似てる研究を紹介しています。 分野の中の人も外の人も、実務で忙しい人もそうでない人も、小学生も大学生も、「なるほど、最先端ではこんなことがおきてるんだな。ふむふむ」と感じてもらえた... 続きを読む
広野 萌 on Twitter: "パスワードフォームのUIとインタラクションについて考える度、わりと毎回同じ結論・同じ仕様にたどり着くので、デザインするとき自分が正解としていること9点まとめて
2019/09/26
74 users
広野
車輪
https
結論
t.co
パスワードフォームのUIとインタラクションについて考える度、わりと毎回同じ結論・同じ仕様にたどり着くので、デザインするとき自分が正解としていること9点まとめてみた。みんなで車輪の再発明やめよ〜！（以下ひとつずつ解説） https://t.co/2S3PlFeQzC 続きを読む
これなら簡単！CSSのみで、ボタンやアイコンに気持ちいいさまざまなアニメーションを加える -UI interactions | コリス
2019/09/13
85 users
コリス
interactions
アロー
class
CSS
ボタンやアイコン、アロー、ハンバーガーメニューなど、UIでよく使用される要素にインタラクションを加えるスタイルシートを紹介します。HTMLはbutton要素だけのシンプルな構成で、classを与えるだけで簡単に利用できます。 UI interactions UI interactions -GitHub UI interactionsは、CSSのみでUIにインタラクション... 続きを読む
マンガでわかるHCI: 今週のコンピュータサイエンス研究 140字での論文解説 まとめ 8/31-9/6｜マンガでわかるHCI（ヒューマン・コンピュータ・インタラクション）｜note
2019/09/09
17 users
論文
コンピュータサイエンス
実務
大学生
小学生
このnoteでは、最新のコンピュータサイエンスの研究を140字でゆるく解説しつつ、気になる論文にはこういう研究もあるよと2-3個似てる研究を紹介しています。 分野の中の人も外の人も、実務で忙しい人もそうでない人も、小学生も大学生も、「なるほど、最先端ではこんなことがおきてるんだな。ふむふむ」と感じてもらえた... 続きを読む
マンガでわかるHCI: クラウドソーシングの歴史｜マンガでわかるHCI（ヒューマン・コンピュータ・インタラクション）｜note
2019/09/02
39 users
HCi
CROWD
群衆
アウトソーシング
外注
クラウドソーシングの歴史クラウドソーシングという言葉。おそらく既にいろいろなところで聞いたことがあるかもしれません。 クラウドソーシングという言葉自体は、「外注」という意味のアウトソーシングと、「群衆」という意味のクラウド（雲やクラウドコンピューティングのCloudではなくCrowdの方）をかけて作られた言... 続きを読む
マンガでわかるHCI: 今週のコンピュータサイエンス研究 140字での論文解説 まとめ 8/17-8/13｜マンガでわかるHCI（ヒューマン・コンピュータ・インタラクション）｜note
2019/08/25
24 users
論文
コンピュータサイエンス
実務
大学生
小学生
このnoteでは、最新のコンピュータサイエンスの研究を140字でゆるく解説しつつ、気になる論文にはこういう研究もあるよと2-3個似てる研究を紹介しています。 分野の中の人も外の人も、実務で忙しい人もそうでない人も、小学生も大学生も、「なるほど、最先端ではこんなことがおきてるんだな。ふむふむ」と感じてもらえた... 続きを読む