Windows 10 では OS のコアが統合され、PC、Windows Phone、Xbox、IoT などのデバイス上でも稼働できるようになりました。これをユニバーサル Windows プラットフォーム (UWP) と言います。UWP は Windows 10 を実行するすべてのデバイスで利用可能な共通アプリ プラットフォーム を提供し、生産性および流動性に適した「妥協のない」エクスペリエンスを実現するという約束を果たしています。 このガイドラインでは、UWP の特性を活用したアプリ開発を行う上でのデザイン ガイドラインを示しています。UWP と銘打ってはいますが、すべてのデザイナー、アプリ開発者の皆さまがユーザー エクスペリエンスを考えるうえでのヒントが多くちりばめられています。ぜひ一度ご一読ください。 ダウンロード [Windows 10 アプリ UX デザイン ガイド (PDF/1

This is the presentation I gave at MozCamp Warsaw earlier this month. Many people have been asking for it, so it made sense to create a post about it, and give a bit more context the slides. Rewind to MWC 2012… It all started like a “skunks works” project, we had a few people working on many parts… I was contributing a few hours a week, and Josh Carpenter @joshcarpenter was tasked on penning the e

Most consumers know Firefox as a web browser – but that’s changing. We’ve been busy building a suite of new products and services that empower users and demonstrate that we’re the tech company that’s on their side. Brand Positioning To even have a seat at the table, our products have to perform as well as everything else out there, and meet users’ felt needs. But it’s our dual purpose – improving

JS ojisan #2

手抜きです

入力フォームって、基本的に忌み嫌われるもの。項目がたくさんあると、そっとタブを閉じたくなる。 旅行に行くときに、いろいろな旅行会社の入力フォームを見たけど、あまり使いやすくなかった。というか、見た瞬間に入力する気が失せてしまうような入力フォームが多かった。 入力フォームの多いページに関わることがあるので、入力フォームに関する資料をいろいろ読んだ。タブを閉じられないように、使いやすい入力フォームを考えたい。 入力フォームについて読んだもの 参考になったのはこれらの資料。どの資料も新しいものではないけど、参考になることはたくさんあった。 僕は英語が苦手で、そんな僕が読んだ感想を書くので間違いがあるかも。間違っていたら教えてください。詳細は原文を読んでください。 RIAC：RIAコンソーシアムユーザビリティガイドライン LukeW | Web Form Design Best Practices

あるアクションを引き起こす「モノ」を「リンク」とするか「ボタン」とするかは、何を基準に判断すればよいのでしょうか。ここでは最近の私の解釈を書きます。 最近の私の解釈 最近の私の解釈は「アクションが、ページの遷移かフォーカスの移動を発生させるものはリンク、そうでなければボタン」というものです。この解釈はWAI-ARIA 1.0のある注記がきっかけになっています。 WAI-ARIA 1.0 WAI-ARIA 1.0 （2011年1月18日勧告候補）にはlinkロールとbuttonロールがそれぞれ用意されています。中でもlinkロールには私の解釈の直接のきっかけとなった注記があります。 Note: If pressing the link triggers an action but does not change browser focus or page location, authors

著者: Gez Lemon件名: Introduction to WAI ARIA日付: 2008年8月1日URL: http://dev.opera.com/articles/view/introduction-to-wai-aria/訳者: Arata Kojima著作: This article is licensed under a Creative Commons Attribution, Non Commercial - Share Alike 2.5 license. WAI-ARIA導入 ARIAにはじめて触れる人たちのためにこの記事は書かれている。障害を持つ人たちがWebを使うにあたってぶつかる潜在的な難しさとHTMLの理解を必要とする。ユーザを観察すると、いくつかのRIAと親和性が高いことが分かるだろう。 この記事を読んだあと、ARIAが何の役に立つか、Webサイトにど

Microsoft Learn. Spark possibility. Build skills that open doors. See all you can do with documentation, hands-on training, and certifications to help you get the most from Microsoft products. Learn by doing Gain the skills you can apply to everyday situations through hands-on training personalized to your needs, at your own pace or with our global network of learning partners. Take training Find

重要 一部の情報は、リリース前に大きく変更される可能性があるプレリリースされた製品に関するものです。 Microsoft は、ここに記載されている情報について、明示または黙示を問わず、一切保証しません。 例 次のコード サンプルは、XAML での文字体裁 Capitals の使用を示しています。 バリアントフィーチャーは、要素に含まれるすべてのテキストに Paragraph 適用されます。 <FlowDocument FontFamily="Palatino Linotype" FontSize="24"> <Paragraph Typography.Capitals="SmallCaps"> This example shows the use of the Capitals property of the Typography object. The entirety of this

iOS は、タッチ操作主体の楽しく魅力的なアプリを開発できる、人気の高いプラットフォームです。しかし、Windows 8 の登場により、設計者と開発者は、創造性を発揮できる新しいプラットフォームを利用できるようになりました。 このケース スタディでは、iOS を使い慣れた設計者と開発者が Windows ストア アプリの設計原則に従ってアプリを作り直す際に役立つ情報を提供します。具体的には、iPad アプリで使われる一般的なユーザー インターフェイスとエクスペリエンス パターンを Windows 8 の Windows ストア アプリに変換する方法を紹介します。ここでは、これまでの経験を活かして iPad 用と Windows 8 用に同じアプリを構築します。さらに、一般的な設計シナリオと開発シナリオを使って、Windows 8 プラットフォームを活用する方法や Windows ストア ア

This browser is no longer supported. Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.

relativeTo パラメーターに対して相対的なマウスの位置。 例 次の例は、 を使用 GetPosition してマウス ポインターの位置を決定する方法を示しています。 マウス ポインターの位置は 構造体に Point 格納されます。 Xオブジェクトの と Y のPoint値は、 にTextBox表示されます。 // displayArea is a StackPanel and txtBoxMousePosition is // a TextBox used to display the position of the mouse pointer. Point position = Mouse.GetPosition(displayArea); txtBoxMousePosition.Text = "X: " + position.X + "\n" + "Y: " + positio

WPFでドラッグしてボタンやオブジェクトを移動させて配置を操作するアプリを作りたい場面は多々あると思いますが、Visual Studioの標準機能では簡単に実現できる手段は用意されていません。いくつか自力で実現する方法はあるのですが、WPFの開発を始めたときになかなか情報が得られなかったのでメモがわりにまとめておきます。 それじゃないドラッグ＆ドロップがしたいの Visual StuidoのヘルプやGoogleで安易に検索してみると見つかるドラッグ＆ドロップは、上記の操作(そしてあなたのやりたいと思っていること)とは異なっていると思います。Visual Studioが用意しているのは、例えばエクスプローラからファイルを自作アプリにドロップして開くような操作です。もしこれがビンゴなら下の方法で実現できます。 ドラッグ アンド ドロップの概要 | Microsoft Docs もしハズレだと思

Visual Studio 2010の開発サポートや標準機能の充実で本格的な実用が進むことが期待できるGUI技術の「WPF」。WPFを基礎から学べる連載スタート。 連載目次 WPF（Windows Presentation Foundation）は.NET Frameworkに含まれるプレゼンテーション層技術（GUI開発ライブラリ）である。 WPFはバージョン3.0以降の.NET Frameworkに標準搭載されている。それより前のGUI開発ライブラリであるWindowsフォームが、単にWin32 APIをマネージ・コードでラップしたものであるのに対して、WPFはマネージ・コードで新たに実装されたGUI開発ライブラリであり、豊かなユーザー体験を提供する先進的なGUI開発基盤である（詳細後述）。 .NET Frameworkが3.0、3.5、4とバージョン・アップし、WPFはすでに3世代目を