ウェブ

クライアントエクスペリエンスデザイン

正直に言うと、私たちデザイナーは扱いが難しい場合があります。私たちは物議を醸す企業文化から来たり、型破りなスケジュールで仕事をしたり、インターネット接続が光速より遅いときはいつでも焦りを感じたりするかもしれません。この説明に一致するサービスプロバイダーに安心していただけますか？

Web開発リーディングリスト＃142：コンテキストID、フォームヒント、およびApplePay.js

今日は、次の週に何が起こるかに関係なく、歴史の1日になるでしょう。英国の大多数の人々はEUを去ることに投票しました、そしてこれは私たちの社会の多くの人々が現在の状況がもはや受け入れられないと思っていることをもう一度明らかにしました。残念ながら、私たちはそれらの人々を非難することが解決策だと思いますが、私たちが見るように、そうではありません。代わりに、**問題の根本原因について人々に教える**ことに焦点を当て、すべてをすぐに投稿しないようにする必要があります。他のニュースでは、私はあなたに読むべき新しい記事を持ってくるために休暇から戻ってきました。そして私は一つのことに気づきました。登山には本当のリスクと危険がありますが、ウェブサイトでの作業はほとんどそうではありません。もちろん、私たちのWebサイトの**セキュリティ**を最優先する必要がありますが、失敗しても、Webサイトが数分間ダウンした場合、一部のデバイスのレイアウトを台無しにした場合、あなたは死ぬことはありません。間違いを犯して修正することで、仕事を改善する機会があります。

ヒップホップのDAU：信頼性のための設計（ケーススタディ）

テクノロジー業界では、ヒップホップが支配的な芸術形態として台頭したときに、私たちの多くが成熟しました。その個人主義、勇敢さ、そして絶え間ない再発明の精神は、私たちが賞賛しないことを不可能にします。私たちのソートリーダーは[ミックステープ]（https://genius.com/artists/The-blind-mc）を作成し、[ラップの歌詞をデコードするアプリ]（https://genius.com/Marc-andreessen-なぜ-andreessen-horowitz-is-investing-in-rap-genius-annotated）。私の前の会社の創設者は、すべての企業のマイルストーンを祝うためにラップしました。私たちはそれについて私たちが好きなことを[定量化]（https://poly-graph.co/vocabulary.html）し、Instagramが写真を撮ったのと同じようにどういうわけかそれを技術化することを余儀なくされています。私も含めて多くの人が試しましたが、アプリでヒップホップの魅力的な品質をキャプチャするのは簡単な作業ではありません。

マシンを活用する方法：タスクランナーで生産性を高める

タスクランナーは、ほとんどのWebおよびモバイルアプリケーションの背後で静かに苦労しているヒーロー（またはあなたの視点によっては悪役）です。タスクランナーは、ファイルの連結、開発サーバーの起動、コードのコンパイルなど、多数の開発タスクの自動化を通じて価値を提供します。この記事では、Grunt、Gulp、Webpack、npmスクリプトについて説明します。また、開始するために、それぞれの例をいくつか示します。最後に、この投稿のアイデアをアプリケーションに統合するための簡単な勝利とヒントをいくつか紹介します。

アクセシビリティ：色覚異常のユーザーのためのUXの改善

Color Blind Awarenessによると[人口の4.5％が色覚異常です]（https://www.colourblindawareness.org/colour-blindness/）。あなたの聴衆がほとんど男性であるならば、これは8％に増加します。ほとんどのデザイナーは色覚異常ではないため、色覚異常の人のためのデザインは簡単に忘れられてしまいます。この記事では、色覚異常の人の体験を改善するための13のヒントを提供します。これは、通常の視力を持つ人にも役立つことがよくあります。色覚異常には[多くの種類]（https://www.colourblindawareness.org/colour-blindness/types-of-colour-blindness/）がありますが、色がはっきりと見えない、色が混ざっている、またはそうでないということになります。特定の色を区別することができます。

色覚異常のユーザーのための色のアクセシビリティの改善

WordPressウェブサイトの無料SSL

eコマースWebサイトをお持ちの場合、クレジットカードを安全に処理するにはSSLが必須です。ただし、支払いを処理していない場合でも、安全なHTTP（またはHTTPS）を真剣に検討する必要があります。特に、無料ですばやく設定する方法を紹介します。始めましょう。つまり、SSLはHTTPSの「S」です。 HTTPに暗号化のレイヤーを追加して、受信者が実際に本人であると主張し、許可された受信者のみがメッセージを復号化してその内容を確認できるようにします。

モバイルアプリユーザーのための楽しいオンボーディングエクスペリエンスを構築するためのロードマップ

アプリを起動するときは、ユーザーを引き付けるために多くの時間とリソースを費やす必要があります。広告、紹介プログラム、広報、コンテンツマーケティングなど、さまざまな手段を使用して、ユーザーをアプリに引き込むことができます。しかし、最終的にアプリをダウンロードすると、見捨てられたと感じることがあります。 **ユーザーにアプリが必要な理由を明確に示す**必要があります。調査によると、ダウンロードされたすべてのアプリの90％は一度だけ使用され、最終的にはユーザーによって削除されます。インターフェースの設計が不十分であるか、全体的にネガティブな体験であるために、人々はアプリを放棄することがよくあります。アプリで問題を解決する代わりに、人々は画面、メニュー、ボタンのジャングルを通り抜けようとして混乱します。

崇高なテキストで生産性を向上させるためのショートカットとヒント

Sublime Textは、間違いなく、最も強力なテキストエディタの1つです。満足しているユーザーの数はそれを証明しています。調べてみると、その強力な機能がシンプルでエレガントなインターフェースの背後にどれほど美しく隠されているかが最終的にわかります。しばらくの間SublimeTextを使用している場合は、今が新しい弾薬で武器をアップグレードするときです。私のお気に入りのヒントやコツをいくつか紹介します。それらを知ることは、プログラマーとしてのあなたの隠された力を世界に解き放つかもしれません。

GalenFrameworkを使用したレイアウトテストの技術

グラフィカルユーザーインターフェイスを設計するときは、常に未解決の質問があります。それをテストする方法を自動化するにはどうすればよいでしょうか。そして、** Webサイトのレイアウトが応答性を維持し**、さまざまな解像度のすべての種類のデバイスで正しく表示されるようにするにはどうすればよいですか？これに加えて、動的コンテンツ、国際化とローカリゼーションの要件から生じる複雑さは、実際の課題になります。この記事では、興味深い新しいレイアウトテスト手法について説明します。 _Galen Framework_を使用して、意味のある一般化されたレイアウトテストを作成するための詳細なチュートリアルを提供します。これは、任意のブラウザーとデバイスで実行でき、同時に設計ドキュメントの信頼できる唯一の情報源として使用できます。