2020-07-17PWA, PRPL Pattern の概要と採用状況の調査こんにちは。メドレーにてジョブメドレー開発エンジニアをしています、矢野と申します。 ジョブメドレーでは、主にバックエンド ( Ruby on Rails ) の改修を担当してます直近では 「サイトパフォーマンス改善施策」 として、Rails コードのリファクタリングによる TTFB 高速化に取り組んでました「もう絶対にコケないのが分かってる」ビルドやテストを、手元のコンソールで何度も叩いて「わー。ちゃんと通る！」っていう時間が好きです今回は、上記の「サイトパフォーマンス改善施策」の文脈で調査した、PWA の実装パターンである PRPL Pattern という リソース提供の設計アーキテクチャ について紹介します。 PRPL Pattern とはref. Apply instant loading with the
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
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
何が問題なんだろう? 描画崩れ? 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 で開い
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 β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
$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 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 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
Emojiなどを活用することで楽しくコミュニケーションできるGithub Issueですが、それだけだと少し物足りないですよね。Looks Tiqav To Misawaを入れて日常のコミュニケーションをもう少し彩ってみましょう。 使い方 エクステンションのダウンロード Chromeウェブストアからエクステンションをダウンロード＆インストールします。 Github Issueのコメント欄で使う 元ネタが分からないのですが、随所でよく見る”looks good to me”。!lとコメント欄で入力すると画像の候補が出てくる（１つ）ので、画像を選択するとコメントでその画像を使うことができます。 !t<query>の書式で入力すると、tiqavに登録されている画像から検索して選択することができます。ちくわしか持っていない場合は!tちくわと入力すると以下のように画像の候補が出てきます。 !m<qu
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
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
Gaming, Opera GX Opera GX now lets you control every detail of your browser, with more customization options... November 20th, 2024 With the latest update, Opera GX now expands its modding features, giving you even more ways to completely transform your... Desktop Get Spotify Premium with Opera One R2’s new Music Player November 19th, 2024 Spotify becomes the default music player in Opera One R2.
Nightwatchは、Node.js上で動く受け入れテスト用のフレームワークである。このツールは、Webアプリケーションのテストを自動化するために、Selenium WebDriver APIを使用している。また、Selenium Serverと相性が悪いJavaScriptやCSSセレクタを使ってEnd-to-Endテストを書くことができるよう、シンプルなシンタックスを用意している。 独立して動作し、モックやスタブを使用するBDDやユニットテストとは反対に、End-to-Endテストはできるかぎり本物のシステムのユーザに近い感覚をエミュレーションしようとする。Webアプリケーションの場合、それはブラウザの起動、ページの読み込み、JavaScriptの実行、DOM操作などを意味している。Nightwatchはシンタックスシュガーを用いて、この目標を達成しようとしているのだ。 this.d
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く