ユーザーインターフェイス

前回の続き スライダーUIを並べて操作してみる キーリピートの処理が無事動かすことができました。 以前の記事だと、UIパーツとして整えていくところですが、順番を入れ替えてここでブループリントインターフェイスを用意するところから始めていきます。 Blueprint Interface ブループリントインターフェイスは独立したアセットになります。 コンテンツブラウザで右クリック > Blueprints > Blueprint Interface を選択 プロジェクト内でユニークに扱われるので慎重に命名します。 とりあえず IF_SettingItem と名付けました。 編集ウィンドウを開くと、す…

時は四年前。 2018年の2月に公開した内容で、間違いに気づかず、問題を避けるかたちで解決したことにしている部分があって、その雪辱戦といいましょうか、修正するにも当時のバージョンはすでになく、空きのないドライブと格闘してスクショ撮るのも大変そうなので、UE5版としてリニューアルすることにしました。配列変数の作り方を書いてるのはよかったのですが、既存のWidgetから昇格して作ったので、違うWidgetが追加できるわけもなく、当時の自分はこのミスに気づいてなくて、先日コメントでご指摘いただきました。今更ながら恥ずかしい限りです。 該当する一連の記事はこちらになります キーリピート機能をつくってみ…

こんにちは。転職ドラフトでWebアプリケーションエンジニアをやっている@iwtnです。 転職ドラフトでは自社開発企業に特化したエージェントサービスを始めました。 agent.job-draft.jp そこでサービスの申し込みフォームを作ったのですが、その中に生年月日の入力がありました。 生年月日ということは日付の入力。 ブラウザの実装もリッチになってきて、デフォルトでinputタグの type="date" を使うだけでカレンダーまで表示されます。素晴らしいですね！ しかしこの実装の問題は多くの人が指摘しています。実際あまりよいUIとは言えません。 動作はバラバラ、特にスマホでは入力しにくい …

部品名称一覧 各部品の使い分け 各部品に関する要件の定義方法 結論：部品の名称の認識を顧客側とベンダ側で合わせておこう 画面の要件を定義するときに、画面内に配置する部品の項目を理解しておくと要件定義がしやすい。以下に、項目の一覧を示しておく。他にもいっぱいあるのだが、最低限これらがあれば画面の要件を定義できるものを紹介する。 また、ウィジェット (GUI) - Wikipediaにも色々な部品が紹介されているので、参考にされたい。 部品名称一覧 項目名称 適用場面 実現イメージ テキストボックス 自由に文字列を入力させたいときに利用する テキストエリア 自由に文字列を入力させたいときに利用する…

やれDXだ、やれデジタル化だ。今の世の中ITですよ。あいてー。 インターネット上の色んなサービスに登録するときについて回る個人情報の入力。 その中でも入力回数上位に入るであろう生年月日の入力にまつわるお気持ちを書き連ねていこうと思います。 なお、ここでは基本的にスマホでの操作を主に想定して書いています。PCでも根本的には同じなんですけどね。 はじめに なぜ、カレンダー形式での入力が適切ではないと感じるか 入力形式ごとの個人的な評価 カレンダー 年月日ごとのドロップダウンリスト(ドラムロール形式も含む) 一つのテキストボックス 年月日ごとのテキストボックス ぼくが考える最適解 カレンダーの解決策…

OSのバージョンをバージョンアップすると、意外なところが変わったりでその影響が大きかったりします。 実際、UI（ユーザインターフェース）が変わってしまったりすると、不便だったりしますよね。 また、端末のOSやブラウザなどをバージョンアップしたことで、逆に古く既に更新されていないシステムなどは、逆に使えなくなってしまったりします。 なので、OS等のアップグレードはなかなか行いたくないというのが本音ですが… 実際、この前、スマホのAndroid OSのバージョンアップをしました。 バージョン 10からバージョン11 へアップグレードしましたが… 最初はさほど違和感がなかったんですが、使い始めると結…

