Web制作者はブックマークしておくと便利！ 各UIコンポーネントのさまざまな実装方法のまとめ -The Component Gallery
Webサイトやアプリでよく使用される各UIコンポーネントのさまざまな実装方法がまとめられたThe Component Galleryを紹介します。 コンポーネントは再利用可能な単一の部品として利用でき、実装するコードや名前の付け方など、Web制作者には非常に勉強になると思います。 The Component Gallery The Component Galleryの特徴 The Component Galleryの利用方法 各UIコンポーネントのまとめ The Component Galleryの特徴 The Component Galleryには、実際のデザインシステムで使用されているUIコンポーネントがまとめられています。フロントエンドのデベロッパーとして毎日経験する問題を解決するために作成されました。 The Component Gallery コンポーネントや要素に名前を付けるの
Bootstrap 5のリリースはもうすぐみたい！注目の新機能、jQueryは削除、IE10のサポートは終了へ
Bootstrap 5のリリースがいよいよ近づいてきたようです。 Bootstrap 5では、jQueryは削除され、IE10のサポート終了が予定されており、注目すべき新機能を紹介します。 Bootstrap 5 release date and what's new about it by @zolidev 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに Bootstrap 5がリリースされる日 Bootstrap 5で注目の新機能 jQueryの削除 😱 IE10のサポート終了 📺 SVGのカスタムアイコン 🚀 JekyllからHugoへ切り替え 🔝 JavaScriptとCSSのアップデート はじめに Bootstrapがリリースされてから8年が経ち、現在では世界で最も人気のあるCSSフレームワークとなり
企画を元にゲームのUIを作るときの流れ｜tkm
「Game Graphic Design Advent Calendar 2019」の初日の記事です。 ゲーム制作に関する素敵な記事がたくさん公開されると思いますので、私自身もワクワクしてます。 言い出しっぺとして、初日としてまず何を書こうかなと思ってたんですが、以前Twitterでチラッとつぶやいた「普段ゲームUIを作るときってどういう工程があって、どういう流れで作っているか」をまとめてみたいと思います。 というのも、いろいろな方から「何から手を付けていいのか…」「デザインが上手くまとまらない」「デザイナーが社内外注みたいになってしまって…」みたいな話をよく聞きまして。 そのアンサーになるかは分かりませんが、自分の場合はこういうフローで、こういうことを意識してますよ。というのを書いてみたいと思います。 もちろん組織や人によってやり方は様々だと思いますので、こんな風にやってる人もいるんだ、
DarkModeのデザインを中心とした色彩設計の考え方 - くらげだらけ
こんにちは、くだくらげです。最近ははじめてのUIデザインという本を共著で書きました。 おかげさまでたくさんの人に読んでいただいて、コメントをもらえたりして嬉しいです。ありがとうございます！ PEAKSさんから出版しており購入できますので、よろしければ手にとってみていただけると嬉しいです。 peaks.cc 概要 WWDC 2019で新しく発表されたiOS13でOSレベルでのDarkMode設定が搭載されることになりました。MacOSの方は以前より追加されていましたが、iOSではなかったので個別のアプリが各々対応していました。 今回、iOSにもDarkMode設定が標準搭載されたことによって、iOSアプリのダークモード対応が必然的に迫られることになって来るのではないかと思っています。 ダークモードを好んで使う人は一定数存在していて、かく言う私もダークモードを好んで使っています。目に優しいだっ
UIテストの所要時間を10分の1にする試み、Raspberry Piのクラスタで並列実行。ソフトウェア品質シンポジウム2018
UIテストの所要時間を10分の1にする試み、Raspberry Piのクラスタで並列実行。ソフトウェア品質シンポジウム2018 開発現場の多くでテストの自動化が進む中で、テスト時間を短縮することはビルドとテストの待ち時間を減らし、開発効率を高める上で重要なポイントになってきています。 そうしたなかで時間がかかっていたUIテストの所要時間を短縮する手段としてRaspberry Piをクラスタ化する手法を紹介するのが、レバテック株式会社 折田武己氏です。 本記事では、9月12日から14日のあいだ東洋大学で開催された「ソフトウェア品質シンポジウム」（日本科学技術連盟主催）での折田氏のセッション「UIテストの所要時間を10分の1に短縮する取り組み～ラズベリーパイのクラスターで並列実行～」の内容をダイジェストで紹介します。 単体テストはさくさく終わるのにUIテストは時間がかかる レバテック株式会社
「AndroidはiOSと同じデザインで！」と言われたときの対応案 - Qiita
はじめに 「AndroidはiOSと同じデザインで！」と言われてどう実装しようか悩んでる方向けの記事です。 Androidアプリを作るなら当然マテリアルデザインガイドラインに合わせて1から画面設計するのが最高なんですが、そうはいかないことが経験上多いので対応案をざっくりまとめました。 諸注意 これは「iOSとAndroidのUI対応一覧」ではありません。 iOSとAndroidで同じような見た目のUI部品でも作られた経緯や目的は違うので、比較して置き換えるようなことは基本的にできないと思います。 とはいえなんの指標もないと辛いので、ここでは「iOSのこのUIをAndroidで代用できるのはこれかもね」くらいのニュアンスで列挙しています。 必ずしもどのアプリにも言えるようなことではないので、あくまでたたき台と思ってください。 「なぜAndroidらしくする必要があるのか」についてはこ
Segoe MDL2 Assets - Cheatsheet
Show Legacy and Duplicates (...) | Show Chinese/Japanese Symbols (...) | / | Tweet Loading... How to Use in XAML The easiest way to use the Segoe MDL2 (Microsoft Design Language 2.0) Assets font is with the TextBlock element. <TextBlock Text="" FontFamily="Segoe MDL2 Assets" AutomationProperties.Name="Favorite" /> Some icons are broken into multiple icons and can be overlapped.
コマンドやフラグを効率的に見つけられる――Google、「GCP」の新しい対話型CLI環境「gcloud interactive」を発表
コマンドやフラグを効率的に見つけられる――Google、「GCP」の新しい対話型CLI環境「gcloud interactive」を発表：既存コマンドの自動プロンプトやインラインヘルプ、bashの標準機能をサポート Googleは、Google Cloud Platform（GCP）サービスの拡充に伴い、それらを操作する大量のコマンドやフラグを効率的に見つけて使える新しい対話型CLI環境「gcloud interactive」を発表した。 Googleは2018年3月9日（米国時間）、Google Cloud Platform（GCP）の新しい対話型CLI（コマンドラインインタフェース）環境「gcloud interactive」を発表した。GCPサービスの拡充に伴い、コマンドやフラグの数が飛躍的に増えてきたことから、これらを効率的に見つけて使えるように新環境を用意したとしている。 clo
iPhone X対応におけるデザイン上の注意ポイント | fladdict
iPhone Xが発表されたわけですが、なにこのデザイナー泣かせの変態端末。 iPhoneのUI設計者グレッグ・クリスティが追い出されて、ジョナサン・アイヴがソフトウェア統括となったのが2014年。 iOS7のフラット化あたりから、どんどんとUI設計が置いてけぼりになった感がありましたが・・・ここにきてまたデザイナー泣かせの豪速球が。 ざっくりデザインガイドラインを読んでの、気になったところメモ。 画面サイズ サイズは従来のベースであった4.7インチの375pt x 667ptから、375 x 812ptに。縦方向に145pt追加された。 想定されるインパクト 表示可能な情報量が増える 縦スクロール系コンテンツのコンバージョンが増加 スクロールで隠れるナビゲーションの必要性が低下 画面上部のボタンのコンバージョンが低下 ゲームなどの全画面イラストに、黒枠が出たり、見切れたりする グラフィッ
vSphere Client(C#)とHost Clientとの機能比較例 - Writing Virtual Life
vSphere 6.5がGAからしばらく経ちますが、まだHost Clientでできることできないことをあまり把握していないと思い、とりあえずわかった範囲で記録します。 VMware Hands on Labの環境から抜粋しますので、あくまで参考程度に見ていただけると幸いです(権限を制限されているかもしれないため)。 対象バージョンはvSphere 6.5 GA同梱のHost Client 1.8。 比較対象はESXiホストに接続するvSphere Client C# (ESXiホスト相手になら6.5でも使えるんですよね・・・)。 まずリリースノートによるHost Clientでの使用可能な機能は以下。 ====== http://pubs.vmware.com/Release_Notes/jp/vsphere/65/vmware-host-client-18-release-notes.
ChocolateChip UI
How to Print a Test Page on Epson Printer? What is a Printer Test Page? Printer Test Pages are used for checking several things with your printer for maintaining and resolving the troubleshooting issues with the ink cartridges on your printer or just in the general maintenance of your printer. What Problems will a Test Page Resolve? A printer test page will detect and […] Continue reading Document
Powers of 10: Time Scales in User Experience
Summary: From 0.1 seconds to 10 years or more, user interface design has many different timeframes, and each has its own particular usability issues. The user experience field has its own version of "Powers of Ten" (the classic 1968 documentary by Ray and Charles Eames). For us, it's not so much that things get 10 times bigger or smaller; most user interfaces are about the same physical size, as d
Material Designを見てみた - クックパッド開発者ブログ
モバイルファースト室の @kaa です。 Googleが先日IOで発表したMaterial Designについての資料を見て、元Flasherの視点で いまさら思った事などまとめてみます。 Material design - YouTube アニメーション、スタイルのページについてメモです。 レイアウトのページ以降はまた次回に。 Introduction http://www.google.com/design/spec/material-design/introduction.html メタファーは紙？ カードは紙をイメージ、という話ですが、どうでしょうか？ もし紙だったらテクスチャの質感や表示時に傾く、ゆれる演出が入るんじゃないかと思います。 四角形がゆがむことはないので紙の見え方とは少し違いますし、紙のやわらかさがないですよね これのMaterial responseとか 紙ですと均
Excel デベロッパー ポータル
This browser is no longer supported. Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support. Office Add-ins documentation Use the Office Add-ins platform to build solutions that extend Office applications and interact with content in Office documents and in Outlook mail messages and calendar items. With Office Add-ins, you can use familiar web t
「Excelで使われる機能トップ10」から考えるユーザビリティ向上 － ＠IT
2007/03/14 「日米でユーザーインターフェイスを変えることも議論としてはあった。だが、結果としては日米でほぼ同じになった」。マイクロソフト ディベロップメントのプロダクトプランニング＆ユーザーエクスペリエンス グループ ユーザー エクスペリエンス リサーチャーの田中健史氏は3月14日の会見で、「2007 Microsoft Office System」のユーザーインターフェイスを完成させるまでのユーザービリティテストの経緯を公開した。日米ではOfficeの使い方に差があり、日本版OfficeのUIを独自にすることも議論としてはあったという。 Office 2007はOfficeのこれまでのUIを大きく変更し、複数の機能をタブでまとめた「リボン」を採用した。背景には前バージョンのOffice 2003までに機能やコマンドが増え続け、「エンドユーザーが機能を見つけられない」（田中氏）と
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ISPConfig Hosting Control Panel
Setup - Win32 apps
Foundations — Material Design 3
iOS Human Interface Guidelines：Designing for iOS （日本語）
Microsoft Learn: Build skills that open doors in your career