ユーザインタフェースとは コンピュータの人気・最新記事を集めました - はてな (original) (raw)

ユーザインタフェース

(

コンピュータ

)

ゆーざいんたふぇーす

User Interface, UI
機械、特にコンピュータとその機械の利用者(通常は人間)の間での情報をやりとりするためのインタフェース

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。

関連ブログ

Masassiah Blog2年前

イラストで学ぶ ヒューマンインタフェース『イラストで学ぶ ヒューマンインタフェース』(北原 義典,講談社,2011年9月20日)を読了。 広く使われているメタファに,デスクトップメタファがあります。これは,Windows などで採用されている GUI で,フォルダやごみ箱,メモ帳があるなど,「机上」を模倣したユーザインタフェースになっています。このメタファにより,ユーザは,あたかも自分の机の上で作業を行うように,サイバーワールドでも作業を遂行できるのです。(42 ページ) 会社で導入している DocuWorks もメタファが用いられている。 ユーザインタフェース設計原則 by アメリカの計算機科学者 B. シュナイダーマン(54 ペ…

#ヒューマンインタフェース#ユーザインタフェース#アンビエントインタフェース

ネットで話題

もっと見る

724ブックマーク優れたユーザーインタフェース(UI)を実現するチェックリスト36項目gori.me

533ブックマーク優れたユーザインタフェースを設計する際に考慮する8つのポイントユーザーにとって有益なユーザインタフェースを設計する際に考慮する8つのポイントをUsability Postから紹介します。 8 Characteristics Of Successful User Interfaces 以下、その意訳です。 ユーザインターフェイスの設計時に、考慮する8つのポイントを紹介します。 Clear Concise Familiar Responsive Consistent Att...coliss.com

471ブックマークユーザインタフェース設計junkato.jp

335ブックマーク使い易いユーザーインタフェースとは何かを勉強しています。そこで、質問です。使い易いユーザーインタフェースを持ったウェブサイトやソフトウェアを教えてくださ.. - 人力検索はてな使い易いユーザーインタフェースとは何かを勉強しています。 そこで、質問です。 - 使い易いユーザーインタフェースを持ったウェブサイトやソフトウェアを教えてください - また、それが使い易いと感じた理由を教えてください 条件は以下、 - 一般的なパソコンのディスプレイ、マウス、キーボードで触れるインタフェース...q.hatena.ne.jp

309ブックマークmasui / Web時代のユーザインタフェース研究 - GlidePlease note that Glide no longer supports Internet Explorer versions 7 or 8.glide.so

293ブックマーク高齢者向けサービスにおけるUIデザイン|『高齢者のためのユーザインタフェースデザイン』の書評zenn.dev

161ブックマーク分裂勘違い君劇場 - エンジニアの方が優れたユーザインタフェースデザインができる理由www.furomuda.com

149ブックマーク分裂勘違い君劇場 - 見た瞬間に使い方の分かるユーザインタフェースwww.furomuda.com

148ブックマークOntenna - 髪の毛で音を感じる新しいユーザインタフェースontenna.jp

関連ブログ

kurukuru89’s blog14時間前

リスクが大きい日本のIT開発日本におけるIT開発は大きな危険を伴います。それに続く運用保守契約という旨味がなければ、到底受容できないリスクがあります。いったい何故そうなってしまうのでしょうか。 少し前に物流会社とIT開発を委託されたコンサル会社との間で訴訟が起こりました。事業会社側が「打鍵テストで見つかった不具合を直さない限りシステムを検収しない」と言い出して訴訟にまで至ったようです。 ここからは想像です。事業者側が「リリース前の『ベータ版』で使い勝手を評価したい」と申し出た。そこでコンサル側がリリース前のシステムを渡した。しかし実際に使ってみたユーザ部門が「こんな仕様では使い物にならない」と騒ぎ出す。それを受けたシステ…

ts0818のブログ17日前

Next.jsでPages RouterからApp Routerに代わったが、結局どうするか。Next.jsでなくRemixという選択肢。www.publickey1.jp www.publickey1.jp ⇧ シンプルにしようとしてくれるのは素晴らしいんですが、破壊的変更が無いのが利用者にとっては嬉しい気がしますな、自分はRuby on Railsを利用していませんが... Next.jsのPages RouterとApp Routerと React単独での利用が非推奨っぽいので、Next.jsを利用せざるを得ないことになったので、Next.jsを利用しようとしたところ、どうも、Next.jsの端境期に遭遇したようで、 Pages Router App Router の切り替えの時期に、Next.jsの入門をすることになった…

tricrow tech log25日前

【AI相談ログ】TODO管理ソフトSampleTodoのSRS(Software Requirements Specification):ソフトウェア要件(要求事項)仕様を作成Prompt コマンドラインツールのTODO管理ソフトSampleTodoを設計する。 規格 X 0166:2021 (ISO/IEC/IEEE 29148:2018)『システム及びソフトウェア技術-ライフサイクルプロセス-要求エンジニアリング』に基づき、のSRS(Software Requirements Specification):ソフトウェア要件(要求事項)仕様を作成してほしい。なお構成は下記のアウトラインに基づいてくれ。 1. 序文 1.1 目的 1.2 適用範囲 1.3 製品の概要 1.3.1 製品の概観 1.3.2 製品の機能 1.3.3 利用者特性 1.3.4 制限 1.4 定…

ヨーグルトーン1ヶ月前

Understand(2020)感想・評価クリア条件を推測する一筆書きパズル。

MicroAd Developers Blog2ヶ月前

24卒インフラ研修:サーバ構築・運用編はじめに マイクロアド24年新卒インフラエンジニアの齊藤(id:saitoperf)です。 今回は、インフラ研修やその後の業務で学んだ「サーバ構築・運用周りの技術スタック」を紹介します。 マイクロアドのインフラエンジニアは現在9名で、各々得意な領域はありますが、基本的にはラックマウントや配線といった物理的なタスクから、監視基盤やミドルウェアの構築・運用までの一連に対応できます。 インフラ研修では、まずは座学やハンズオンを通して、チームメンバー全員が知っているような基礎的な知識をインプットしました。 はじめに どのようなインフラ基盤を使っているのか? ベアメタル(MAAS) AWSとGoogle…

NEXTSCAPE blog2ヶ月前

Webアクセシビリティ、WCAGについて調べてみたWebアクセシビリティとは? 株式会社ネクストスケープ、ソリューションビジネス部所属の小野塚です。Webサイト開発に携わったことがある方であれば「Webアクセシビリティ」という言葉、もしくはそれに関連する言葉を見聞きしたことがあるかと思います。より具体的に言いますと、海外であれば「WCAG」(Web Content Accessibility Guidelines)、日本であれば「JIS X 8341-3:2016」といったWebアクセシビリティに関する基準が存在しています。特に官公庁等の公的機関のホームページ・サイトに携わった方であればご存じではないでしょうか。 ここ近年、このWebアクセシ…

50代ITエンジニアの積み上げ日記2ヶ月前

PyGWalkerを試してみたい!マナビDXQのPBL01の演習でAIモデルを構築する課題、そろそろ進めたいと思いながら、なかなか進められていません。。 Pythonでコードを書くことはSIGNATE Cloudで少しずつ進めていますが、まだまだ知らないことばかりで、ChatGPTにおんぶにだっこの状態。 うーん、果たしてこの状態で課題ができるのか。 正直、二の足を踏んでしまっている、といった感じでした。 そんな中、今日マナビの受講生有志が開いてくれたオンライン勉強会に参加。 皆さんがどうやってChallenge Missionを攻略しているのかを学び合うことが目的の会でした。 コードレベルの難しい話もあって、内容についていけ…

勉強ボックス管理者ブログ2ヶ月前

Python サンプルプログラム(ボタンを押して処理を実行)画面からの入力を受け付けて処理を行うプログラム tkinter を使う サンプルプログラム 部品を増やしたプログラム 印刷用pdfファイル 関連記事 画面からの入力を受け付けて処理を行うプログラム Pythonで画面を持つプログラムを作成する例を紹介します。 ユーザーが文字を入力できるテキストボックスと,クリックできるボタンを配置し,円の面積を求めるプログラムを作ってみましょう。 tkinter を使う tkinterは,Pythonのユーザインタフェースを作成できるパッケージです。ウィジェットと呼ばれる部品をウィンドウに配置することでアプリケーションの画面を作成します。 ・IDLEが使える環…

勉強ボックス管理者ブログ2ヶ月前

Python サンプルプログラム(画面クリックで処理を実行)画面をクリックするたびに処理を行うプログラム サンプルプログラム「お題メーカー」 ウィンドウサイズの指定などの工夫 印刷用pdfファイル 関連記事 画面をクリックするたびに処理を行うプログラム 情報ⅠでのPythonのプログラミング練習では,CUI(キャラクタユーザインタフェース)というキーボードで操作を行うプログラムを作成することが多いと思いますが,乱数を利用しておみくじのようなプログラムを作成したときには,マウスのクリック操作で何度も処理を実行したいと考える生徒もいると思われます。 本記事ではマウスで操作できるGUI(グラフィカルユーザインタフェース)のサンプルプログラムを紹介します。 P…

きしだのHatena2ヶ月前

ソフトウェアの「詳細設計書」とはなんなのか「設計書」というのは、作るものの構造を抽象的に表現したものと言うことができます。 ただ、ソフトウェアの抽象化の仕組みはプログラミングコード自体に備わっているので、ソフトウェア生成可能な抽象的表現というのはコード表現ができるはずですね。コードで表現しておくと、整合性のチェックとかも行いやすいです。 でも、コードではない「詳細設計書」というものが一部業界には必要とされているので、その「詳細設計書」というのは実際はなんなのか考えてみます。 ※ 最初はタイトルは「設計書」としてましたが、話を限定するため「詳細設計書」に変更しました。 追記:納品物に関する記述を追加しました。 表現を変えたコーディング …

土日の勉強ノート2ヶ月前

Vue.jsのソースコードを確認する(ビルド後のソースも見てみる)「ハッキング・ラボのつくりかた 完全版 仮想環境におけるハッカー体験学習」と「体系的に学ぶ 安全なWebアプリケーションの作り方 第2版 脆弱性が生まれる原理と対策の実践」(通称:徳丸本)を参考に、セキュリティの勉強を進めています。 その上で必要な知識として、今回は、よく使われている Webアプリケーションのフレームワークである Vue.js を理解しています。 前回 は、Vue 2.x と Vue 3.x について、環境構築、プロジェクト作成、開発用サーバで動作確認、ビルド、ビルド後の生成物で動作確認まで行いました。 今回は、ファイル構成、各種ソースコードの内容の確認、ビルド後の生成物の内容…

土日の勉強ノート2ヶ月前

Vue.jsの2.xと3.xをVue CLIを使って動かしてみる(ビルドも行う)「ハッキング・ラボのつくりかた 完全版 仮想環境におけるハッカー体験学習」と「体系的に学ぶ 安全なWebアプリケーションの作り方 第2版 脆弱性が生まれる原理と対策の実践」(通称:徳丸本)を参考に、セキュリティの勉強を進めています。 その上で必要な知識として、今回は、Webアプリケーションを簡単に構築できる Vue.js を理解しようと思います。 少し前に、Pythonベースの Flask(WSGI+Werkzeug+Jinja2)をやりましたが、今回の Vue.js は JavaScriptベースです。たくさんの言語が出てきて、フロントエンド開発は大変です。そのセキュリティを学ぶには、それら…

艤装してます3ヶ月前

セルフレジで客が減る? 欧米で「セルフレジ撤去」の動き、日本はどう捉えるべきかいわゆるマイバッグとやらの時もそのように思った人は少なくなかったらしいが、 なんで自分で手間暇かけて、レジ打ちの負担までしなきゃイカンのだ? その分、料金がお安くなるわけでも、ポイントが付くわけでもないのに。 慣れた人に打ってもらった方がよっぽど早く終わるのに。並ぶ時間もずっと短いだろうに。 (せめてユーザインタフェースの標準化、もしくはいくつかの標準化からされたものの中から、顧客側が自分の慣れたものを選択できる、それくらいのことはして欲しいもんだわな。) 要はマイバッグの時と同じで、売る側(?)の都合しか考えていないのではないか。 あいや、マイバッグの時は(個人的な感触ながら)売る側の中にも…

MOSFET’s blog3ヶ月前

Reactで使用するHTMLタグ一覧Reactは、JavaScriptライブラリの一つであり、ユーザインタフェースを構築するために広く使用されています。Reactで使用されるタグは、通常のHTMLタグと同じですが、キャメルケースで書かれる属性もあります。以下に、Reactで使用できる主要なHTMLタグを一覧として紹介します。 基本的なHTMLタグ ヘッディングタグ

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
段落・テキスト

This is a…

たーせる日記4ヶ月前

ポメラを買った先日、つい魔が差してキングジムのポメラを衝動買いしてしまった。こいつは大変悩ましいガジェットである。おそらくちょっと遊んですぐ飽きそうな予感がするのだが、価格がだいぶ落ち着いていたこともあり、購入に踏み切ってしまった次第である。ご存知ない方のために説明すると、ポメラとは持ち運びできるワープロ専用機である。この令和の時代にも絶滅危惧種のワープロを買い求める酔狂な人間は少なからずおり、未だにコアなファンから根強い支持がある。何を隠そう、実はかく言う僕も学生時代にポメラの初号機を所有していた。当時、レポートや定期報告書の作成に活用しようと張り切ったものの、数式や図版混じりの理系の作文には全く向かなか…