サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
●はてなブックマークって？
●アプリ・拡張の紹介
●ユーザー登録
●ログイン
●ログアウト
検索対象
●すべて
●タグ
●タイトル
●本文
並び順
●新着
●人気
ブックマーク数
●1 user
●3 users
●50 users
●100 users
●500 users
セーフサーチ
●オン
●オフ
期間指定
●すべて
●1週間
●1ヶ月
●1年
まで
1 - 10 件 / 10件
新着順
人気順
絞り込み
検索対象
ブックマーク数
期間
セーフサーチ
uiの検索結果1 - 10 件 / 10件
●
247 users
●
tabi-labo.com
●
暮らし
●2024/07/20
日本でも﹁Apple Vision Pro﹂が発売されるなど、空間コンピューティングが身近な存在になりつつある。となれば、そう遠くない未来パソコン作業は間違いなく、バーチャル空間で行うのがスタンダードになるはずだ。 それを予感させる次世代の“一手”が登場した。
●AR
●ディスプレイ
●あとで読む
●VR
●PC
●技術
●パソコン
●UI
●
145 users
●
www.publickey1.jp
●
テクノロジー
●2024/07/23
Google、アプリ実行時に生成AIが適切なUIを構成し動的生成する﹁AI Generated UI﹂発表 基本的に、アプリケーションのユーザーインターエイス︵UI︶は開発時に設計され実装されて、その実装通りに実行時に表示されるものです。 しかしこのUIを開発時ではなく、アプリケーションの実行時に生成AIが適切に構成して動的に生成し表示する﹁AI Generated UI﹂という仕組みを、Googleがインドのバンガロールで行われたイベント﹁Google I/O Connect Bengaluru 2024﹂で発表しました。 現時点でAI Generated UIはFlutterフレームワークの上にアーリープレビューとして実装されており、ユーザーの意図に基づいてFlutterが動的にUIコンポーネントとレイアウトを構成し、ユーザーにパーソナライズされた最適なUIを表示すると説明されています
●AI
●あとで読む
●google
●UI
●人工知能
●開発
●
123 users
●
coliss.com
●
テクノロジー
●2024/07/22
最近のWebサイトやスマホアプリでよく使用されるお弁当箱のようなBento UIやカード型、ヘッダ・サイドバー・メイン・フッタなどのレイアウトを確認しながら、CSS Gridのコードを生成できる無料オンラインツールを紹介します。 使い方は非常にシンプルで簡単、生成されるコードもシンプルでさまざまなプロジェクトで利用できます。 CSS Grid Generator Bento UIの実装については、Bento UIとはパネルが伸び縮みしながら配置が入れ替わるお弁当箱みたいなUIをご覧ください。 CSS Grid Generatorは、CSS Gridで実装するレイアウトのコードを簡単に生成できるオンラインツールです。このジェネレーターを使用すると、列数・行数・ギャップサイズを設定し、自由にレイアウトを構築できます。
●css
●ツール
●generator
●あとで読む
●grid
●レイアウト
●UI
●HTML・CSS
●ジェネレーター
●便利
●
67 users
●
photoshopvip.net
●
テクノロジー
●2024/07/24
開発者にとっていかに早くWeb制作を進められるかは、永遠のテーマと言えます。 この記事ではWebサイト制作を効率化、爆速にするTailwind CSSのUIコンポーネント集、便利ツールをまとめてご紹介します。 表現したいレイアウトをコピペのみで実現でき、これまでかかっていたサイト制作時間を劇的に削減します。 おしゃれなWebサイトを素早く開発できるUIコンポーネント素材、あなたはいくつ知っていますか。 Tailwind CSSの便利UIコンポーネントまとめTailwind UIMagic UIDyna UIAnimataPrelineMamba UIFlowbiteDaisy UISailboat UIMeraki UITail-KitReact AriaWicked BlocksTailwind Starter KitWindstaticMyna UITailwind StampHype
●Tailwind
●css
●あとで読む
●UI
●ツール
●便利
●
55 users
●
gigazine.net
●
学び
●2024/07/20
ユーザーをだまして判断を誤まるように誘導するような、悪意のあるウェブサイトのデザインを﹁ダークパターン﹂といいます。ダークパターンは、ユーザーのプライバシーを侵害したり、ユーザーにより多くのお金を使わせようとしたりするため、問題視されています。そんなダークパターンに該当するさまざまなケースをまとめたサイト﹁Dark Patterns Hall of Shame(HOS)﹂が公開されています。 Collection of Dark Patterns and Unethical Design https://hallofshame.design/collection/ ◆しつこい要求 ﹁しつこい要求﹂は、アプリやウェブサイトで通知や連絡先へのアクセス許可をユーザーに何度も求めるという手口です。ユーザーは何度も拒否しますが、最終的には根負けして許可してしまうケースがよくあります。 HOSはTik
●UI
●作法
●UX
●design
●web
●あとで読む
●デザイン
●まとめ
●Microsoft
●
40 users
●
coliss.com
●
テクノロジー
●2024/07/23
WebサイトやスマホアプリのUIにアニメーション、エフェクト、インタラクションを簡単にコピペで実装できるコードをまとめたAnimataを紹介します。 112種類のアニメーション化されたUIコンポーネントが揃っており、見ているだけでもインスピレーションが刺激されます。 Animata Animata -GitHub Animataの特徴 Animata化されたUIコンポーネント animataの使い方 Animataの特徴 Animataは、WebサイトやスマホアプリのUIに使用されるアニメーション、エフェクト、インタラクションを簡単にコピペで実装できるコードを提供しています。 MITライセンスで、個人でも商用プロジェクトでも無料で利用できます。 AnimataはUIライブラリではありません。UIに動きを与えるためのコード集なので、他のUIライブラリやデザインシステムと一緒に使用できます。カ
●css
●アニメーション
●javascript
●UI
●あとで読む
●デザイン
●webdesign
●webデザイン
●開発
●
24 users
●
av.watch.impress.co.jp
●
テクノロジー
●2024/07/23
●Amazon
●AI
●UI
●人工知能
●アプリ
●
19 users
●
note.com/yotsukura
●
テクノロジー
●2024/07/24
株式会社アンドパッドでUIデザイナーをしている、よつくらです。 2024年の7月、おそらく3年ぶりにアンドパッドで運用しているデザインシステムの、網羅的なカラーパレットを作成しなおしました。今回、カラーパレットのコントラスト比を揃えるのにOKLCHカラースペースが便利だったので紹介します。 網羅的なカラーパレットのコントラスト比を揃える前回カラーパレットを作成したとき、1段階目の網羅的なカラーパレットと、2段階目の意味を持ったカラーパレットを作成しました。そのときの学びは下記のnoteにまとまっています。1段階目の網羅的なカラーパレットについて、色相の異なる色同士で同じコントラスト比を保っておいた方が、UIコンポーネントを作成するときに便利です。 毎回コントラスト比の計算で悩むのは嫌だ例えば上の図のように、いろいろな色で使えるタグコンポーネントを設計するときのことを考えてみましょう。 こ
●UI
●あとで読む
●デザイン
●design
●
5 users
●
developers.cyberagent.co.jp
●
テクノロジー
●2024/07/19
ジャンプTOON アプリチームの吉田航己(@koki8442)です。5月にサービスを開始した ﹁ジャンプTOON﹂ では、モバイルアプリを Flutter で開発し、通信には GraphQL を用いています。 本記事では GraphQL の解説、Flutter アプリで GraphQL を活用する際の工夫点や開発の知見を紹介していきます。 目次 GraphQL の概要 ジャンプTOON アプリでの GraphQL の使用 Flutter で GraphQL を使うメリット Flutter × GraphQL 開発の工夫 おわりに 参考文献 GraphQL の概要 GraphQL は Meta 社が REST の問題点を解決するために開発した API クエリ言語およびランタイムです。その概念は特定の言語やデータベースなどに依存するものではなく、ビジネスドメインのデータを Node とE
●Flutter
●api
●ui
●tips
●
3 users
●
t-s-life.hatenablog.com
●
テクノロジー
●2024/07/23
こんばんはユキです。 お庭用のライトが欲しいと思っていたら丁度いいものが見つかりました。 それがこちらです。最近CMも見かけますね。 TEMU︵テム︶ Temu | 最新の衣料品、ビューティ、ホーム、ジュエリーなどを探索 嫁は怪しいと言っていましたが、購入しちゃいました！なぜなら、半額になるクーポンが簡単に手に入ったからです︵笑︶ あれよあれよとみているうちに、これ欲しい！が沢山でてきちゃうんですよ！ しかも、UI︵ユーザーインターフェース︶が最高に使いやすい！UI︵ユーザーインターフェース︶・・・視覚情報における操作性もUIに含まれます。 例えば﹁ボタンがクリックしやすい﹂﹁画面をスクロールしやすい﹂﹁文字を入力しやすい﹂などが挙げられる。 購入しちゃったもの 商品が発送されてからの追跡が細かい！ ピッキング︵物を集める︶待ちまで記載されます。 大体何日ぐらいに届くかも記載されていまし
●UI
1
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
●総合
●一般
●世の中
●政治と経済
●暮らし
●学び
●テクノロジー
●エンタメ
●アニメとゲーム
●おもしろ
●アプリ・拡張機能
●開発ブログ
●ヘルプ
●お問い合わせ
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●公式アカウント
●ホットエントリー
●はてなブログ
●はてなブログPro
●人力検索はてな
●はてなブログ タグ
●はてなニュース
●ソレドコ
Copyright © 2005-2024 Hatena. All Rights Reserved.
設定を変更しましたx
さよならモニター。﹁ARノートパソコン﹂の新時代が到来
Google、アプリ実行時に生成AIが適切なUIを構成し動的生成する﹁AI Generated UI﹂発表
CSS Gridの便利な無料ツールが登場！ レイアウトを確認しながら、コードを生成できる -CSS Grid Generator
コピペで時短、Tailwind CSSおすすめUIコンポーネント、UIキット集、便利ツール︻まとめ︼
まぎらわしいサイトデザインでユーザーをだます﹁ダークパターン﹂いろいろまとめ
これはすごい便利！ WebサイトやスマホアプリのUIに今時のアニメーションやインタラクションを簡単に実装できる -Animata
Amazon、Prime Video向けのUIを大幅刷新、生成AIも導入
カラーパレットのコントラスト比を揃えるのにOKLCHカラースペースが便利だった｜よつくら
ジャンプTOON Flutter × GraphQL ~宣言的なアプリ開発の工夫~ | CyberAgent Developers Blog
TEMU(テム︶でお買い物してみました UIも最高レベルの使いやすさ！商品の状況もすぐに調べられる！欲しいが見つかる！ - サイの遊び場 Family Life