JavaScriptを介したBluetoothデバイスとの通信
Web Bluetooth APIを使用すると、ウェブサイトはBluetoothデバイスと通信できます。 セキュリティとプライバシーが保護された状態で、ウェブサイトが近くのBluetoothデバイスと通信できると言ったら信じられますか？これが可能であれば、心拍数モニター、歌う電球、さらにはカメでさえ、ウェブサイトと直接対話することができることになります。 これまで、Bluetoothデバイスと対話する機能は、プラットフォーム固有のアプリでのみ可能でした。 Web Bluetooth APIはこれを変更し、ウェブブラウザでも実現することを目的としています。 まず始めに #この記事は、Bluetooth Low Energy（BLE）とGeneric Attribute Profile （GATT）がどのように機能するかについての基本的な知識があることを前提としています。 Web Blueto
Optimize resource loading with the Fetch Priority API | Articles | web.dev
When a browser parses a web page and begins to discover and download resources such as images, scripts, or CSS, it assigns them a fetch priority so it can download them in an optimal order. A resource's priority usually depends on what it is and where it is in the document. For example, in-viewport images might have a High priority, and the priority for early loaded, render-blocking CSS using <lin
クリティカル レンダリング パスのパフォーマンスを分析する | Articles | web.dev
クリティカル レンダリング パスのパフォーマンスを分析する コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 クリティカル レンダリング パスのパフォーマンスのボトルネックを特定して解決するには、よくある問題をよく理解しておく必要があります。ここでは、実践的なガイドに沿って、ページの最適化に役立つ一般的なパフォーマンス パターンの抽出にお役立てください。 クリティカル レンダリング パスを最適化すると、ブラウザはページを可能な限り早く描画できるようになります。ページの読み込みが速いほど、エンゲージメントが高まり、閲覧ページが増え、コンバージョン率が向上します。訪問者が空白の画面を表示する時間を最小限に抑えるには、どのリソースをどの順序で読み込むかを最適化する必要があります。 このプロセスをわかりやすく説明するために、まずは最もシンプルなケースから始めて、リソ
建材 | Articles | web.dev
コンポーネントは、最新のウェブ アプリケーションの構成要素です。独自のコンポーネントを作成する際、長く使い続けるには、どのベスト プラクティスに従うべきでしょうか。コンポーネントは、最新のウェブ アプリケーションの構成要素です。独自のコンポーネントを作成する際、時間が経過しても使えるようにするために従うべきベスト プラクティスはどれですか。 カスタム要素 デベロッパーはカスタム要素を使用して、HTML を拡張し、独自のタグを作成できます。カスタム要素は標準ベースであるため、ウェブの組み込みコンポーネント モデルの恩恵を受けることができます。その結果、モジュール性が高まり、さまざまなコンテキストで再利用できるようになります。詳細 Shadow DOM Shadow DOM は、コンポーネントのスタイルとマークアップのカプセル化を提供するウェブ標準です。これは、Web Components に
Async functions - making promises friendly
Async functions are enabled by default in Chrome 55 and they're quite frankly marvelous. They allow you to write promise-based code as if it were synchronous, but without blocking the main thread. They make your asynchronous code less "clever" and more readable. Async functions work like this: async function myFirstAsyncFunction() { try { const fulfilledValue = await promise; } catch (rejectedValu
Nikkei achieves a new level of quality and performance with their multi-page PWA | web.dev
Nikkei achieves a new level of quality and performance with their multi-page PWA Stay organized with collections Save and categorize content based on your preferences. With a publishing history of more than 140 years, Nikkei is one of the most authoritative media businesses in Japan. Along with their print newspaper, they have over 450 million monthly visits to their digital properties. To provide
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
