序文 WebKit と Gecko の内部オペレーションに関するこの包括的な入門ガイドは、 イスラエルのデベロッパー Tali Garsiel 氏による多数の研究の結果です。1 ～ 2、3 ブラウザの内部構造に関する公開データをすべて確認し、 あまり時間を費やすことはありません。彼女は次のように書いています。 ウェブ デベロッパーとしてブラウザの操作の仕組みを学ぶ より適切な意思決定を行い、開発の背後にある正当性を理解するのに役立つ ベスト プラクティスをご覧ください。これはかなり長いドキュメントですが、Google に 時間をかけて調査を進めていきます。できてよかったね。 Chrome デベロッパー リレーションズ、Paul Irish はじめに ウェブブラウザは最も広く使用されているソフトウェアです。この入門編では 舞台裏で働きます「google.com」と入力するとどうなるかを確認し
「Operaは変わり果てたのでもう使うな」と有識者が語る
ノルウェー発のウェブブラウザのOperaは、「Opera最強伝説」で知られるなど、ニッチながら根強い人気に支持されているブラウザです。テクノロジージャーナリストのコービン・ダベンポート氏が、「素晴らしいウェブブラウザだったが見る影もなくなった」としてOperaや派生ブラウザのOpera GXを使うのをやめることを宣言し、その理由をブログを説明しました。 Stop using Opera Browser and Opera GX https://www.spacebar.news/stop-using-opera-browser/ ◆これまでのOperaの足取り Operaは1995年にリリースされたウェブブラウザで、当初は有料ソフトウェアだったということもあり、当時主流だったInternet ExplorerやNetscape Navigatorに比べてユーザーは少なく、全盛期でさえニッチ
目次＃ 前編 準備段階：計画と指標 パフォーマンスを重視する文化、Core Web Vitals、パフォーマンスのプロファイル、CrUX、Lighthouse、FID、TTI、CLS、端末。 現実的な目標の設定 パフォーマンスバジェット、パフォーマンス目標、RAILフレームワーク、170KB/30KBバジェット。 環境の定義 フレームワークの選択、パフォーマンスコストの基準設定、Webpack、依存関係、CDN、フロントエンドアーキテクチャ、CSR、SSR、CSR + SSR、静的レンダリング、プリレンダリング、PRPLパターン。 中編 アセットの最適化 Brotli、AVIF、WebP、レスポンシブ画像、AV1、アダプティブメディア読み込み、動画圧縮、Webフォント、Googleフォント。 ビルドの最適化 JavaScriptモジュール、モジュール/ノーモジュールのパターン、ツリーシェイ
2021年のPHS
... そして今に至る。つまりPHS人生の半分近くをHYBRID W-ZERO3で過ごしたことになる。会社徒歩10分とかに住んでるのでテスト機材以外に他の端末を持ってないってのも有るけど。。 他がフラグシップ端末なのに途中で nico. が挟まっているのは就職活動のため。コレを握りしめてmixiの面接に行ったら アンケートが携帯電話回答方式 で、それによって一発で落とされたのは思い出深い。。(当時は新卒の就職の状況があんまり良くなく、2桁の会社を受けて内定をくれた会社は今の会社の他にIIJとCRI・ミドルウェアだけだった。) 他の端末は基本的に持ち歩いていない。なので、iアプリとか公式サイトのような、いわゆる携帯電話の文化には殆ど触れることなく育ってしまった。 HYBRID W-ZERO3 自体は10年の使用に耐え、W-SIMやUSBポートの蓋が千切れちゃった以外は問題なく使えていた。特に
毎日1億3000万人がアクセスするアダルトサイトのPornhubが2020年の「トラフィック分析レポート」を公開しました。世界中のユーザーがどのようなテクノロジーを使ってPornhubにアクセスしているかが詳細に解説されています。 The Pornhub Tech Review – Pornhub Insights https://www.pornhub.com/insights/tech-review ◆OSごとの検索結果 Pornhubで検索された単語をAndroid・iOSごとに集計したランキングが以下。単語の横に記された数値は、「他OSに比べた検索数の多さ」となっており、例えばAndroidの1位の「Japan(日本)」に記されている「＋112％」という数値は、「iOSに比べてAndroidの検索数が112％多い」ということを意味しています。Androidのランキングは、「Japa
Google BigQueryからAmazon Redshiftにデータを移行してみる | NHN テコラス Tech Blog | AWS、機械学習、IoTなどの技術ブログ
更新履歴 – 2020/1/8 記事内容の修正を行いました。 はじめに こんにちは。データサイエンスチームのmotchieです。 データウェアハウス(DWH)を使うことで、大規模なデータに対する高速なクエリ処理が実現し、BIを初めとした様々なデータ活用が可能になります。 クラウドDWHといえば、Amazon RedshiftやGoogle BigQueryなどが有名です。 re:Invent2019では、Redshiftの新機能 Amazon Redshift RA3 ノードが発表されました。 RA3ノードはAWS Nitro Systemベースの次世代コンピュートインスタンスで、頻繁にアクセスされるデータはノード上のSSD、それ以外はS3へ自動で配置されるマネージドストレージを備えています。 RA3ノードによって、以下のように、Redshiftは大きな進歩を遂げました。 ・従来のDS2ノ
1999年に発売され、人気を博した携帯電話「Nokia 3210」が2024年、デザインをアップデートして帰ってきた。新Nokia 3210は新たにカラーディスプレイと200万画素カメラを搭載、4G LTEにも対応した。英国での価格は75ポンド（約1万5000円）だ。 新Nokia 3210は最低限の機能しか持たないフィーチャーフォンだ。アプリはもちろん、NFC、ワイヤレス充電、タッチスクリーンも使えない。インターネットはかろうじて閲覧できる。欲しい文字が出るまでキーをタップすれば、SMSメッセージも送信可能だ。「T9入力」にも対応する。 新Nokia 3210が、Nokiaブランドの携帯端末を手掛けるHMD Globalによる話題集めに近い商品であることは間違いない。しかし、長いバッテリー駆動時間とコンパクトなデザインは確かに魅力的だ。現代のあわただしい生活からしばし逃れたいが、緊急時に
How browsers work Stay organized with collections Save and categorize content based on your preferences. Preface This comprehensive primer on the internal operations of WebKit and Gecko is the result of much research done by Israeli developer Tali Garsiel. Over a few years, she reviewed all the published data about browser internals and spent a lot of time reading web browser source code. She wrot
Opera used to be a fantastic web browser, with a custom high-performance Presto rendering engine and features like tabbed windows that didn't show up in competing browsers until years later. However, the modern Opera browser is a shadow of its former self, reliant on chasing trends and meme advertising to stay relevant. The company behind it has also created fintech services that break app store r
Things You Can Do With CSS Today — Smashing Magazine
The present and future of CSS are very bright indeed and if you take a pragmatic, progressive approach to your CSS, then things will continue to get better and better on your projects, too. In this article, we’ll look into masonry layout, :is selector, clamp(), ch and ex units, updated text decoration, and a few other useful CSS properties. CSS is great and getting better all the time. Over recent
One of the outcomes of the release of Core Web Vitals (and subsequent inclusion in Google's page ranking algorithm) is that we have been paying more attention to unexpected layout shifts and the cumulative layout shift (CLS) score. Some sources of layout shifts have been simple to resolve: pre-allocate the correct space for dynamic elements, use width and height attributes on images and prioritise
Back in 2011, I happened to get a job writing Backbone.js app. If you never did that, don’t. I was complaining about difficulties with composition left and right to whoever would listen. As I started digging into alternatives for the front-end, I discovered FRP and Flapjax, and ClojureScript. The last one got me hooked on Clojure. I even did a successful talk on FRP and ClojureScript (and precurso
Many tried, few remain... Last updated: July 2024 The loss of browser diversity since the rise of Chromium has been greatly lamented. Below you can find a graph that shows the historical and present browser engines (not browsers, but the HTML rendering engines), as well as from when to when they were developed. For the bigger engines, the market share is indicated by a coloured shape (see legend).
<details> と <summary> によるコンテンツの折り畳み / 展開 | Accessible & Usable
公開日 : 2020年6月13日 (2020年6月21日 更新) カテゴリー : アクセシビリティ / ユーザビリティ ウェブコンテンツの UI 設計において、デフォルトでは全体俯瞰を重視するなどの理由で概要コンテンツのみを提示し、ユーザーの任意で詳細コンテンツを展開表示させたい、というケースがあるかと思います。まさにそのための HTML 要素として、<details> と <summary> の組み合わせがあります。 「Can I Use...」によると、IE と Opera Mini 以外は、<details> および <summary> 要素をサポートしているようです。Windows 10 のデフォルトブラウザである Edge も対応するようになった (†) ので、デスクトップ / モバイルを問わず、概ね問題なく使えるようになってきたのかな、という印象です。 † ただしレガシー版 (
しかし、そのデザインの実装を開始したとき、ブラウザは一度に1つのビューポートしか表示できず、ブラウザのサイズを常に変更したり、非常に遅いレスポンシブデザインツールをいじったりしていました。Sketchと比較して、それは大きな制限を感じました。 同じ頃、私はElectronをいじっていました。これは、Webテクノロジを使用してデスクトップアプリケーションを作成できるフレームワークです。そこで、同じサイトを複数の幅で表示する小さなプロトタイプを作成することにしました。私はそれを自分で使い始め、すぐにそれが私をはるかに速くすることに気づきましたが、それができることはもっとたくさんあることにも気づきました。そこで、昨年までフルタイムで本当の製品に発展させることを決意するまで、サイドプロジェクトとして取り組んでいました。 InfoQ: Polypaneの基盤となる技術について教えてください。Elec
こんにちは、Ryohei（@ityryohei）です！ 本記事では、JavaScriptのFetch APIでJSONデータを取得する方法をご紹介しています。 では、解説していきます。 Fetch APIの概要 これまで非同期通信処理を実装する場合はjQueryのAjaxを使用してきました。JavaScriptのXMLHttpRequestを使用する方法では複雑かつ長い記述になってしまうため、敬遠してた部分もあります。フロント側でjQueryを使用していなくても、非同期通信が必要な場合はAjaxのためだけにjQueryを読み込む事例もありました。（懐かしいな～） しかし、Fetch APIの登場で、JavaScriptでも簡単に非同期通信が実装できるように！ そんな便利なFetch APIですが、難しそうだなというイメージが先行して手を出すことに躊躇している方もいらっしゃると思います。実際
さらなる匿名性どうせやるなら更なる匿名性をとゆう事で，幾つかこだわってみた． なお，今回は Android 4.4 でも動く過去バージョンなどをネットから取得して入れる必要があった． これは言うまでもなく セキュリティ的に はお勧め出来ない行為であるが，実験機となった端末の都合上の事なのでご了承を． 環境構築関係で要となるアプリをデスクトップに出してみた． Amazon アプリストアから OpenVPN Connect: ネットワークに出て行くパケットを全てVPN経由にして匿名性を高めてくれるソフト．Wikipedia Lite: どこが軽いのかあまり良くわからないけど．オフライン版も存在する様だ．Maps.ME: フリーの GPS ナビソフト．オフライン利用可能．Opera Mini: Android 4.4 でまともに動く現代的なブラウザを探したらコレしかなかったorzF-Droidか
![[GAFAM] Google に監視/追跡されない Android 端末を作る実験](https://cdn-ak-scissors.b.st-hatena.com/image/square/17df1238284696b15daf7b4ae364a8d18b62294f/height=288;version=1;width=512/https%3A%2F%2Fozy.be%2Fwp%2Fwp-content%2Fuploads%2F2019%2F12%2FScreenshot_2019-12-20-16-55-23-1.png)
This article should be your entry point for existing web security standards, most common web attacks and the methods to prevent them. At the end, you will also find out how and why Samy was everyone's hero.(except Rupert Murdoch's, I guess) Cross-origin resource sharing, or CORS, is security feature of IE10+, Chrome 4+, Firefox 3.5+ or almost every version of browser released after 2012 except Ope
IS01 って知ってます？ au が最初に発売開始した Android です。 でもスマートフォンではなくて、スマートブックという名前でした。 これです。物理キーボードが付いているんですね～。😲😆😄 当時入手しています。契約 0 円、月 8 円で 2 年使用。 その後 SIM 解約して Wi-Fi 使用、という状況ですね。 現在も使えています。キーボードの表面が一部剥がれてきてますけど。 今でも珍しいこの外観に、オークションでは現在でも数千円、 中古販売店では 1 万円を超える価格で販売されています！ 😲😲😲 でも、大きな難点が……Android 1.6 なのです。 おそらく最初に触れた Android は Android 2.3 とか Android 4 系だと思うんですよね。 Wi-Fi は今のルータでも対応しているので、インターネット接続できるのですが、 問題は SSL（
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ブラウザの仕組み | Articles | web.dev
フロントエンドパフォーマンスのチェックリスト2021年版（PDF、Apple Pages、MS Word）-中編 | POSTD
Pornhubが「トラフィック分析レポート」を公開、「Androidユーザーは日本のコンテンツを好む」などの結果が丸わかり
復活の「Nokia 3210」を試す--伝説の耐久性は健在？カメラ性能はどうか
How browsers work | Articles | web.dev
Stop using Opera Browser and Opera GX
How to avoid layout shifts caused by web fonts
A tale of webpage speed, or throwing away React
History of Web Browser Engines from 1990 until today
開発者向けの強力なブラウザであるPolypaneの作成者へのインタビュー
【JavaScript】Fetch APIでJSONデータを取得する
[GAFAM] Google に監視/追跡されない Android 端末を作る実験
CORS, XSS and CSRF with examples in 10 minutes
IS01 を 2020 年につかってみる。 | ふうせん🎈 FU-SEN