ウェブ

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

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

続きを読む

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

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

続きを読む

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

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

続きを読む

アクセシビリティツールの完全ガイド

新しい短い一連の投稿では、開発者とデザイナーにとって便利なツールとテクニックのいくつかに焦点を当てています。 最近、HTMLメールとSVGジェネレーターについて説明しました。 今回は、アクセシビリティテストプロセスを合理化するのに役立つさまざまな種類のツールについて検討します。 次のものをお見逃しなく。

続きを読む

DevKinstaを使用してローカルで複数のWordPressサイトをスピンアップ

WordPressのテーマとプラグインを開発するときは、さまざまな環境でそれらをテストする必要があります。 システム管理者になることなく、コンピュータ上に複数のテストサイトをすばやく簡単に作成するにはどうすればよいでしょうか。

続きを読む

Addy Osmaniによるポッドキャストエピソード39のスマッシング:画像の最適化

Smashing Podcastのこのエピソードでは、画像の最適化について話します。 2021年にパフォーマンスの高い画像を作成するには、どのような手順に従う必要がありますか? 専門家のAddyOsmaniに相談して調べます。

続きを読む

CSSが十分でない場合:アクセシブルなコンポーネントのJavaScript要件

ネタバレ注意:ツールチップ、モーダル、タブ、カルーセル、およびドロップダウンメニューは、CSS以上のものを必要とするユーザーインターフェイスコンポーネントの一部です。 インターフェイスのアクセシビリティを確保するには、フォーカス管理を実行し、キーボードイベントに応答し、ARIA属性を切り替えるためにJavaScriptが必要です。

続きを読む

Mapboxを使用してVue.jsでジオコーディングアプリを構築する方法

このガイドでは、フォワードジオコーディングとリバースジオコーディングの概念を一般的に見て、MapboxとVue.js 2.6.11を使用してこれらの概念を適用し、特定の場所を表示するミニアプリを構築します。 。

続きを読む

Webpack入門

最新のブラウザーはJavaScriptモジュールを適切にサポートしますが、webpackなどのモジュールバンドラーはJavaScriptツールチェーンの重要な部分であり続けます。 webpackとは何か、そしてそれを開発ワークフローでどのように使用するかを深く掘り下げてみましょう。

続きを読む

Vue3での共有状態の管理

大規模なVueアプリケーションを作成するのは難しい場合があります。 この記事では、Shawn Wildermuthが、ファクトリ、共有オブジェクト、Vuexの使用などのアプローチの長所と短所について詳しく説明します。 彼はまた、Vue3での共有状態の使用方法を変える可能性のあるVuex5.0の新機能についても説明しています。

続きを読む