Google、WebUIの自動生成ツール「Stitch」をベータ公開。自然言語で指示するとHTML/CSSを生成
Googleは日本時間5月21日未明に開幕した年次イベント「Google I/O 2025」で、自然言語で指示を入力すると自動的にWeb UIを生成するツール「Stitch」のベータ公開を発表しました。 StitchはもともとGalileo AI社が提供する同名の「Galileo AI」と呼ばれるサービスでした。これをGoogleが買収し、Geminiをベースにしたサービスにしたものと言えます。 Stitchのデモ画面 下記がStitchの画面です。左側に例（Examples）が並び、右側にはプロンプトの入力欄があるというシンプルなものです。 これから作成するUIがデスクトップ版かモバイル版かを選択可能。また、生成AIとしてGemini 2.5 Flashを使う「Standard Mode」、より忠実なデザインかつ画像見本からもUIを生成できる「Experimental Mode」が選択で
UIテストはもうMaestroでいいのかもしれない話
menu基盤チームによるGoogle Cloudの活用事例~Application Integration, Cloud Tasks編~
Python(Flet)でリアクティブなUIを作る方法を考える - Qiita
前置き 前回この記事を書いた者です。意外と需要があったようで正直驚きました。 現在は本格的にFletを使った業務アプリの開発に取り組んでいるのですが、今回はそこで得た技術的知見を共有したいと思います。 したがって、前回の記事の10倍位は中身に踏み込んだ話になります。 基本的な資料は他の方がQiita等に記事を上げていますのでそちらをご参考に。 Fletが如何ほどの物なのか知りたい方は是非最後までご覧ください。 経緯 詳細は先ほどの記事に書いておりますが、 事の発端は、業務効率化の一環で「業務の自動実行」ができるアプリを開発しようと考えたところから始まります。 自動化できる部分はPythonで自動化し、出来なかった部分はアプリ上(GUI上)で業務支援ができるようにしたかったのです。 GUI部分をC#(WPF)やJavaScript(Electron)を使用して実装する事も考えましたが、チーム
楽天市場はなぜ「アマゾンより使いにくい」のか、IT批評家が徹底検証
日本で「二大ECモール」といえば楽天市場とアマゾンだ。しかし、少なくとも筆者がよく買うガジェットなどの購入体験では、明らかに楽天市場よりもアマゾンの方が勝っている。その理由について、実際の購入シーンを踏まえて徹底検証した。（ビジネス書作家 戸田 覚） 楽天市場よりアマゾンの方が 明らかに勝っている理由 日頃からインターネットショッピングをする機会が多いのだが、個人的にはアマゾンをよく利用している。大ざっぱな割合でいうと、アマゾン7割、楽天市場1割、その他2割といったところだろう。その他は、メーカーなどの直販サイトだ。 EC（電子商取引）モールとしてはみなさんおなじみなのが、アマゾンと楽天市場だ。ところが、僕がよく買うガジェットなどの購入体験では、明らかにアマゾンの方が勝っているので、今回はそのあたりを掘り下げていきたい。
松屋の券売機が「最悪のUI」「使いにく過ぎる」と話題に 松屋に見解を聞いてみるも「回答は難しい」
飲食チェーンの「松屋」で使用されている券売機に、「最悪のUI」「触れる者全員に困惑を与える」など不満の声が集まっています。この件について松屋に取材を試みましたが、「回答は難しい」として回答は得られませんでした 2021年ごろから縦長画面の券売機が登場していましたが、最近になり新型券売機が登場。この新型の券売機が、特に使いにくいと話題になっています。 不満の内容は多岐にわたり、商品の宣伝のような大きなバナーが邪魔、「全取消」ボタンが間違えて押してしまいそうな位置にある、「ご一緒にいかがですか？」に表示されたサラダを購入するとサラダが2つになるケースがある、ボタンの配置がバラバラ過ぎるなどさまざま。 1つ1つの不備はそこまででもないのかもしれませんが、それらが積もり積もって全体として「使いにくい」と感じさせる要因になっているようです。中には、「わざと使いにくくしてモバイルオーダーにシフトさせた
ChatGPT風の画面を表示できるChatbot UIをFastAPIで作成した自作LangChainサーバに接続させる方法｜mah_lab / 西見 公宏
ChatGPT風の画面を表示するOSSがいくつか出てきている中で、コードの読みやすさと操作性を比較した上でオススメしたいのが、Next.jsで書かれているChatbot UIというOSSだ。 ローカルでサクッと起動ができ、立ち上がるとこんな画面が表示される。 ChatGPTの画面とうり二つOpenAIのAPI Keyを入力すれば簡単にOpenAIのチャットモデルと接続される。API接続のChatGPTなので、本家のChatGPTよりはやりとりできる文字量が制限されるものの、本家のChatGPTではセンシティブな情報を扱うことができないため、API接続のUIにも価値はある。 ところでこのChatbot UI、ソースコードを読んでみると環境変数でAPI接続先を差し替えることができるようになっている。process.env.OPENAI_API_HOSTの部分だ。 utils/app/const
LLMが変える、ユーザインターフェースの未来｜Ryoichi Takahashi │ 株式会社Algomatic Works
こんにちは、高橋と申します！ 2022年末からChatGPTをはじめとしたAI技術が爆発的に普及しはじめ、とてもワクワクしながら毎日を過ごしています。 本日は、昨今のAI技術がユーザインターフェースにどんな変化をもたらすか？という観点から記事を書いてみました。 CUI→GUI→NUI→？人間とコンピュータの接点であるユーザインターフェースは、その時代の最新技術を取り込むかたちで、これまで進化を遂げてきました。 70年代ごろ：CUI（Character User Interface） キーボードを使用した文字によるコマンド入力 いわゆる"黒い画面"のユーザインターフェース 80年代ごろ：GUI（Graphical User Interface） マウスなどのポインティングデバイスによる操作 画像や記号を用いて、情報を“モノ”として直感的に扱うユーザインターフェース 現代：NUI（Natura
これだけは押さえよう！住所フォームの作り方 - ケンオールブログ
まとめ 住所フォームの作り方 住所フォームを作るときには以下の4つを押さえましょう。 オートコンプリート機能に最適化する 郵便番号フィールドは1フィールドにしてハイフン有無どちらも対応する モバイルUX優先なら郵便番号が入力されたら即座に補完。精度優先なら郵便番号補完ボタンを設置 住所フィールドは「都道府県」「市区町村」「町名以下」の3フィールドが基本。「建物」フィールドはオプション 本文 地域SNSのユーザー登録、ECサイトの配送先入力、資料請求、自治体サイトでの電子申請など、ウェブサービスを活用する上で住所入力は欠かすことができません。 住所入力をシンプルかつ正確に行えるような入力インタフェース（住所フォーム）は、離脱率を減らし、コンバージョン率を向上させる上で重要です。 郵便番号を入力すると対応する住所を自動入力する機能（郵便番号による住所補完）は、住所フォームの改善方法として最も効
ボードゲームのデジタル化の工夫 - 「レッツプレイ！オインクゲームズ」のUI｜オインクゲームズ
2021年12月16日、オインクゲームズの人気小箱ボードゲームを Nintendo Switch で遊べる「レッツプレイ！オインクゲームズ」がリリースされました。 ボードゲームのデジタル化は、数々のデジタルゲームを手掛けてきたオインクゲームズのデジタル部にとっても初めての挑戦で、試行錯誤の連続でした。元々のボードゲームをよく知ってるだけに、対面でプレイした時の楽しさ・盛り上がりが再現できるか、不安がありました。しかし、チーム内で何度もテストを重ね、UI や演出を工夫していった結果、間違いなく対面でのプレイに匹敵する作品が完成しました。 XD 上で色々と考えながら UI を作っても、実際に組み込んで動かしてみると、全然意図通りに機能しなかったり、分かりにくかったりすることがたくさんありました。ここでは、UI デザイン・演出担当が、どのような問題を感じ、どのように解決していったかを、初期に開発
なぜエンジニアが作る画面はダサいのか…?「理由」と「対策」を徹底解説【エンジニア向け画面デザイン講座】 - Qiita
1.はじめに エンジニアの私がデザインを本気で勉強した結果、デザイナーとエンジニアはそもそも思考が大きく違っているということがわかりました。 今回は「それ」をデザインに苦手意識のあるエンジニア方にも理解してもらえたらと思い、わかりやすくまとめてみました。 2.アプリの画面デザインを考えてみよう まず、こんなアプリを考えてみてください。 フィットネストレーナーが使うアプリ トレーニングルームでお客様とお話しながら使う 端末はタブレット そして 会員の個人情報確認 前回までのトレーニング状況の確認 次回の予約受付 といったことをします。 使える情報としては、こんな感じです。 あなたならどう画面デザインをするか、もしお時間があったら考えてみてください。 本記事では、 SEのAさん デザイナーのBさん の二人が画面デザインをする過程を比べながら、その思考の違いを整理してみます。 3.SEのAさんの
「機嫌よく、ラクできるようにUIを考える」 UI研究者・増井俊之氏が描く発想と未来
機能とUIの進化はなぜ比例しない？ UI研究者に聞く、使いやすさの本質とUIのこれから 「機嫌よく、ラクできるようにUIを考える」 UI研究者・増井俊之氏が描く発想と未来 誰もが気軽に電子機器を持つようになった今、私たちの生活はデジタルの恩恵で確実に便利になっています。しかし、UIは“よりよさ”を求めた結果、期待した評価とは正反対の声が集まること少なくありません。 そこで今回は、慶應義塾大学環境情報学部の教授で、予測型テキスト入力システム「POBox」やiPhoneのフリック日本語入力システムの開発者であるUI研究者の増井俊之氏に、UIの本質についてお話をうかがいました。ここからはUIの進歩と増井氏が描く未来について。前回の記事はこちらから。 機能の進歩とUIの進歩が比例しない理由 ――PCやスマートフォンは機能が増えたりスペックも高くなったりと、年々進化を続けていますが、UIに大きな変化
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Material Design
【おすすめ6選】UIデザインツールとは？主な機能や選び方を解説
「デザイナーいないんですか？」松屋の食券機のUIがどんどん悪化してきたがここに来て『極み』に到着した感が出ている
自動売買BOT｜Michael｜note
Shin Sasaki on Twitter: "Figmaの歴史はプロダクト開発者にとって学びの宝庫だった📝 1. 初期コンセプト「ブラウザ上のフォトショップ」は不発 2. 当時の常識は「1人かつオフライン」 3. 機能を絞りUIデザインに特化し成功 4. 他ツールからシェア… https://t.co/F9dyeR8Gbv"
UI Pocket - UIデザインの参考になるアプリのUIデザインギャラリーサイト
UI Test Automation Playground
https://help.zoho.com/portal/en/community/topic/introducing-zoho-desks-new-and-revamped-ui
羽山 祥樹＠日本ウェブデザイン on Twitter: "おれいま気がついたんだけど、チャットボットって究極のタスク指向インターフェースだな。OOUIの正反対だな。UI業界でタスク指向UIがボロクソに言われるその脇で、チャットボットが流行していたこの5年間の世の流れはいったいなんなのだろ… https://t.co/41z86GWpIL"
