[B! UI] snjxのブックマーク

snjx id:snjx

UIに関するsnjxのブックマーク (28)

The internals and the latest trends of container runtimes (2023)
Last week I had an opportunity to give an online lecture about containers to students at Kyoto University. The slide deck can be found here (PDF): 1. Introduction to containersWhat are containers?Containers are a set of various lightweight methods to isolate filesystems, CPU resources, memory resources, system permissions, etc. Containers are similar to virtual machines in many senses, but they ar
snjx 2023/07/21
docker

github

docker-compose

UI

環境構築

技術
リンク
GitHub - jesseduffield/lazydocker: The lazier way to manage everything docker
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
snjx 2023/07/21
docker

github

docker-compose

UI

windows

環境構築

技術
リンク
"The Essence of Software"が提唱する全く新しいソフトウェア設計の考え方｜Idein株式会社
︵6/22 注‥書き足りないと思っていた箇所を補って加筆修正しました︶エンジニアのbonotakeです。Ideinに入ってかれこれ3年以上経ちますが、Ideinでブログ記事を書くのは初めてです。今日は、ソフトウェア設計の全く新しい考え方について書かれた "The Essence of Software" という本の紹介をしたいと思います。この本の著者はMIT教授でソフトウェア工学の世界的な研究者であるDaniel Jacksonです。形式手法Alloyの発明者、と言ったほうが通じる人には通じるかもしれません。形式手法とは、ありていにいえば、数理論理学を駆使してソフトウェアに潜むバグを論理的に駆逐する手法です。︵個人的な宣伝ですが、彼の書いたAlloyの本を以前翻訳して出版しました。︶そんな彼が昨年11月に新著を出版したというので、ほぼその日に買いました。……ですが、本を開いてみる
snjx 2022/06/22
ソフトウェア

設計

技術

システム開発

考察

資料

UI

物欲
リンク
Macaron | Visual component editor for Web development
Macaron is an open-source UI design tool to create and maintain Web Components.
snjx 2022/06/17
webサービス

エディタ

UI

フロントエンド

システム開発

技術

資料

あとで読む
リンク
これだけは押さえよう！住所フォームの作り方 - ケンオールブログ
まとめ住所フォームの作り方住所フォームを作るときには以下の4つを押さえましょう。オートコンプリート機能に最適化する郵便番号フィールドは1フィールドにしてハイフン有無どちらも対応するモバイルUX優先なら郵便番号が入力されたら即座に補完。精度優先なら郵便番号補完ボタンを設置住所フィールドは「都道府県」「市区町村」「町名以下」の3フィールドが基本。「建物」フィールドはオプション本文地域SNSのユーザー登録、ECサイトの配送先入力、資料請求、自治体サイトでの電子申請など、ウェブサービスを活用する上で住所入力は欠かすことができません。住所入力をシンプルかつ正確に行えるような入力インタフェース（住所フォーム）は、離脱率を減らし、コンバージョン率を向上させる上で重要です。郵便番号を入力すると対応する住所を自動入力する機能（郵便番号による住所補完）は、住所フォームの改善方法として最も効
snjx 2022/03/02
UI

html

技術

システム開発

考察

あとで読む

設計
リンク
なぜエンジニアが作る画面はダサいのか…?「理由」と「対策」を徹底解説【エンジニア向け画面デザイン講座】 - Qiita
なぜエンジニアが作る画面はダサいのか…?﹁理由﹂と﹁対策﹂を徹底解説︻エンジニア向け画面デザイン講座︼UX UIDesignUIデザイン画面設計 1.はじめにエンジニアの私がデザインを本気で勉強した結果、デザイナーとエンジニアはそもそも思考が大きく違っているということがわかりました。今回は﹁それ﹂をデザインに苦手意識のあるエンジニア方にも理解してもらえたらと思い、わかりやすくまとめてみました。 2.アプリの画面デザインを考えてみようまず、こんなアプリを考えてみてください。フィットネストレーナーが使うアプリトレーニングルームでお客様とお話しながら使う端末はタブレットそして会員の個人情報確認前回までのトレーニング状況の確認次回の予約受付といったことをします。使える情報としては、こんな感じです。あなたならどう画面デザインをするか、もしお時間があったら考えてみてください。
snjx 2021/12/10
デザイン

情報

設計

UI

システム開発

資料

考察

技術

