ブックマーク / web.dev (3)

  • Deep-copying in JavaScript using structuredClone  |  Articles  |  web.dev

    Deep-copying in JavaScript using structuredClone Stay organized with collections Save and categorize content based on your preferences. The Platform now ships with structuredClone(), a built-in function for deep-copying. For the longest time, you had to resort to workarounds and libraries to create a deep copy of a JavaScript value. The Platform now ships with structuredClone(), a built-in functio

    Deep-copying in JavaScript using structuredClone  |  Articles  |  web.dev
    uraway
    uraway 2021/12/17
  • ユーザーの音声の録音  |  Articles  |  web.dev

    ユーザーの音声の録音 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 多くのブラウザで、ユーザーの映像と音声入力にアクセスできるようになりました。ただし、ブラウザによっては、完全に動的なインライン エクスペリエンスになる場合や、ユーザーのデバイス上の別のアプリに委任される場合があります。 シンプルかつ段階的に始める 最も簡単な方法は、事前に録音したファイルをユーザーに尋ねることです。これを行うには、シンプルなファイル入力要素を作成し、音声ファイルのみを受け入れることを示す accept フィルタと、マイクから直接取得する必要があることを示す capture 属性を追加します。 <input type="file" accept="audio/*" capture /> この方法はすべてのプラットフォームで機能します。パソコンの場合、ファイル システムからフ

    uraway
    uraway 2021/12/06
  • レスポンシブ ウェブ デザインの基本  |  Articles  |  web.dev

    レスポンシブ ウェブ デザインの基 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 モバイル デバイスを使用したウェブ ブラウジングは、天文学的なペースで増え続けています。こうしたデバイスはディスプレイ サイズに制約があることが多く、画面上でのコンテンツの配置方法について異なるアプローチが必要になります。 元々 Ethan Marcotte in A List Apart によって定義されたレスポンシブ ウェブ デザインは、ユーザーのニーズとユーザーが使用しているデバイスに対応します。レイアウトはデバイスのサイズと機能に応じて変わります。たとえば、スマートフォンではコンテンツが 1 列で表示されますが、タブレットでは同じコンテンツが 2 列で表示されます。 この動画では、利用可能な画面のスペースに合わせて、デザインが狭いビューポートから広いビューポートへ

    uraway
    uraway 2019/08/11
  • 1