サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
●はてなブックマークって？
●アプリ・拡張の紹介
●ユーザー登録
●ログイン
●ログアウト
検索対象
●すべて
●タグ
●タイトル
●本文
並び順
●新着
●人気
ブックマーク数
●1 user
●3 users
●50 users
●100 users
●500 users
セーフサーチ
●オン
●オフ
期間指定
●すべて
●1週間
●1ヶ月
●1年
まで
1 - 9 件 / 9件
新着順
人気順
絞り込み
検索対象
ブックマーク数
期間
セーフサーチ
uiの検索結果1 - 9 件 / 9件
●
147 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
●人工知能
●開発
●
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
●ツール
●便利
●
42 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
●webデザイン
●あとで読む
●デザイン
●webdesign
●開発
●
24 users
●
av.watch.impress.co.jp
●
テクノロジー
●2024/07/23
●Amazon
●AI
●UI
●人工知能
●アプリ
●
17 users
●
tailwindgenie.com
●
テクノロジー
●2024/07/24
Create elegant and sophisticated components in just few prompts
●あとで読む
●
4 users
●
zenn.dev/nari007
●
テクノロジー
●2024/07/20
はじめに GPT-4o miniが発表されたので、APIを使ってNext.js App routerにて簡単なAIチャットページを実装してみました。Vercel AI SDKを使用しています。 以前にも記事を書きましたが実装内容が古くなりましたので新たに記事にしてみました。︵今回はLangChain JSは使っていません︶ GPT-4o mini また、今回はローカルLLM︵Ollama︶でも利用できる内容としています。 ※ マシンスペックが足りないなど環境がない方は、Ollamaの部分は読み飛ばしてください。 以前の記事 読者対象 Next.js開発の経験者 事前準備 OpenAI プラットフォームから API キーを作成＆取得しておく。 https://platform.openai.com/ Ollamaも使いたい場合は起動しておきます。 参考ドキュメント コードを書く ステップN
●
3 users
●
prtimes.jp
●
テクノロジー
●2024/07/25
インプレスグループでIT関連メディア事業を展開する株式会社インプレス︵本社‥東京都千代田区、代表取締役社長‥高橋隆志︶は、Figmaを使ったUIデザインの基本を詰め込んだ実践書﹃Figmaで作るUIデザインアイデア集 サンプルで学ぶ35のパターン﹄を2024年7月23日︵火︶に発売いたします。 ■Figmaを使ったUIデザインの第一歩 近年、Webサービスやアプリにおいて、ユーザーにとって自然で使いやすいインターフェースを設計する﹁UIデザイン﹂が注目されています。本書は、人気デザインツール﹁Figma﹂を使ってWebサービスやアプリのコンポーネント︵要素︶やアイコンなどのUIデザインを学ぶ実践書です。 ■コンポーネントの作成から実装まですべて学べる 前半ではFigmaの基本操作を学びます。UIコンポーネントとスタイルを集めた本書オリジナルのUIキット﹁Stockpile UI︵ストックパ
●あとで読む
●
3 users
●
postd.cc
●
テクノロジー
●2024/07/23
登場以来、Reactはアプリケーションのパフォーマンスを最適化するためのツールを多数供してきました。中には極めて有益でありながら、あまり知られていないものもあります。useDeferredValueはその一つです。このツールは、特定の状況においてユーザーエクスペリエンスを大きく左右することができます。⚡ 筆者は最近このフックを使用し、このブログの厄介なパフォーマンス問題を解決したのですが、そのあまりの効果に衝撃を受けました。低性能デバイスでは反則級の改善が見られ、まるで黒魔術のようでした。 useDeferredValueには若干気後れさせるような評判があり、実際かなり洗練されたツールではあるのですが、正しいメンタルモデルで向き合えば恐るるに足りません。このチュートリアルでは、その仕組みと、アプリケーションのパフォーマンスを劇的に改善させる使い方を詳しく説明します。 問題 数年前、筆者は本
●techfeed
●あとで読む
●
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
Google、アプリ実行時に生成AIが適切なUIを構成し動的生成する﹁AI Generated UI﹂発表
コピペで時短、Tailwind CSSおすすめUIコンポーネント、UIキット集、便利ツール︻まとめ︼
これはすごい便利！ WebサイトやスマホアプリのUIに今時のアニメーションやインタラクションを簡単に実装できる -Animata
Amazon、Prime Video向けのUIを大幅刷新、生成AIも導入
Tailwind Gennie– Generative UI
Next.jsでAI Chat UIを作る︵ローカルLLMとGPT-4o mini︶
Figmaを使ったUIデザインの基本を詰め込んだ﹃Figmaで作るUIデザインアイデア集 サンプルで学ぶ35のパターン﹄を7月23日︵火︶に発売
useDeferredValueを使用してUIを素早く最適化する | POSTD
TEMU(テム︶でお買い物してみました UIも最高レベルの使いやすさ！商品の状況もすぐに調べられる！欲しいが見つかる！ - サイの遊び場 Family Life