ドキュメント
リンク
UnityとARkitで電脳コ◯ルなアプリを作った - Qiita
Unityで作成した﹁ARちゃんねる﹂という、ARアプリで使用した技術などについてご紹介します。今回以下のアドベントカレンダーにも投稿しました・Unity Advent Calendar 2018‥Unityでの水彩画風ポストエフェクト https://qiita.com/awesome/it ems/3483cbea779909ab9814 作成したARアプリ Emoji icons provided free by EmojiOne イメージ的にはAR版2ちゃんといった感じです…！(名前からもわかると思いますが) 以下Twitterに投稿した紹介動画です Unityでの開発で思ったこと Unityで何度かアプリケーションを作ってきましたが、UIをしっかり作ったのは今回が初めてでした。 UnityはUIまわりが貧弱なイメージを勝手に思っていたのですが、公開されているコンポーネントなどの
snjx 2019/10/17
rails

UI

フロントエンド

技術

ARkit

unity
リンク
macOS Catalinaでヒラギノ角ゴPro/ProNがなくなって困ってるfont-familyの設定を考える。｜榊原昌彦
macOS CatalinaのChrome77のフォント問題。勘違いしている人が多いので説明。 Chromeのデフォルトだった﹁ヒラギノ角ゴシック ProN﹂がCatalinaで未バンドルになる ↓ 該当するフォントがなくなったため、Sans Serifが明朝体で表示される ↓ フォント指定の甘いサイトは全部明朝体に！ pic.twitter.com/Cil92P8PGO — 池田泰延 (@clockmaker) October 8, 2019 注‥本記事はベストプラクティス紹介ではありません。記事内のフォント指定はわかりやすさを優先しているため、英語フォント名は割愛しておりますので、このまま利用すると意図していないフォントになることがあることご注意ください。この問題です。池田さんが書いてますが、端的にいうと﹁フォント指定が甘い﹂から起きています︵Sans Serifがなぜか明朝体で
snjx 2019/10/15
これは作る側の話っぽいけど、使う側は諦めるしかないっすかね？

macOS

フォント

技術

UI

フロントエンド
リンク
やさしいウェブのためにすべきこと。英国のウェブアクセシビリティ啓蒙ポスターの日本語版が公開 | inquire.jp
英国内務省がウェブアクセシビリティを高めるための啓蒙ポスターを発表し、日本語訳も登場した。障害者にも健常者にもやさしいウェブのために、まずは﹁知ること﹂から始めたい。この夏の参議院選挙で、重度障害者の国会議員が誕生した。快挙に喜ぶのも束の間、﹁国会議員が国会に登庁する﹂ために、参議院のバリアフリー化が進められた。大型の車椅子で利用できるスロープや車いす用トイレの設置、パソコンの持ち込みや、本人の代わりに挙手や投票を行う介助者の付き添い。一連の合理的配慮の実施を報じるニュースを通して、健常者が日頃は気づかない﹁不自由さ﹂の数々に気づかされた。オンラインにおける健常者と障害者の壁こうした﹁不自由さ﹂は、私たちが毎日のように利用しているインターネット上にも無数に存在する。障害のある人のうち、半数以上がインターネットを利用しているが、彼らが私たちと同じ体験を得られているわけではない。例え
snjx 2019/09/09
デザイン

設計

技術

フロントエンド

UI

UX

考察
リンク
医療機器のUI/UXデザイン〜デザインプロセスの全容〜 - 病院経営ウェブマガジン“Healthcare Compass (ヘルスケア・コンパス)”
私は株式会社ジャイロで医療機器の画面や教育コンテンツのUI/UXデザインおよびディレクションを行なっています。医療機器のデザイン業務は、主にメーカーから受注しています。10年前に心臓カテーテル用検査装置の画面デザインを受注して以来、心電計、血圧脈波検査装置、産婦人科用ECGモニタ、歯科用CTスキャナ装置、手術室用統合表示モニタなど、いろいろな機器の画面表示部のUI/UXデザインに取り組んできました。デザイン実施例‥手術室用統合表示モニタ︵AMEDからの支援プロジェクト﹁安全性と医療効率の向上を両立するスマート治療室の開発︵SCOT‥Smart Cyber Operation Theater︶﹂今回は、医療機器画面のUI/UXデザインについて、どのような流れで受注から納品までの業務を進めているのか、ステップを追ってご紹介します。ステップは大きく分けると3つあります。依頼から契約まで
snjx 2019/07/10
UI

医療

デザイン

設計

考察

資料

システム開発