ドコモ らくらくホン(スマホでないやつ)を、実家の母用に契約し、送られてきた新しい機種に設定をしました。 スマホが使えないからガラケーを選んでいるのに。 シンプルに使いたいから「らくらくホンF01M」なのに。 待ち受け画面は、「華やかな写真」と「ニューステロップ(小さい字は老人は読めん！)」で情報量たっぷりだ。 なるべくガラケーでの利用状況に近づける。 ◆設定画面を開く◆ ●シンプルな白地に変更。 (時計の文字も白なので見にくいが、背景が黒だとこれまた見にくい) ●ニューステロップを削除 →「ガラケー、シンプル、情報量そぎ落とし」という設定パターンでの出荷 も検討してほしい。身近に設定をしてく…

イベント駆動アーキテクチャ - ブローカータイプ - イベント駆動アーキテクチャのブローカータイプの実装方法 ブローカータイプの構造 ブローカータイプのメリット ブローカータイプの開発事例例 イベント駆動アーキテクチャ メディエイターパターンとは イベントメディエイターの実装方法 イベント駆動アーキテクチャのエラー処理 AWSでイベント駆動アーキテクチャを実装すると... イベント駆動アーキテクチャの総評 備考 参考 「FundamentalsOfSoftwareArchitecture.md」という記事を参考にしてます。 https://github.com/zhangjunhd/readi…

マイクロソフトが4月23日(日本時間24日)、月例の非セキュリティプレビュー更新プログラム(Cリリース)をリリースした。Cリリースはセキュリティ関係の修正を含まないオプションの更新プログラムで、月例更新に先駆けテスト配信されるもの。即時に適用する必要はない。 ナレッジベース番号 Windows 11 バージョン23H2/22H2：KB5036980Windows 10 バージョン22H2：KB5036979 Windows 11では[スタート]メニューの[おすすめ]セクションにMicrosoft ストア アプリのプロモーションが配信されるようになる。オフにしたい場合は[設定]→[個人用設定]→…

読者は「ダーク・パターン」すなわち、悪意のあるインタフェース・デザイン・パターンの一種で、エンドユーザーをだまし、本人の意図または期待とは異なる行動を取らせ、インタフェースの提供者に利益を与えるものを十分理解されてあろうか。 筆者は、最近のブログの(注4)で簡単にこの問題を取り上げた。その趣旨は違法なマーケティング規制のあり方の実態およびわが国の法規制のあり方を論じたいと考えたからである。 改めて考えると、この問題の重要性から見て問題を整理すべく、今回のブログは、(1)「ダーク・パターン」の実態と技術面からみた本質的な違法性問題、(2)米連邦取引委員会(FTC)のダーク・パターン・レポートの内…

クラウドアプリ 先日クライアント企業から依頼があり、クラウドのタレントマネジメントシステムの導入にあたり、初期セットアップ後の動作確認テストをお手伝いした。 最近はやりの人事系クラウドシステムだが、実は店主には使った経験がない。３年前まで勤務していた企業は社員千６百名規模だったこともあり、また今ほどクラウドシステムが進化していなかったので、使用していなかった。 www.hrbrain.jp クライアントさんの会議室に人事メンバーと計４名が集まってスタート。割り当てられたアカウントからログインすることからはじめる。 ログインすると早速、今回導入した第一の目的である人事評価機能が表示された。評価に…

かんたん無料でネットショップを作るなら 「ストアーズ（STORES）」【公式】 これからネットショップをはじめてみようとお考え方に役立つ情報をお届けします。自分の商品やサービスをつくって、自分だけのネットショップで販売し、利益率の高い事業として育成することに成功している人が増えています。昨今では、ネットショップで本業以上に稼いでいる猛者も見かけるようになりました。 この記事では、個人で自分のネットショップをはじめたいとお考えの方に役立つ、ネットショップ開設サービス「ストアーズ（STORES）」のサービス内容・魅力・評判・クチコミ・導入事例・はじめ方などをわかりやすく解説します。 ぜひ、ご活用く…

