performance.markでパフォーマンス計測する
JavaScriptである区間にかかった時間を計測する時に、次のようなコードを書いたことがあると思います。 const start = performance.now(); // 処理 // 色々な処理がすべて終わった doSome(() => { console.log(performance.now() - start); }) Performance Timelineのperformance.markとperformance.measureなどを使うと、ある区間の処理時間をもっと簡単に取ることができます。 APIについて詳しくは以下の記事を見るといいと思います。 User Timing API: あなたの Web アプリをもっと理解するために - HTML5 Rocks Performance.mark() - Web API インターフェイス | MDN 簡単に解説すると perf
Web Bluetooth APIことはじめ | フロントエンドBlog | ミツエーリンクス
Bluetoothはデバイス間でのワイヤレス通信に日常的に使われています。代表的なものとしては、ヘッドフォンとPC間の接続や、外部センサーとスマートフォン間の接続などがあげられます。Bluetoothバージョン4.0で追加された速度よりも省電力に特化した通信方式 Bluetooth Low Energy（以下「BLE」）では、ここ数年で話題となったIoTデバイス間での接続などにも多く用いられています。 今回ご紹介する「Web Bluetooth API」は、そんなBluetoothをWebブラウザから利用して外部デバイスを検索したり、デバイスの持っている情報を読み書きするための機能を提供してくれるAPIです。 各ブラウザの実装についてはまだまだという状況ですが、macOSのGoogle Chromeではバージョン56からデフォルトの状態で使用可能になりました。APIの動作条件としてセキュリ
Intersection Observer API - Web APIs | MDN
This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2019. * Some parts of this feature may have varying levels of support. Learn moreSee full compatibilityReport feedback The Intersection Observer API provides a way to asynchronously observe changes in the intersection of a target element with an ancestor element or w
What’s new in IndexedDB 2.0? – Mozilla Hacks - the Web developer blog
The draft of Indexed Database API 2.0 is almost complete, providing several new APIs for fine-grained access to IndexedDB. The good news is that all these new APIs are implemented in Firefox and will be available in the release of Firefox 51 (currently available in Developer Edition, scheduled for general release in January 2017). In this article, we will share some examples of how to use these AP
Animating like you just don’t care with Element.animate – Mozilla Hacks - the Web developer blog
In Firefox 48 we’re shipping the <a href="https://developer.mozilla.org/docs/Web/API/Element/animate" target="_blank"><b>Element.animate()</b></a> API — a new way to programmatically animate DOM elements using JavaScript. Let’s pause for a second — “big deal”, you might say, or “what’s all the fuss about?” After all, there are already plenty of animation libraries to choose from. In this post I wa
特定の要素を全画面(フルスクリーン)にするFullscreen API
Updated 2013.10.30 / Published 2013.10.30 HTML5のFullscreen APIは、YouTubeなど動画画面の右下にある全画面表示ボタンを押すと動画部分のみが画面いっぱいに表示されるように、特定の要素を全画面（フルスクリーン）で提供できる機能です。IEもIE11から対応しており、いよいよ本格的に使える環境が整ってきました。 Fullscreen APIの実装状況 IEIE11よりmsのベンダー識別子付きで先攻実装 ChromeChrome15よりwebkitのベンダー識別子付きで先攻実装 FirefoxFirefox10よりmozのベンダー識別子付きで先攻実装 SafariSafari5.1よりwebkitのベンダー識別子付きで先攻実装 OperaOpera12.1よりサポート Opera15よりwebkitのベンダー識別子付きで先攻実装 iO
Using requestIdleCallback | Blog | Chrome for Developers
Many sites and apps have a lot of scripts to execute. Your JavaScript often needs to be run as soon as possible, but at the same time you don’t want it to get in the user’s way. If you send analytics data when the user is scrolling the page, or you append elements to the DOM while they happen to be tapping on the button, your web app can become unresponsive, resulting in a poor user experience. Th
Cut and copy commands | Blog | Chrome for Developers
IE10 and above added support for the 'cut' and 'copy' commands through the Document.execCommand() method. As of Chrome version 43, these commands are also supported in Chrome. Any text selected in the browser when one of these commands is executed will be cut or copied to the user's clipboard. This lets you offer the user a simple way to select a portion of text and copy it to the clipboard. This
simpl.info
This site aims to provide simplest possible examples of HTML, CSS and JavaScript. There are shortcuts for many of these pages (see full list). For example, simpl.info/v redirects to simpl.info/video. A list of web development resources is available from bit.ly/webdevres. Submit bug reports, requests and comments at github.com/samdutton/simpl.
Vue.js - The Progressive JavaScript Framework | Vue.js
The Progressive JavaScript Framework An approachable, performant and versatile framework for building web user interfaces. Why Vue Get Started Install Get Security Updates for Vue 2 Special Sponsor slot is now vacant - Inquire now Approachable Builds on top of standard HTML, CSS and JavaScript with intuitive API and world-class documentation. Performant Truly reactive, compiler-optimized rendering
Use web workers to run JavaScript off the browser's main thread | Articles | web.dev
In the past 20 years, the web has evolved dramatically from static documents with a few styles and images to complex, dynamic applications. However, one thing has remained largely unchanged: we have just one thread per browser tab (with some exceptions) to do the work of rendering our sites and running our JavaScript. As a result, the main thread has become incredibly overworked. And as web apps g
OLXTOTO | Situs Resmi Bandar Togel & Toto Pilihan Nomor 1
OLXTOTO itu seperti pintu gerbang rahasia buat kamu yang suka main togel online. Bukan sembarang tempat, ini situs resmi yang menjamin pengalaman mainmu bakal jujur dan super terpercaya. Kalau kamu penggemar berat toto online, OLXTOTO ini wajib banget jadi pilihan utama karena gampang diakses dari mana saja, dan pastinya aman banget buat kantong serta data pribadimu. Semua jenis permainan togel ya
AJS - audiolibjs.org
Water contamination is one of the major concerns lurking over our heads in today’s modern society. Today, you cannot imagine drinking tap water without filtering it. One of the common contaminants that you will find in tap water is total dissolved salts (TDS). TDS is a real concern, especially in areas where you get hard water. Are you considering installing an under-sink water purifier in your ho
jQuery : 要素の操作は必ずAPIを使うべし : typeOf 'aki_mana'
身近なところで話題になったので。 過去にも、「empty() とか remove() するより、DOMオブジェクトにアクセスして innerHTML = ”” した方が速いよ！」というブログエントリを投下する方が多かったのですが、「必ずAPIを使う」こと。 理由は、「メモリリークの温床だから」 GitHub で manipulation.js のソース読めば判るとおり、結構頻繁に jQuery.cleanData() が実行されてます。― jQuery.cleanData() メソッドは、data() API として独自に実装された「各要素と紐づけられるキー・バリューストア（メモリストア）」に対する処理なので、innerHTML を使う場合でも、jQuery.cleanData() を使うなら、まぁ問題無いです。 要するに、jQuery （Zeptoみたいな類似ライブラリもそう）は、常にH
Introduction | Frisby
Frisby makes REST API testing easy, fast, and fun. Frisby.js comes loaded with many built-in tools for the most common things you need to test for to ensure your REST API is working as it should, and returning the correct properties, values, and types. When you need something custom, Frisby.js also provides an easy way to customize and extend assertions to make your job easier, with less repetitiv
この夏Google Analyticsが新しくなるって知ってた？Universal Analyticsを予習しよう - Qiita
意外と認知度が低い感じですが、Google Analyticsがそろそろ新しくなりますよ！ 現在パブリックベータとして提供されているUniversal Analyticsが 予定では 7月中 に正式リリースになります。つまり今月！ 世の中見渡していると非エンジニアなウェブマスター向けの紹介記事が多い印象なので、ここではJavaScriptのインタフェースがどう変わったか、それを使ってエンジニアはどういうことができるようになるか、みたいな、よりエンジニア向けの話題を中心に書いてみたいと思います。 ソースは公式ドキュメントなので、より詳しく知りたい方はそちらを参照してください。 簡単なまとめ Universal Analytics(analytics.js)は... これまでのやつ(ga.js)よりJavaScriptのインタフェースがイケてる APIは存在するけどWebインタフェースが未実装
Using requestAutocomplete() - The Chromium Projects
Except as otherwise noted, the content of this page is licensed under a Creative Commons Attribution 2.5 license, and examples are licensed under the BSD License. The FAQ has moved here. See also the tutorial and HTML standard. Tips and tricks for developing When testing, you should tell Chrome to use Wallet's sandbox servers so that issued card numbers will not be chargeable. Go to about:flags an
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - localForage/localForage: 💾 Offline storage, improved. Wraps IndexedDB, WebSQL, or localStorage using a simple but powerful API.
JavaScript APIs you've never heard of (And some you have)
Secrets of Awesome JavaScript API Design
