ウェブ

VSCodeでカスタムEmmetスニペットを作成する

この記事では、Manuelが、EmmetがHTMLおよびCSSを作成するための彼のお気に入りの生産性ツールの1つである理由と、フロントエンドワークフローをさらに改善するためにVisualStudioCodeでカスタムEmmetスニペットを作成する方法について説明します。

Next.jsを使用して複数の作成者のブログを作成する

この記事では、Next.jsアプリケーションでさまざまな種類のコンテンツを接続する方法について説明します。この手法を使用すると、プロジェクトに1対1、1対多、さらには多対多の関係を追加できます。

主要なEdTechプラットフォームのUX監査を実行する方法（ケーススタディ）

この記事は、UX監査がUIにどのように影響するかについてのケーススタディです。有名な教育プラットフォームをヤコブニールセンのユーザビリティガイドラインに照らしてedXで分析する方法を説明します。まず、Mark Lankmillerが、UX監査に使用したすべての基準と指標を共有します。

問題解決戦略としてのデザイン思考の台頭

私たちが働くダイナミックで予測不可能な環境では、最も注意深く作成されたソリューションでさえ、短い保管寿命を持つ可能性があります。私たちの仕事が永続的でなく、問題解決能力が限られていることを受け入れると、私たちの目標は、完全なソリューションの提供から、ユーザーが自分で適応的に設計できるようにするツールの開発に移行できます。

AutoVOを使用したmacOSでのスクリーンリーダーテストの自動化

自動テストは、アクセシビリティのテストを含む、あらゆるソフトウェアプロジェクトの重要な部分です。アクセシビリティをリンティングおよび統合テストするためのツールはすでに存在しますが、実際の支援技術を使用したエンドツーエンドのテストについてはどうでしょうか。これまで見たことがなかったので、VoiceOverスクリーンリーダーのドライバーであるAutoVOの構築に着手しました。

コードを使用した設計：設計への最新のアプローチ（開発の課題）

ツールとプロセスの両方で何年にもわたる革新の後、設計と開発の間の闘争は依然として現実のものです。この記事では、設計から開発プロセスを改善するためのベストプラクティスと、Mergeテクノロジを利用したUXPinなどの最先端のソリューションが変更の促進にどのように役立つかに焦点を当てています。

ReactとTesseract.js（OCR）を使用した画像からテキストへの変換

データは画像またはスキャンされたドキュメントを介して提供されるため、手動でデータを処理する必要がありますか？画像からテキストへの変換により、画像からテキストを抽出して、画像、ビデオ、およびスキャンされたドキュメントのテキストの処理を自動化できます。この記事では、ReactとTesseract.js（OCR）を使用して画像をテキストに変換し、画像を前処理し、Tesseract（OCR）の制限に対処する方法について説明します。

音声アシスタントの代替音声UI

音声アシスタントは、現在、音声ユーザーインターフェイスの最も一般的な使用例です。ただし、音声アシスタントはユーザーに話しかけることでフィードバックを提供するため、アシスタントはアラームの設定や音楽の再生などの単純なユーザータスクしか解決できません。音声ユーザーインターフェイスを実際に突破するには、ユーザーへのフィードバックを聴覚的ではなく視覚的にする必要があります。

Next.jsでのクライアント側ルーティング

Next.jsにはファイルベースのルーティングシステムがあり、各ページはそのファイル名に基づいて自動的にルートになります。この記事では、Next.jsでのルーティングについて知っておく必要のあるほとんどすべてのことをガイドし、関連するトピックと概念の方向性を示します。

あなたの画像はおそらく装飾的ではありません

最新のWebでの画像の配置は非常に意図的なものであり、ページまたはビューの全体的な目的を伝えるのに役立ちます。これは、宣言するほぼすべての画像に代替の説明が必要であることを意味します。