VRChat、待望のフル日本語UIが登場
「アイドルマスター シャイニーカラーズ Song for Prism（シャニソン）」ガシャ結果画面を見たらシェアする情報が３パターンもあった！細かな差分にも注目！ - ゲームアプリのUIデザイン
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「アイドルマスター シャイニーカラーズ Song for Prism」（以下「シャニソン」）からガシャ結果をシェアする機能をご紹介します。シェアする情報を選べるのが珍しいデザインでした。 以下、概要です。 シェアする情報を選択できる シェアする文言が変わる シェア可能なアイドルの上限数も変わる シェアする画像にはタイトルロゴとコピーライトが追加 シェアする情報を選択できる 「シャニソン」のガシャ結果画面ではガシャ結果をシェアできます。 結果をシェアできるゲームはしばしば見かけますが、シェアする情報が選択できるのは珍しいと感じました。 シェアする情報は以下の３つから選択できます。 アイドルのみをシェア アイドルとガ
自動テストを始めるBtoB：Webサービス企業の事例 続いて浅黄氏は、自動テストに取り組む2つの企業の事例を紹介した。 まずは、BtoBのWebサービス企業がテスト自動化に取り組み始めた事例だ。WebサービスなのでフロントエンドはJavaScriptで、バックエンドにPHPで作られたものとJavaで作られたものという2つのシステムがあった。この会社で課題だったのは、リグレッションテストがうまくできていないことだった。ウォーターフォールで開発していて、テストケース自体は数百と作ってあったが、それをすべて手動で回していた。そうするとテストをやり切れず、結果としてユーザーが不具合を見つけてしまい、サポートに連絡がきて調査に追われる。そういう状態が繰り返されていた。 「アップデートで動かなくなったところがないか、不具合が発生していないか、ちゃんと確認したい。毎日自動テストが動いている状態にしたい。
The Spreadsheet UI for Python Load data and use AI to generate Python code to perform data exploration Try Install Buy What is PySheets? PySheets provides a spreadsheet UI for Python, allowing users to perform exploratory data science, use Pandas, create charts with matplotlib, import Excel sheets, analyze data, and create reports. All the Python code runs in the browser, and PySheets itself is al
Amazon Cognito Hosted UIで、署名付きURLを使用し認証ユーザーごとにプレフィックス分けてS3バケットにアップロードする | DevelopersIO
Amazon Cognito Hosted UIで、署名付きURLを使用し認証ユーザーごとにプレフィックス分けてS3バケットにアップロードする はじめに 本記事では、Amazon Cognito Hosted UIを利用して、単一のS3バケットに対して署名付きURLを用いて、認証済みユーザーごとにプレフィックスを分けたアップロード方法を解説します。 この手法により、各ユーザーのファイルを効率的かつセキュアに管理することが可能になります。 以前、クライアントからEC2インスタンス経由でS3バケットにファイルをアップロードする方法を紹介しました。しかし、この方式では、大容量ファイルのアップロード時にEC2インスタンスに過度な負荷がかかるという課題がありました。 今回は、署名付きURLでクライアントから直接S3にファイルをアップロードする方式で試してみます。 S3の署名付きURLは、S3バケット
10年続くユーザー体験を今、再構築する理由 AI時代のUI「スペクトラム2」 | Forbes JAPAN 公式サイト（フォーブス ジャパン）
アドビは、さまざまなプラットフォームに向けたアプリケーション、サービスに共通するデザインシステムとして「Spectrum（スペクトラム）」を2013年から10年以上に渡り提供してきた。このほど「アドビらしい体験」を再構築するためにリニューアルしたデザインシステム「Spectrum 2」を、2024年から順次導入する。Spectrum 2が誕生した背景とそれがもたらす変化を、アドビのデザイン担当バイスプレジデントのエリック・スノーデン氏にインタビューした。 拡大を続けるアドビのユーザー。ニーズも多様化アドビのアプリケーションといえばPDFドキュメントの作成・編集に使う「Adobe Acrobat」や、カメラマンの定番写真編集ツールである「Adobe Photoshop」などが広く知られているだろうか。現在はPhotoshopのようにデスクトップとモバイル、ウェブ版などユーザーが使用する環境に
『ペルソナ3 リロード』のUIが“セクシーすぎる”と注目浴びる。UI専用3Dモデルまで用意されたスタイリッシュさ全開のこだわり - AUTOMATON
『ペルソナ３ リロード』は、アトラスから2006年に発売されたPS2向けジュブナイルRPG『ペルソナ3』のリメイク作品だ。対応プラットフォームはPS4/PS5/Xbox One/Xbox Series X|S/PC（Steam/Microsoft Store）で、Xbox Game Pass（Xbox/PC/クラウド）向けにも提供されている。 本作の舞台は深夜0時のあと、1日と1日の間に隠された影時間が存在する世界。主人公は、ある事情から港区の人工島に月光館学園へ編入することとなった高校生だ。学生寮入居から数日後、影時間へ迷い込んだ主人公は怪物に襲われてしまい、そこで「ペルソナ」能力に覚醒。その事件を契機に、主人公は特別課外活動部（S.E.E.S.）へと加入し、仲間とともに影時間での戦いへと身を投じることになる。 そんな本作のUIが“セクシーすぎる”とSNS上で話題を集めているようだ。ある
「アイドルマスター シャイニーカラーズ Song for Prism（シャニソン）」タイトル画面ではプレイヤーIDの表示・非表示が切り替えられるけど、ゲーム内では切り替え機能がなく、表示されたままなのってなんでだろう - ゲームアプリのUIデザイン
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「アイドルマスター シャイニーカラーズ Song for Prism」（以下「シャニソン」）からタイトル画面でのプレイヤーIDの表示・非表示の切り替えをご紹介します。情報の性質や取り扱いについて考えるきっかけになれば。 以下、概要です。 タイトル画面ではプレイヤーIDの表示・非表示が切り替えられる ゲームの中に入ったら非表示切り替え機能はない 自ら共有するケースは配慮外なのかも タイトル画面ではプレイヤーIDの表示・非表示が切り替えられる 「シャニソン」では、タイトル画面左下をタップするとプレイヤーIDの表示・非表示が切り替えられます。 同様の見せ方は他のアプリでもしばしば見かけ、以前このブログでも紹介したことが
「ライドカメンズ」SNSでの公開を想定し、プロフィール情報の一部を隠せるデザイン - ゲームアプリのUIデザイン
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「ライドカメンズ」（以下「カメンズ」）にて、自分のプロフィール情報を一部隠す機能を紹介します。第三者に見られたくない情報が隠せると、SNSなどに投稿するハードルが下がるのかな、と感じました。 以下、目次です。ざっくり把握する際の参考になれば。 プロフィール画面で情報が隠せる 非表示機能は個人情報保護にも繋がる デフォルトでは表示状態 ヘルプでもSNS公開時を想定する記載がある プロフィール画面で情報が隠せる 「カメンズ」のプロフィール画面では、入力した情報の表示、非表示を切り替えられる機能があります。切り替えられる情報は以下の3つです。 主人公の名前 一人称 誕生日 ▲非表示状態 ▲目のアイコンで表示、非表示が切
テレビに搭載されるアプリ「YouTube TV」で、番組をシーズンやエピソードごとに整理したり、クリエイターページで予告編を表示したりするようなUIの刷新が行われることがわかりました。 YouTube New Connected TV App Includes Seasons and Episodes, Previews https://www.hollywoodreporter.com/business/business-news/youtube-new-connected-tv-app-episodes-seasons-previews-1236005239/ Made on YouTube: New AI Tools Can Generate Video, Backgrounds and More https://variety.com/2024/digital/news/youtu
Sanding UI
One of the ways I like to do development is to build something, click around a ton, make tweaks, click around more, more tweaks, more clicks, etc., until I finally consider it done. The clicking around a ton is the important part. If it’s a page transition, that means going back and forth a ton. Click, back button. Click, right-click context menu, “Back”. Click, in-app navigation to go back (if th
デザイン：デザインはシンプル。質感はチープ ▼Galaxy Tab A9+のデザインですが、マット調デザインかつ側面がフラットに切り落とされてる点はイマドキなスタイルです。ただツートンっぽい意匠になってるのは個性的ですね。↓ ▼海外モデルではグレー、ブルー、ホワイトと3色あるのに日本だとグレーの1色だけしかありません。寂しい(´・ω・`)。↓ 触った所感ですが質感は価格なり、言い換えればチープです。本体材質はプラスチックのようで、Galaxy Tab S9 FEとさわり心地を比べたら明らかに別物でした。おそらくFEはメタル製。 ▼ただちょっと驚いたのがこの背面と側面、繋がってました。一体成型になってて継ぎ目がなかったんですよ。カクばってる形状だけど妙に手に馴染むのはそういうことなんか。↓ ▼ツートン部分となるパネルは途中で分断されてます。あとこの分断部分の厚みは極僅かに異なり、触ると段差感
イーロン・マスク氏は、X（Twitter）から「いいね」「リポスト」の数字を表示することをやめる主旨の発言をしました。 That is definitely happening. Just view count, as proxy for the other metrics, will show on the timeline — Elon Musk (@elonmusk) March 7, 2024 いいねとリポストの数が非表示となった投稿の予測画像を公開したユーザーに対して、イーロン・マスク氏が返答。時刻と閲覧数は残り、それは投稿の下部ではなく右上だとのこと。 Just time & viewcount in the upper right, nothing on the bottom. Swipe right to reply, left to favorite, tap & hol
「アイドルマスター シャイニーカラーズ（シャニマス）」オプション画面を見たら、どこの確認ダイアログを非表示にするか項目の横にサムネイルが表示されていて分かりやすかった - ゲームアプリのUIデザイン
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「アイドルマスター シャイニーカラーズ（シャニマス）」（以下「シャニマス」）からオプション画面のデザインをご紹介します。 オプション画面は多くのゲームで採用されている機能のため、参考になる機会も多いのかなと思います。 以下、概要です。 サムネイルがあって分かりやすい 確認ダイアログの表示、非表示が細かく設定できる 初期設定は初心者向け サムネイルがあって分かりやすい 「シャニマス」では各オプション項目にサムネイルが用意されているため、どういったオプションか直感的に伝わりやすいと感じました。 オプションを細かく用意するのは利便性にもつながるのですが、あまりに細かいオプションだとユーザーに端的に伝えにくくなります。結
GitHub - leerob/next-saas-starter: Get started quickly with Next.js, Postgres, Stripe, and shadcn/ui.
This is a starter template for building a SaaS application using Next.js with support for authentication, Stripe integration for payments, and a dashboard for logged-in users. Demo: https://next-saas-start.vercel.app/ Why did I make this? In 2020, I made a course called "React 2025" which showed how to build a SaaS application with Next.js, Stripe, and other tools. Well, it's almost 2025 and React
We have redefined the foundational layers of Linear’s application with a full redesign. This is the second post in a two-part series where we dive into why and how we redesigned the application. In part one, we shared why redesigns are important. In part two, we introduce you to the new UI and cover how we tackled the project — no infinite-loop processes, workshops, or sticky notes were involved.
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「星になれ ヴェーダの騎士たち」（以下「星になれ」）のフォントの使い分けについて考えてみました。 実際のルールがどうなっているのか分かりませんが、少なくとも複数のルールで運用されているように見えたため、ここでは可読性、意匠性、設計に分けました。 以下、目次です。 可読性 1-1：レイアウトの都合で文字が小さく表示される箇所で可読性を高めたい場合はゴシック体 1-2：可読性の差を利用し、重要な情報を強調する 意匠性 2-1：装飾と合わせたフォント選び 2-2：ボタンやアイコンのデザインと合わせたフォント選び 設計 3-1：見出しは明朝体、本文はゴシック体 3-2：上位階層は明朝体、下位階層はゴシック体 3-3：セリ
こんにちは。Goodpatch UIデザイナーの菅原です。 皆さんは、スマートフォンアプリなどで「長押し（プレス アンド ホールド）」機能を使ったことはありますか？ 例えばiPhoneでは、アプリアイコンを長押しすると、ホーム画面上でアプリ内で頻繁に利用するアクション（App Storeなら検索など）が簡単に操作できたり、ブックアプリでは一覧画面から無料サンプルの読み込みや共有ができます。 長押しは、「より最適化された上級者向けの機能」としての役割を果たしており、代表的なものですと、「クイックアクション」と呼ばれる概念がHuman Interface Guidelinesに記載されています。 長押しUIとは 「長押し」という動作は『あくまでショートカット的位置付け』であり、『代替手段の提供（アクセシビリティの確保）』がデザイン原則的に軸となりそうです。 そのため、頻度の高いアクション数を優
UIデザインガイドラインをAdobeXDからFigmaに移行した私の奮闘記録 ①準備編｜イルグルムUXデザインチーム
こんにちは！ イルグルムのUXデザイン室でUI/UXデザイナーをやっている松尾です。 今回は自社プロダクトのUIデザインガイドラインを「XD」から「figma」に移行したプロジェクトの奮闘記をお届けしていきたいと思います！ プロジェクト全体はまだ全て完了しているわけではないのですが、一番ボリュームのあるXD→figmaへのデータ移行作業は山場を超えて一息ついたところで現在執筆しております。 今回は第１章、移行プロジェクトの準備について書き起こしていきたいと思います。 それでは、よろしくお願いします！ まずは移行やってみてどうだった？figma楽しい！短期間でスキル爆上がり 今までよりも作業が効率的に移行に際しての調査や実際の移行作業を通してfigmaに触れる機会が多く、個人的にもかなりスキルアップしました。イルグルムのプロダクトは管理画面系のUIが多く、テーブルデザインやプルダウン、フォー
UX/UI-trends in 2024 | dev.family
The 2023 year was rich in technological innovations: we witnessed the introduction of virtual glasses from Apple, the surge of generative design driven by artificial intelligence, and foldable smartphones from Samsung. The web is now incorporating more and more bright and contrasting text. Micro-animations have become even harder to resist. Modern projects, like living entities, respond to every m
Hi there! Long time no see! It has been a while since our last update about rev.ng, but we've been quietly working hard. So, it's time for some news! 🚀 tl;dr In this blog post we: Announce the open sourcing of the rev.ng decompiler, the start of the UI closed beta, the release of the new website, rev.ng Hub and the docs. Also, we do private demos. Explain how to try rev.ng. Explain the design and
【kotaemon】洗練されたUIのオープンRAGシステム！論文PDFをアップロードして分かりやすく解説させてみた | WEEL
ホーム生成AIテックオープンソースAI【kotaemon】洗練されたUIのオープンRAGシステム！論文PDFをアップロードして分かりやすく解説させてみた kotaemonの概要 Kotaemonaはドキュメントとチャットでやりとりができる、カスタマイズ可能なオープンソースのRAG UIです。開発者だけではなく、エンドユーザーについても念頭に置いて開発がされています。 開発したのは日本の会社のシナモンAIが開発しました。 参考：https://raw.githubusercontent.com/Cinnamon/kotaemon/main/docs/images/preview-graph.png RAGについて 生成AIの普及に伴い、大規模言語モデル(LLM)という言葉は馴染みになってきましたが、RAGという単語はまだ馴染みがない方も多いのではないでしょうか。 RAGはRetrieval-
こんにちは！ WebデザインスクールデジタルハリウッドSTUDIO by LIG（通称デジLIG）運営リーダーの秋山です。 今回は、UI/UXを学習する際におすすめの書籍をご紹介します！ 日々、デジLIGのトレーナーとして学習のサポートをおこなう現役デザイナーが、初学者に勧めたい本をピックアップしました。 また、独学の方法についてもアドバイスしておりますので、ぜひご覧ください！ UI/UXデザインが学べる本 今後デザイナーとしてのキャリアアップを目指す上で、避けては通れない「UI/UX」。 「UIやUXって大切ってよく聞くけどいったい何なのか分からない。難しそう……」という方も多いはず。 日々スクールで受講生をサポートしている現役デザイナーに、基礎から学べる初学者向けの本を選んでいただきました！ その理由とともにご紹介していきます！ ①オブジェクト指向UIデザイン
「ブルーロック Project: World Champion」通知マークがマゼンタの五角形！訴求と世界観の要素が含まれたデザイン - ゲームアプリのUIデザイン
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「ブルーロック Project: World Champion」（以下「ブルーロックPWC」）から通知マークのデザインをご紹介します。いわゆる赤い丸のマークでも良いのですが、ゲームの世界観にマッチしたデザインも良いですよね。 以下、概要です。 世界観に合わせたデザイン １：ゲーム起動直後のPV ２：ローディング中のアイコン ３：TIPSの行頭記号 ４：報酬獲得済みのマーク ５：課金アイテムのモチーフ ６：公式サイトにも採用 訴求を意識した配色 世界観に合わせたデザイン 「ブルーロックPWC」をプレイしていると、ホーム画面をはじめ、様々な画面で通知マークを見かけます。 ▲「ブルーロックPWC」のホーム画面 分かりや
shadcn/uiの紹介しつつ今後のUIコンポーネントのつくり方を妄想してみる - Link and Motivation Developers' Blog
UIをどうつくっていくか？ リンクアンドモチベーションでエンジニアをしています、宮田と申します。 自分はプロダクトのWebのUIを開発する時によくこんなことを考えていました。 「一からUIコンポーネントを開発する余裕はないなぁ」 「けどmuiのようなUIライブラリをそのまま使いたくない。ユースケースによってはUIに独自性を持たせたいなぁ」 最近だと「Tailwind CSSを使いたいなぁ」という考えも加わりました。 企業によっては強力なUIライブラリを社内で公開していて、それを使うことができるケースもあります。 ないケースや個人開発時は、毎回色々試行錯誤をしていたのですが、最近自分の中での最適解を見つけられた気がしたので紹介します。 自分の試行錯誤の変遷 ※ 本記事ではReactを使う前提で書いています。 ※ 1つのプロジェクトのみで試行錯誤しているのではなくて複数のプロジェクトで試行錯誤
【Stable Diffusion Web UI】Macにインストールする方法(ローカルPC) | AUTOMATIC1111版
Stable DiffusionとはStable Diffusionは、無料で使える画像生成AIです。テキストを打ち込むと、それに応じた画像が生成されるしくみです。人物や動物、風景など、さまざまな画像を生成できます。 例えば、「サングラスをかけた猫」と入力するとそのような画像が生成されます。生成する画像のスタイルも多様でイラストや写真、水彩画やアニメ調など、自分の好きなテーマでAIに生成してもらうことができます。 Stable Diffusion Web UI（AUTOMATIC1111）とはStable Diffusion Web UI（AUTOMATIC1111）ブラウザを通じて手軽に画像生成を行える無料のWEBアプリケーションで、Google Chromeなどの主要なブラウザで利用できます。 プログラミングを一切必要とせず、WEB UIによる簡単なグラフィカルな操作が可能です。Sta
Amazon Cognito Hosted UIのサインイン属性設定によるサインインとサインアップの画面や入力内容の違いを確認 | DevelopersIO
2. サインイン画面の表示 ユーザー名を含む場合 ユーザー名を含む以下のいずれかの組み合わせを有効化した場合 ユーザー名のみ ユーザー名とEメール ユーザー名と電話番号 ユーザー名と電話番号とEメール サインイン画面は以下のように表示されます タイトル: "Sign in with your username and password" 入力欄: "Username" 注意点として、ユーザー名と電話番号やEメールを有効化した場合、"Username"欄にはユーザー名だけでなく電話番号やメールアドレスを入力しても、ログインできます。 Eメールのみの場合 以下の属性の有効化した場合 Eメールのみ サインイン画面は以下のように表示されます タイトル: "Sign in with your email and password" 入力欄: "Email" 電話番号のみの場合 以下の属性の有効化した
【2023年11月更新】ゲームUIデザイナーにおすすめ書籍：レイアウト編【7選】 - ゲームアプリのUIデザイン
こんにちは、ちょこです！ このページでは、自分が購入した書籍の中で【レイアウト】に関する書籍を紹介します。ゲームUIデザイナーさんが書籍を選ぶ際の参考になれば幸いです。 レイアウト系の書籍の特徴 レイアウトに関する書籍は広告やバナーといったグラフィックデザインに視点を置いた書籍が多く、webやゲームはあまり扱われていません。 そのため、見た目や伝わりやすさなどは担保できると思いますが、GUIの特性、操作性などに関しては別のインプットで担保する必要があります。 例外として、中国開発っぽいゲームUIを作りたい場合は参考になるかもしれません（あれは操作性よりもビジュアルを重視するのが特徴なので） おおきく「教科書系」と「パターン分析系」に分けられる ここで紹介するレイアウトの書籍は「教科書系」と「パターン分析系」に分けて紹介します。 今回手持ちの書籍を改めて俯瞰的に確認しましたが、教科書系は好み
はじめに 社内でモバイル勉強会実施に向けてアニメーションがもたらす効果について少し勉強した結果、簡単に導入できるかつUI/UXが結構向上しそうだなと感じたので紹介します！ アニメーションがもたらす効果 アプリのアニメーションと言えばアイコンが動いたりとかタブがスライドしたりとかをイメージしますが、あの動きはユーザーにとって何の意味があるのかがぼんやりしていました。 結果アニメーションとはユーザーにストーリーを伝えることができる事を学びました。 例えば「このコンテンツを見てくれ！」であったり、「操作完了したよ！やったね！」などのシンプルなストーリーを伝えることが可能です。 そしてアニメーションの本当の目的は単純に物体にアニメーションをつけてユーザーを楽しませることではなく、アプリ上で何が起こっているのか、アニメーションでユーザーを誘導してあげることで効率的に使用してもらうようにすることです。
「Arduino」といえばマイコンボードを想像すると思うが、「Arduino Cloud」と呼ぶIoT（インターネット・オブ・シングズ）クラウドサービスがあることはご存じだろうか。前回はその一機能である「Arduino Cloud Editor」を紹介した。今回はArduino Cloudの柱となるデバイスのリモート制御を中心に、Arduino Cloudの仕組みと始め方などを紹介していく。 Arduino Cloudの概要 世の中には様々なIoTクラウドサービスがあるが、Arduino CloudはArduinoブランドのマイコンボードとのインテグレーションをしやすい。Arduinoブランドのマイコンボードの場合、「UNO R4 WiFi」や「Nano 33 IoT」などネットワーク対応のボードがArduino Cloudで利用できる。 これらのマイコンボードをArduino Cloud
はじめに GUI アプリにおいては、あらゆる面におけるステート・コンフィグ管理が欲しくなる時がある。 言語設定や Dark/Light テーマ設定などの設定に加え、アプリ終了時にどのページを開いていたかなどを永続保存しておきたい事も多い。 Tauri にはそうした状態管理を行う専用のモノはないが、案内はある。 しかしながら、実際にはどういったコードに落とし込んでいればいいかを模索するため、現時点ではベースはこうしておいたほうがいいかな？みたいなのを残しておきたく思った。 環境 Windows 11 Pro 23H2 Rust 1.74.1 Tauri 1.5.3 TypeScript 5.0.0 Svelte 4.2.7 サンプルパッケージ Tauri でのステート管理の基本 Tauri ではスタートアップ時に .manage(state) で追加することで、フロントエンドとバックエンド両
JPCERT-AT-2023-0025 JPCERT/CC 2023-10-18（公開） 2023-10-23（更新） I. 概要2023年10月16日（現地時間）、CiscoはCisco IOS XE ソフトウェアのWeb UI機能における権限昇格の脆弱性に関する情報を公開しています。同製品のWeb UI機能をインターネットまたは信頼されないネットワークに公開している場合、本脆弱性が悪用され、遠隔の認証されていない第三者が、最上位の特権アカウントを作成し、当該システムを制御する可能性があります。 更新: 2023年10月23日追記 2023年10月22日（現地時間）、Ciscoはアドバイザリを更新し、新たな脆弱性の情報と攻撃の内容に関する情報を公開しています。Ciscoは、CVE-2023-20198に加えて、新たにWeb UI機能の別コンポーネントの脆弱性にCVE-2023-20273
サイゼリヤの「ソーセージピザ」 イタリアンレストランチェーン「サイゼリヤ」が、セルフ式のモバイルオーダーを導入した店舗を増やしている。チェーン店で一般的なスマホアプリやタッチパネル端末のメニュー画面から選択する形態ではなく、客がテーブルに置かれた紙のメニューを見て、注文したい料理のコード（数字4桁）をスマホアプリ上に手入力するという“少しアナログ的”な形態。一見すると手間がかかって面倒に思えるが、SNS上では ＜「顧客が本当に必要だったもの」の典型的な例＞ ＜最高のUX＞ ＜大きなメニューブックから探すほうが楽＞ など歓迎の声が目立つ。このUIをどう評価するのか。また、なぜサイゼリヤはあえてアナログな部分を残し、さらに客に手間をかけさせる仕様にしたのか。専門家の見解を交えて追ってみたい。 国内に1055店舗、海外に485店舗（2023年8月期）を展開するサイゼリヤ。人気チェーンだけに何かと
SaaS領域に飛び込み活躍できるデザイナーとは？──ベイジ枌谷力さん×プレイド鈴木 BtoBデザイナー対談 前編
「ブルーロック Project: World Champion」使っているデザインフォントは原作やアニメを意識したフォントかもしれない - ゲームアプリのUIデザイン
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「ブルーロック Project: World Champion」（以下「ブルーロックPWC」）から使用されているフォントを紹介します。「ブルーロックPWC」ではいくつかのフォントが使われていますが、今回は『数字』に注目してみました。 以下、目次です。 世界観を伝えるフォントを採用 事例１：ゴールスコアは原作やアニメと同じ7セグメントフォント 事例２：戦力の数字はユニフォームの数字と似たフォント 余談（ユニフォームに使われるフォントについて） 世界観を伝えるフォントを採用 「ブルーロックPWC」のゲーム内で使われるフォントには主に以下の2つの要素が含まれています。 読ませるために使用するフォント 世界観を伝えるため
9月3日、海外のテックメディアThe Registerが「Zen Browser is a no-Google zone that offers tiling nirvana」という題した記事を公開した。 この記事では、Zen Browserという新しいウェブブラウザの特徴や、その進化について詳しく紹介されている。 Zen Browserは、タイル配置やワークスペース機能などを取り入れ、ウェブブラウジングを近代化するために開発された新たなブラウザである。 その最大の特徴はFirefoxベースであり、Googleのコードを一切使用していない ことだ。近年登場したブラウザは、Googleが開発したChromiumブラウザをベースにしていることがほとんどで、Firefox由来の新たなブラウザは非常に珍しい。 現在は開発の初期段階（α版）にあるが、非常に活発に開発が行われており、速いペースでバージ
記事を読むうえでの注意点 一部おかしな記述があるかもしれません。 そのためもし間違いなどがありましたらご指摘いただけると幸いです。 FAQなんかのUIでよく使われる、クリックしたら関連するコンテンツがニュッと表示されるアレ。 みなさんは普段どのように実装されていますか？ アコーディオンUIを実装するにあたって、マークアップに最適なタグとしてdetailsとsummaryがあると知りまして、このタグを使って実装してみたいと思います。 実装してみた まずは結論から。 実際に今回実装していくアコーディオンUIのソースコードはこちらです。 details・summaryタグは何が良いの？ details summaryタグを使用しない実装では、アクセシビリティな実装をする場合、考慮する事項が多く、網羅しようと思うと工数がかかります。 ですが、details summary要素を使用することでアクセ
Apple、Figma Config 2024にあわせて「iOS + iPadOS 18」のUI Kitと新しいアイコンテンプレートをFigmaで公開。
AppleがFigma Config 2024にあわせて「iOS + iPadOS 18」のUI Kitと新しいアイコンテンプレートをFigmaで公開しています。詳細は以下から。 Appleは現地時間2024年06月11日から開催していた世界開発者会議WWDC24の中で、今年の秋にリリースする「iOS 18」と「iPadOS 18」を発表し、同時に開発者やデザイナーに対し、iOS/iPadOS 18のSketchデザインテンプレートと、同バージョンで追加されるダークと淡色アイコンてテンプレートを公開しましたが、
「アイドルマスター シャイニーカラーズ（シャニマス）」タイトル画面で開催中のキャンペーンをお知らせしてた、ユーザーが滞留するタイミングを少しでも有効利用しようと試みているのかな - ゲームアプリのUIデザイン
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「アイドルマスター シャイニーカラーズ（シャニマス）」（以下「シャニマス」）からタイトル画面に開催中のキャンペーンを表示するデザインなどをご紹介します。タイトル画面の有無や運用方針ってゲームによって様々ですね。 以下、概要です。 タイトル画面でキャンペーンを告知 背景イラストを更新 タイトル画面でキャンペーンを告知 「シャニマス」では、タイトル画面左下隅に開催中のキャンペーンの画像を小さく表示していました。 例えば添付した図では「バレンタインキャンペーン2024 第1弾」と書かれている画像を表示しています。 ▲開催中のキャンペーンのバナー 「バレンタインキャンペーン2024 第1弾」の内容はお知らせを見る限り以下
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ソフトウェアテスト専業企業が事例で語る、UIテスト自動化の始め方と続け方は？
PySheets - Spreadsheet UI for Python
「YouTube TV」がNetflixのような「没入感の高いUI」に刷新
Galaxy Tab A9+のレビュー。ミドルタブながら音質とOne UIの完成度が最高レベル！マジでオススメ度高い
XがUI大幅刷新か。いいねとリポストの数字を非表示に、スワイプで返信など - すまほん!!
How we redesigned the Linear UI (part Ⅱ) - Linear Blog
「星になれ ヴェーダの騎士たち」ゴシックと明朝体の使い分け - ゲームアプリのUIデザイン
【押して広がるアプリの世界】上級者向け機能「長押しUI」集めてみた｜Goodpatch Blog グッドパッチブログ
The rev.ng decompiler goes open source + start of the UI closed beta - rev.ng
【初学者向け】UI/UXデザインが基礎から学べる本6選 | 株式会社LIG
アプリでアニメーション使ったらコスパ良くUI/UX向上できそうな件 - Qiita
「Arduino Cloud」でUNO R4 WiFiをリモート制御、操作するUIもオリジナルに
Tauri でのオレオレ UI 状態管理とコンフィグ管理 v1 - Qiita
Cisco IOS XEのWeb UIの脆弱性(CVE-2023-20198)に関する注意喚起
深津 貴之 / THE GUILD on X: "これはUIとしては駄目なパターン。 人がマスターしてはじめて機能するシステム。"
サイゼリヤ、ダサい＆手入力のモバイルオーダーが「最高のUI」といえる理由
ベイジのUIラボ～業務システムとSaaSのUIを考える
革新的なUIを備えた新たなWebブラウザ「Zen」登場 — 非Chromiumブラウザに新たな選択肢
details・summaryタグで開閉アニメーション付きアコーディオンUIを作ろう