PWA, PRPL Pattern の概要と採用状況の調査 | MEDLEY Developer Portal
2020-07-17PWA, PRPL Pattern の概要と採用状況の調査こんにちは。メドレーにてジョブメドレー開発エンジニアをしています、矢野と申します。 ジョブメドレーでは、主にバックエンド ( Ruby on Rails ) の改修を担当してます直近では 「サイトパフォーマンス改善施策」 として、Rails コードのリファクタリングによる TTFB 高速化に取り組んでました「もう絶対にコケないのが分かってる」ビルドやテストを、手元のコンソールで何度も叩いて「わー。ちゃんと通る！」っていう時間が好きです今回は、上記の「サイトパフォーマンス改善施策」の文脈で調査した、PWA の実装パターンである PRPL Pattern という リソース提供の設計アーキテクチャ について紹介します。 PRPL Pattern とはref. Apply instant loading with the
ブラウザストレージ技術とプライベートブラウジング（改訂版） - Nothing ventured, nothing gained.
4年前に HTML5のストレージ技術とプライベートブラウジング - Nothing ventured, nothing gained. という投稿をした。ブラウザのストレージ技術であるWeb SQL Database、Local Storage、Session Storage（いずれもWeb Storageで規定）のそれぞれが各ブラウザのプライベートブラウジングモードで使えるかを試してみたものである。 4年が経過し、各ブラウザの実装状況も変化した。また、ストレージ技術にも変化があったので、改めて調査してみた。 対象としたブラウザは前回と同じ5種類。Internet Explorer、Firefox、Opera、Safari、Chrome。それぞれ以下のバージョンを用いた。 Internet Explorer - 11.0.9600.17126 (Windows 7) Firefox - 3
breach.cc - breach リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
ChromeTrigger.js
何が問題なんだろう? 描画崩れ? API未実装? 更新されないブラウザ? 作業量? バッドノウハウ回避? 考えなきゃいけない事が多すぎる? モバイルデバイスや モバイルブラウザが多すぎる? つまり Android Browser? Android Browser がボトルネック? どうすればいいんだろう? Android Browser が存在しない 新世界を創造 する? 新世界の神? それはちょっと無理… ユーザが Chrome だけを 使ってくれればいいのに? それってもしかして… ユーザが Android Browser で 開いてしまったページを 自動的に Chrome で開き直す 方法があれば解決? Wow! That's exactly what we want! Intent for Web! ChromeTrigger.js を使うと Android Browser で開い
WebIDE Lands in Nightly – Mozilla Hacks - the Web developer blog
Thanks! Please check your inbox to confirm your subscription. If you haven’t previously confirmed a subscription to a Mozilla-related newsletter you may have to do so. Please check your inbox or your spam filter for an email from us. Gregor Hey there, seems that the YouTube video is private? https://www.youtube.com/watch?v=n8c34wk4OnY June 23rd, 2014 at 08:23 Chris Heilmann My bad, fixed now. June
normalize.io - an ES6 module, Web Component, and SPDY/HTTP2 Push frontend development worfklow
normalize.io βetaimport the future, build the present, normalize the past. A streamlined ES6 Module, HTML Import, and SPDY/HTTP2 frontend development solution. Show Me an Example!The frontend development workflow has fundamentally changed with the advent of ES6 modules, HTML imports, and SPDY/HTTP2 push. Normalize provides a streamlined frontend solution by normalizing inconsistencies with browser
Chrome 36 Beta: element.animate(), HTML Imports, and Object.observe()
$200K 1 10th birthday 4 abusive ads 1 abusive notifications 2 accessibility 3 ad blockers 1 ad blocking 2 advanced capabilities 1 android 2 anti abuse 1 anti-deception 1 background periodic sync 1 badging 1 benchmarks 1 beta 83 better ads standards 1 billing 1 birthday 4 blink 2 browser 2 browser interoperability 1 bundles 1 capabilities 6 capable web 1 cds 1 cds18 2 cds2018 1 chrome 35 chrome 81
User timing API | Articles | web.dev
User timing API Stay organized with collections Save and categorize content based on your preferences. High performance web applications are crucial to a great user experience. As web applications become more and more complex, understanding performance impact is vital to creating a compelling experience. Over the past few years, a number of different APIs have appeared in the browser to help analy
Browser extensions vs your JS
Browser extensions vs your JavaScript What do browser extensions do? From the Chrome Extension Docs... Content scripts are JavaScript files that run in the context of web pages. By using the standard DOM, they can read details of the web pages the browser visits, or make changes to them. JS is running in your app that you didn't put there. Show me proof! DIY JS error logging window.onerror = funct
Github Issueをより楽しくするChromeエクステンション「Looks Tiqav To Misawa」 | mah365
Emojiなどを活用することで楽しくコミュニケーションできるGithub Issueですが、それだけだと少し物足りないですよね。Looks Tiqav To Misawaを入れて日常のコミュニケーションをもう少し彩ってみましょう。 使い方 エクステンションのダウンロード Chromeウェブストアからエクステンションをダウンロード＆インストールします。 Github Issueのコメント欄で使う 元ネタが分からないのですが、随所でよく見る”looks good to me”。!lとコメント欄で入力すると画像の候補が出てくる（１つ）ので、画像を選択するとコメントでその画像を使うことができます。 !t<query>の書式で入力すると、tiqavに登録されている画像から検索して選択することができます。ちくわしか持っていない場合は!tちくわと入力すると以下のように画像の候補が出てきます。 !m<qu
String repeat のアルゴリズムとパフォーマンス - hogehoge @teramako
ES6になると、String.prototype.repeatのメソッドが追加されるわけだが、そのアルゴリズムとパフォーマンスを追ってみている。 ES6 String.prototype.repeat の仕様では以下の様な感じでシンプルな書き方をしている。 countが 0 より小さい、または 無限大である場合は RangeError count 0 ならば、空文字列 そうでない場合は、count回、文字列を繰り返して連結する 単純に実装すれば、以下の様な感じで済む。 String.prototype.repeat = function (count) { if (count < 0 || !Number.isFinite(count)) throw new RangeError(); var result = "", str = this; for (var i = 0; i < cou
Moonshine - A lightweight Lua VM for the browser
A lightweight Lua VM for the browser Try it Get started Source available on GitHub. About Moonshine allows you to execute compiled Lua bytecode in a JavaScript environment, such as a web browser. Moonshine's debug engine allows you to add breakpoints, step through code and interrogate variables. At just 19kB gzipped, Moonshine is suitable for mobile connections and is compatible with older browser
Dev.Opera — Removing showModalDialog from the Web platform
The Blink team is looking to remove support for the showModalDialog() API. Following the initial announcement, there’s been a lot of confusion. This post explains what showModalDialog is, why it’s being removed, and what the consequences are for web developers. What is showModalDialog?The global showModalDialog() method displays a modal dialog box containing a specified HTML document. In this sens
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS JIT: Optimizing CSS Selector Matching with Just-in-Time Compilation
EpicEditor - An embeddable JavaScript Markdown editor
npm-dom
GitHub - axemclion/browser-perf: Performance Metrics for Web Browsers
GitHub - facebookarchive/fb-flo: A Chrome extension that lets you modify running apps without reloading them.
NightwatchでEnd-to-Endテストを行う