技術
リンク
エンジニアが最高のUIをつくるためのプロトタイピング方法まとめ（2017年版） - Qiita
こんにちは、 UXデザイナーの @yuh_iw です。この記事は NTTコミュニケーションズ Advent Calendar 2017 の23日目です。すべては最高の体験のために弊社では、ようやく社内にUXデザインという言葉が浸透し始めていますが、実態はUIと共に語られることが多いです。︵実際は違うよ︶とはいえ今回はUIを作るために私達がいつも行っていることについて記載します。どうやってUIを作っていくのがよいかとにもかくにも、ユーザーに対する検証と学習をくり返すことです。最高のUI=カッコイイUIではありません。アーティスティックなUIでもありません。 UIにはユーザーがいるので、ユーザーが使いやすいと思わなければならないのです。そのために、使ってくれそうな人に、検証していく必要があります。検証するためにはいくつか方法がありますが、本稿ではUIプロトタイピングを行う
snjx 2019/07/09
UI

ツール

フロントエンド

設計

技術

システム開発

考察
リンク
プロトタイピングツール集
はじめに iPhone の登場から日本でも次第にアプリや Web における UI, UXというものが重視されるようになりましたが、昨今はプロトタイピング・ツールが盛り上がりつつあるようです。毎年いろいろなツールが登場してきているので、ここでは特に気になったプロダクト︵一応モバイル方面、特に iOS/Mac に近い所︶を自身のメモも兼ねて挙げていきたいと思います。プロトタイピング・ツール / サービス Prott 用途‥ワイヤーフレーム設計、ペーパープロトタイプの取り込み、画面遷移設計、共有 Goodpatch が開発したプロトタイピングツール。エディターでワイヤーフレームを描くこともできれば、Sketchからデータを読み込むこともできる。リンクをつないで Web やモバイル端末でプレビューすることも可能。Sketchプラグイン https://blog.prottapp.com/
snjx 2018/10/29
UI

プロトタイピング

システム開発

webサービス

技術

考察

ドキュメント

設計

ソフトウェア

ツール
リンク
ドキュメントKnockout.js
Knockoutのコンセプト宣言型バインディング UIに必要なのは ViewModel (シンプルなモデルオブジェクト) とデータバインドだけ。ややこしいDOM操作なしで、動的なインターフェイスを作ることができます。 UIの自動更新 ViewModel のプロパティが変更されると、自動的にUIの関連付けられた部分を更新します。依存関係のトラッキングデータの結合や変換を実現するためのデータ間の関係チェーンを暗黙的に設定します。 UIテンプレート幾重にもネストされたテンプレートも、バインドされた ViewModel を用いて素早くUIを生成します。
snjx 2018/10/10
UI

knockout.js

javascript

フロントエンド

webサービス

システム開発

技術
リンク
画面設計とか外部設計とか、もうやめようよ - masayang's diary
昨日は特徴(Feature)、粗筋(Story)、脚本(Scenario)でちょいと言及した﹁Feature, Story, Scenarioがごっちゃになりかけている﹂プロジェクトの人達とお話しする機会があった。よくよく見ると、FeatureとFunctionとがごっちゃになっていた。つまり、要件分析の段階で実装のことを考えていたのである。なぜ、そうなったのだろう？画面から要件分析をすると、こうなるどうやら要件分析する前の段階で﹁コンサルタント﹂の人達が、画面を使ってお客さんと﹁要件定義﹂をしていたらしい。﹁この画面でこういうデータを入力すると、こんな画面に遷移します﹂みたいなやりとりがあったのだろう。紙芝居感覚で交渉できるからわかりやすい。だけど、先に画面を決めちゃうというのはいくつかの(そして時に致命的な)問題を抱えている。実装をフィーチャとして捉える可能性。例え
snjx 2018/09/20
要件と実装の分離はあまり見れていなかったかもしれない。

UI

設計

分析

システム開発

要件定義

考察

技術
リンク
エラーメッセージはフォームのどこに表示するべきか
UX Movementの著者および設立者です。ユーザー体験のデザインスキルの開発を手助けしてよりユーザーフレンドリーな世界のために、このブログを創設しました。フォームのどこにエラーメッセージを配置していますか？　ユーザーの期待する場所にエラーメッセージが置かれていないと、ユーザーはフォーム入力を完了できなくなってしまうかもしれません。フォーム入力を間違えたら、ユーザーはそれを修正して送信し直すために、なにが間違っていたのかを理解する必要があります。フォームを完了しようと思っていたとしても、それがあまりにも大変であればユーザーは心変わりしてしまうでしょう。フォームの上か、フィールドのインラインかエラーメッセージの配置場所でもっとも一般的なのは、﹁フォームの上﹂と、﹁エラーのあるフィールドのインライン﹂という2箇所です。どちらの配置場所が、ユーザーにとってより直感的でしょうか？調査に
snjx 2018/08/28
UI

webサービス

システム開発

考察

技術

フロントエンド

あとで読む