Jetpack ComposeのUIのテストについてかなり詳しく聞きました。 よく分かりませんでしたが、ドラッグアンドドロップのような複雑な動作もテストできるようです。 Jetpack Composeのテストについて、createComposeRule() が返すオブジェクトを用いてできることの一覧を挙げてください。 それぞれのメソッドの使い方が分かるような例をお願いします。 4. waitForIdleの使い方をもう少し詳しく教えてください。 5. runOnUiThreadについても教えてください。 UIの検証や操作の例もお願いします。 もし、ブロック内のコードを直接実行した場合、結果はど…

PHPはWordPressなどのCMSで使われるだけでなく、Laravel（ララベル）やCakePHPなどのフレームワークを導入して使うことが多いものです。今回は、PHP製のフレームワークの中でも「Laravel」というフレームワークがなぜ多くの注目を集めているのか、その理由と特徴について解説します。 Laravelが人気を集める理由 前回の記事では、PHPの特徴としてフレームワークが活発に開発されていることを解説しました。 多くのフレームワークはMVC（Model-View-Controller）と呼ばれるアーキテクチャを採用しています。これは、プログラムの構成を「ビジネスロジック」と「ユー…

G-gen 又吉です。本記事は Google Cloud Next '24 in Las Vegas の1日目のキーノートで発表された Vertex AI Agent Builder を触ってみたのでご紹介します。 他の Google Cloud Next '24 の関連記事は Google Cloud Next '24 カテゴリの記事一覧からご覧いただけます。 概要 Agent とは Vertex AI Agent Builder とは 料金 概要 試算例 Vertex AI agents 概要 Agents の構成要素 Goal Instructions Examples Tools 概要…

「後悔しないための備え大事」 思い出や趣味の写真や動画、最近ではもっぱら電子データで保存、管理していると思います。業務であったら規程や定款、稟議などの重要書類のデータを厳重に保存、管理するのですが、両方共に共通するのが「バックアップが重要」という点だと思います。消えてしまったときの備えとして今一度見直すことを強くお勧めします。 今回はそんな大事な写真動画の適切な保存方法を考えてみようと思います。自分も一人で結構考えてたので、刺さる方には刺さると思います。 写真と動画を保存する領域「住み分け」について 業務レベルで考えますと、大事な情報は「バックアップを物理で2～3か所に分けて保存する」というの…

（2014年の文章より） ■ Cognex社のPatMax®テクノロジー Cognex社のPatMax®は、パターンの位置を特定するためのツールです。PatMax®の優れている点は、障害物の影響を完全に無視して、(x, y, θ)の座標を計算できることにあります。既にご存知の通り、PatMax®は特徴（エッジ）を基にして検索を行いますが、障害物によって対象物の一部が隠されていても、残された特徴を利用して(x, y, θ)を正確に算出することができます。言い換えれば、障害物による特徴（エッジ）は考慮されず、網目の後ろにある対象物であっても、誤差なく位置を特定できるということです。 PatMax®…

アトリエシリーズは、錬金術の魅力と冒険のロマンを融合させた独特の世界を展開する、コーエーテクモゲームスの名作RPGシリーズです。数多くの作品がリリースされており、各タイトルは独自の世界観とキャラクター、そして複雑で奥深い調合システムでファンを魅了し続けています。本ガイドでは、初心者がアトリエシリーズに触れる最初の一歩から、上級者が未だ見ぬ挑戦を求める深淵まで、全ての階層のプレイヤーに向けた深い洞察と情報を提供します。隠れた逸品から最新作まで、あなたを待つ無数の物語と冒険、そして調合の極意を紐解きます。また、ファンによる人気ランキングや最新アナウンスメントを通じて、アトリエシリーズのコミュニティ…

Angular vs. React: Which To Choose for Front-End in 2024 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 ウェブ開発の世界は日進月歩であり、その最前線では究極のフロントエンド・フレームワークをめぐる戦いが繰り広げられており、2つの巨頭が際立っています。 AngularとReactです。どちらも卓越したユーザーインターフェイスを構築できる強力なフレームワークですが、あなたの次のプロジェクトにふさわしいのはどちらでしょうか？AngularかReactか？ それぞれGoogleとFaceboo…