設計
リンク
アプリのUI設計は「紙でやる」のが早い！ - Qiita
はじめにこんにちはー！！ UI設計やってますか？今回は﹁ペーパープロトタイピング﹂の話。アプリでは主流になってる現場も少なくないですよね！今までのやり方とペーパープロトタイピングの違いや、プロトタイピングツール﹁POP﹂と﹁Prott﹂の比較の話なんかをしようと思います！今までのアプリUI設計 Webデザインと同じ方法でアプリ設計を行っている場合、手順は ●ワイヤフレーム→モックアップ→実装厳密に言うと ●①ヒアリング→②ワイヤフレーム→③レビュー→④モックアップ→⑤レビュー→⑥実装→⑦レビューデザイナーがいないと ●①ヒアリング→②ExcelでUI設計→③レビュー→④実装→⑤レビューって場合も結構多いと思います。これ結構時間かかりますよね～。しかも！大抵の場合、実装後のレビューの段階︵つまり最終段階︶で﹁やっぱここ動きおかしいよね！直せる？﹂﹁・・・。︵えー！
snjx 2018/08/24
UI

設計

プロトタイピング

システム開発

webサービス

プログラミング

考察

技術

資料
リンク
邪悪なUIチェックポイント - その先へ
ハロー、@seto_hiです。北海道で避暑をしています。アプリ開発をしていると様々なコンバージョン率がKPIになることは多いですが、誠実さを欠いたUIを作ると数字がよく伸びることが稀によくあります。そういったものは一時的な利益には繋がりますが、長期的な利益には繋がらないと考えています。自分が今後そういったUIを作らないための予防線としてこの記事を書きます。不利益の排除・不利益な動線を奥深くに隠す・ユーザーが設定を変更する手間を増やす・﹁メールマガジンの解除にはメッセージを送ってください﹂・﹁メールマガジンの解除にはログインが必要です﹂・過度に警告を表示する・﹁この設定をOFFにするとアプリが正常に動作しなくなる可能性があります﹂・﹁本当にOFFにしてよろしいですか﹂・不利益な動線を目立たなくする・不利益な動線のシグニファイアを消す・スマートフォンならスクロール
snjx 2018/08/01
UI

デザイン

システム開発

考察

技術

設計
リンク
モードレスデザイン｜ai
はじめてiMacG3 を使った時、私はとても前向きな気持ちになった。説明書を読まなくても何をどうすればいいの分かったし、自分の思い描いた通りに動かすことができた。道具は使う人の能力を拡張させると言うけれど、私はあの丸いマウスと一緒に、文章を書いたり、絵を描いたり、本当に何でも出来る気がしたのだ。それは Mac だけではなかった。iPhone も、iPadも、Apple 製品はいつも私を高揚させた。なぜ私はこんなにも惹かれるのか。不思議に思いながらも、私は Apple 製品を追いかけてきた。どうして？ ... 実はその秘密は既に明らかになっている。それは、モードレスだからだ。直感的だとか、シンプルだとか、一貫性があるとか、そういったものは表出された一部にすぎない。この秘密は、今から9年も前にインターネットに公開されたテキストにあっさり書かれている。ソシオメディアの上野学
snjx 2018/03/23
デザイン

UI

設計

考察

技術

ソフトウェア

システム開発

まとめ

UX
リンク
GitHub - hirokidaichi/uiflow: uiflow - the simplest way to write down your ui-flow diagram like markdown
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
snjx 2017/10/16
UI

javascript

node.js

ツール

ドキュメント

設計

画面遷移図

システム開発

考察

技術
リンク
iPhone X対応におけるデザイン上の注意ポイント | fladdict
iPhoneXが発表されたわけですが、なにこのデザイナー泣かせの変態端末。 iPhoneのUI設計者グレッグ・クリスティが追い出されて、ジョナサン・アイヴがソフトウェア統括となったのが2014年。 iOS7のフラット化あたりから、どんどんとUI設計が置いてけぼりになった感がありましたが・・・ここにきてまたデザイナー泣かせの豪速球が。ざっくりデザインガイドラインを読んでの、気になったところメモ。画面サイズサイズは従来のベースであった4.7インチの375pt x 667ptから、375 x 812ptに。縦方向に145pt追加された。想定されるインパクト表示可能な情報量が増える縦スクロール系コンテンツのコンバージョンが増加スクロールで隠れるナビゲーションの必要性が低下画面上部のボタンのコンバージョンが低下ゲームなどの全画面イラストに、黒枠が出たり、見切れたりするグラフィッ
snjx 2017/09/13
こういうのOS側で吸収すべきじゃないのかな。

UI

iphone

iOS

デザイン

システム開発

プログラミング

技術

設計
リンク
1 2 次のページ