自社Webサービス上にボタンを配置して、PDFをダウンロードできるようにしたいという要望がありました。しかも 表などのリッチな表現を活用したい 動的に表示する内容が変化し、内容に応じてページ送りをしたい これらは自社Webサービス上のページとしても表示している（しかも認証が必要なページ） という条件でした。react-pdf や html-pdf を使えばできなくはなさそうですが、できるだけスタイルを楽に・デバッグをかんたんに行ないたかったので、別の方法を考えました。 そう、みんな大好きヘッドレスブラウザを活用した方法です。この手の課題のときにはよく手段として上がりますよね。@media print などを使って印刷用に表示する内容の調整もできるし、サービス上のコンポーネントを使ってスタイルできるので非常にかんたんにPDFのコンテンツのスタイルが行なえます。 ただ、問題は認証です。Webサ
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます Microsoftは米国時間8月20日、刷新された「Microsoft Edge」ブラウザーの最初のベータ版をリリースしたと発表した。また、数カ月後のメインストリームを対象としたリリースに向け、バグの除去に手を貸してくれる人を募集している。この新たなEdgeは、Googleのオープンソースのブラウザー開発プロジェクト「Chromium」をベースに構築されている。この新しいEdgeのベータ版は、「Windows 7」や「Windows 10」、「macOS」で利用できる。 これまでは、比較的粗削りなビルドである「Canary」版と「Dev」（開発者向け）版がリリースされていた。これらは、最新の変更が頻繁に反映されるものの、テストが不十分な
【速報】Chromiumを採用した、mac OS版のMicrosoft Edge（プレビュー版）がリリースされました！ | コリス
mac OS版のChromiumを採用したEdge（プレビュー版）がリリースされました。 Windows 10版と同じで、デベロッパーツールも利用できます。 Introducing the first Microsoft Edge preview builds for macOS このペースなら、年内に正式版がリリースされそうですね。 あとは、移行がスムーズに行われれば、開発も楽になります。ブラウザ検証用にWindowsが必要ということもいずれなくなるかもしれません。 mac OS版のMicrosoft Edgeは、下記からダウンロードできます。
$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
2020年の1月-3月の3ヶ月間、GoogleのChromeチームでインターンをしました。Chromeプロダクトでインターンをするのはこれで3回目です。したがって、Chromeにもインターンにも比較的慣れており、仕事のスタートアップとラップアップに限って言えば正社員さんよりも回数をこなしている入社と退職のエリートです。 そんな僕が今年配属されたのはChrome Worker Teamでした。この記事ではインターンで実際に体験させてもらった「ChromiumでFeatureをShipする流れ」について紹介しようと思いますが、その前に今回のターゲットであるWorkerというものについて軽く説明してみます。(詳しい仕組みなどはまた別の記事で書いたり書かなかったりします。) Workerとは？ Workerとは、別スレッドでスクリプトを処理させるためのAPIです。重そうな処理とか別働隊として稼働し
「Chromium OS」で古いノートパソコンを再利用
ノートパソコンの世界において、数年前の製品はあっという間に低スペック。とはいえ、古いノートパソコンといえども立派な電子デバイスです。どうにか活用したいなら「Chromium OS」を導入するという手もあります。実際に、ドライバーの不具合で起動できない古いノートパソコンにChromium OSを導入してみました。 Chromium OSは低スペックでも軽快 「Chromium OS」とは、GoogleChrome OSのオープンソース版のこと。元はGoogleが開発したOSで、Chromeブラウザ上で各種Webアプリを使うことを前提に開発されています。ウェブ閲覧はもちろんのこと、オンラインストレージにGoogleドライブ、文書作成にはGoogleドキュメントといったサービスが利用可能です。 Windowsに比べてOS自体が非常に軽く、低スペックの古いパソコンでも軽快に動作するのが最大の特徴。
2021/09/22にリリースされた v.15.0.0 中でIPC通信周りに大きな変更はありませんでした。 ただ、その前のバージョン（14.0.0）で、contextBridge.exposeInMainWorld(apiKey, api)からExperimental（実験的）が取れ、正式運用となっていたようです（#30011）。 Electron における IPC 通信 Electron で Desktop アプリケーションを作るにあたって理解しなければならないのは、根幹を成す「IPC通信」かと思います。IPC は Inter-Process Communication、プロセス間通信の略です。 IPC 通信の方法については、Electron において、いくつかの段階を経て、進化を遂げています。今回の記事では、その歴史を追いながら、仕組みとセキュアな方法を書いていきたいと思います。 なぜ
「Internet Explore 11（IE 11）」で「Microsoft 365」を使えるのは2021年8月17日まで
「Internet Explore 11（IE 11）」で「Microsoft 365」を使えるのは2021年8月17日まで 米Microsoftは8月17日（現地時間）、Webブラウザ「Internet Explore 11（IE 11）」および「Microsoft Edge Legacy」（2015年7月にWindows 10の既定ブラウザとしてリリースされたHTMLベースのブラウザ）の「Microsoft 365」でのサポート終了までの日程を発表した。 基本的には、IEの最新版はOSと同じ期限までサポートされる。今回発表されたのは、Microsoft 365でのサポートについてだ。つまり、IE 11からMicrosoft 365アプリやサービスにアクセスできなくなるまでの日程だ。 まず、今年の11月30日以降、IE 11でWeb会議サービス「Microsoft Teams」が使えなく
電子情報学特論： Chromium のアーキテクチャを解き明かす 〜 EEIC の授業が生きるプロダクトの世界〜 Kentaro Hara 2022 April (๑>ᴗ<๑) * * * *
日本マイクロソフトさん、「Microsoft Edge」の“使える機能”ってなんですか？ 製品担当者に直接聞いてみた
日進月歩で発展を続けるITの世界。「WebブラウザといえばInternet Explorer」だった時代は過ぎ去り、今では「PCを購入しネットに接続したら、まずはお気に入りのWebブラウザをダウンロードする」という人は珍しくないはず。でも、こんな疑問を抱いたことがある人もけっこういるのではないでしょうか？ 「Windows 10に標準搭載されているけど、Microsoft Edgeってどれくらい使えるんだろうか？」 今回は、そんな疑問を日本マイクロソフトの製品担当者に直接ぶつけてみました。Microsoft Edgeを選ぶメリットって何なんです？ Windows 10のユーザーなら必ず見ているMicrosoft Edgeのロゴ 本企画は上下2本構成となっています 「Microsoft Edge」の“使える機能”ってなんですか？ Chromeと同じエンジンを採用した“新Microsoft E
Chromeブラウザ、バージョン100のリリースが新たな2000年問題の引き金に？ 2021 12/24 Chromeブラウザは世界中で最も多く使われているWebブラウザであり、積極的なバージョンアップがおこなわれています。 現在のバージョンは96であり、もうじきバージョン100がリリースされるとみられますが、このリリースが新たな2000年問題の引き金になる可能性があるとのことです。 2桁のバージョンしか読み取れないサイトが多数存在 この問題は、Chromeブラウザがバージョン100で革命的な新機能を搭載することが原因ではありません。 Webサイトの中に、アクセスしているWebブラウザのバージョンを2桁しか読み取れないものが多数存在していることが問題とされています。 Webサイトは一般的に、アクセス時にブラウザのユーザーエージェント文字列を読み取り、使用しているWebブラウザの種類やバージ
Windows PCにCloudReadyをインストールしてChromebookとして再利用する：中古PC活用（1/2 ページ） 中古PC活用の第7弾。今回は、CloudReadyをインストールしてみる。使い古しのPCにChromium OSを移植したCloudReadyをインストールして活用しよう。
Fedora開発チームは1月23日(米国時間)、「FEDORA-2021-48866282e5 — security update for chromium — Fedora Updates System」において、Webブラウザ「Chronium 88.0.4324.96-1.fc33」のリリースを発表した。このリリースには多くの脆弱性の修正が含まれているが、それに加えて同期機能およびGoogle APIを利用した拡張機能が無効にされているという。この変更は、GoogleがGoogle Chromeを除くChroniumビルドからGoogle API機能へのアクセスを遮断する方針を発表したことに基づくものとされている。 FEDORA-2021-48866282e5 — security update for chromium — Fedora Updates System Googleは
Thorium Browser
Chromium fork for Linux, Windows, MacOS, Android, and Raspberry Pi named after radioactive element No. 90. Highlights Compiler optimizations include SSE4.2, AVX, AES, and modifications to CFLAGS, LDFLAGS, thinLTO flags, import_instr_limit flags, and PGO, as well as other compiler flags. LLVM LOOP optimizations as -mllvm flags Learn more about these compiler optimizations and how they work Here. UI
This commit was created on GitHub.com and signed with GitHub’s verified signature. Big changes Chromium 81.0.4044.0 (r737027) Puppeteer can now fetch a Firefox Nightly binary for you via PUPPETEER_PRODUCT=firefox npm install. Also, there’s now an example showing how to launch Firefox with Puppeteer. File uploads are generally more reliable (#5363) and elementHandle.uploadFile(...filePaths) now tri
$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
Forking Chrome to turn HTML into SVG November 11, 2022 I've been working on a program called html2svg, it converts web pages to SVG. It's based on a fork of Chromium to support modern web standards. This post explains most patches. Take a picture SkiaBlinkPDF<div style="width: 50px; height: 50px; background: red" />canvas->drawRect(0, 0, 50, 50, SkPaint { .fill = SkColor::Red })(GPU)GaneshRaster(C
こんにちは、テリーです。GoToEat使ってますか? 昼も夜もオトクに外食できるのはとてもありがたいですね。飲食店の方々は今年はずっと大変だったと思いますが、今回のキャンペーンを機に、キャッシュレス決済やオンライン予約など、DXを進めて成果を上げていただけるのを期待しています。 さて、今回はテレカンでステレオマイクを使うケースを取り上げたいと思います。テレワークの時代には1人1部屋で独立しているので、ノートパソコンのマイクやヘッドセットのマイクを使って音声収録している人がほとんどだと思いますが、会社に出社している方は、小会議室に2〜3人集まって、テレカンするケースもあるでしょう。もしくはテレカン中に高品質ビデオを共有配信し、臨場感のある音を確認するというケースもあるでしょう。 いまどきマイクはステレオになってるでしょ?と思っている人も多いと思いますが、ステレオになっているのはスピーカーだけ
前回のechoサンプルを少し改良しました。 前回はechoサンプルを動くようにしましたが、 今回はHTML側に切断処理を入れ、WebTransportのセッションが閉じられた時にQUICのイベントログを出力するようにしました。 今回はそのログも合わせてプロトコルを理解していきます。 ソースコードはこちら WebTransport? HTTP/3?? QUIC??? 何それおいしいの? WebTransportに何となくワクワクと闇の気配を感じている皆様こんにちは。 今回は前回のechoサンプルとドラフトを睨めっこしながらプロトコルについて理解していきたいと思います。 ここではChrome M97に実装されている WebTransport over HTTP/3について調べていきます。 どうしてWebTransportが必要なの? ブラウザで双方向通信がしたい けどWebSocketはTCP
この記事は Nikkei Advent Calendar 2020 20日目の記事です。 日経電子版Webチームの阿部です。今回はHTTP/2の目玉機能の1つであったServer Pushの事実上の終焉と、現在ChromeチームやFastly社が実験中の103 Early Hintsについて、日経電子版Webでの取り組みを紹介させていただきます。 HTTP/2 Server Push HTTP/2 Server PushはHTTP/2で策定された、一言で言ってしまうと「必要なリソースがリクエストされる前にサーバーからクライアントに送ってしまおう」という技術です。 これによりクライアントがリクエストするリソースを先回りしてサーバーが送ることで、必要なリソースが揃うまでにかかる時間を短縮できるため、パフォーマンスの向上が期待されていました。 Server Pushの問題点 一方、サーバーからク
ブラウザエンジンのChromiumをベースに開発されているGoogleのウェブブラウザ「Chrome」が、Chrome経由でPCで利用可能なChromeアプリのサポートを段階的に終了していくことを発表しました。 Chromium Blog: Moving Forward from Chrome Apps https://blog.chromium.org/2020/01/moving-forward-from-chrome-apps.html Chromeアプリが最初にリリースされたのは2013年のこと。それ以降、Chromeアプリは大幅な進歩を遂げており、プラットフォームに豊富な新機能を提供してきました。ChromeアプリはChrome向けに提供されているアプリですが、Chromeが使用しているブラウザエンジンのChromiumを使うブラウザは、Chromeの他にもMicrosoftのE
Supporting the Use of Rust in the Chromium Project
The latest news and insights from Google on security and safety on the Internet
What's New In DevTools (Chrome 77) | Blog | Chrome for Developers
Copy element's styles Right-click a node in the DOM Tree to copy that DOM node's CSS to your clipboard. Figure 1. Copy element styles. Thanks Adam Argyle and VisBug for the inspiration. Visualize layout shifts Supposing you're reading a news article on your favorite website. As you're reading the page, you keep losing your place because the content is jumping around. This problem is called layout
2023年5月、Vivaldiの日本先行でのiOS版プレビューリリース発表のためヨンが来日したことをきっかけに、インターネットの将来やアクセシビリティについて語る対談の機会が設けられました。 Vivaldiブラウザの創業者ヨン・フォン・テッツナーは、'90年代から長きにわたりWebブラウザ開発に携わってきた、ブラウザ業界のキーパーソンの一人です。彼のブラウザ開発のコアには、ユーザ一人ひとりのニーズに合わせた非常に柔軟なカスタマイズ性や、プライバシー保護があります。また、一部ビックテック企業によるユーザ行動の監視から逃れ、インターネットの安全性を高めるためのオープン標準規格やルール作りなどに貢献する活動も行っています。 聞き手は、ミツエーリンクス社でWeb標準技術の策定やアクセシビリティの啓発に携わってきた木達一仁氏です。 左から木達氏、ヨン、冨田 2023年のホットトピックから～生成系AI
Microsoftが次期Windows 10のアップデートで追加する予定のChromium版EdgeのmacOS版がCanary Channelでリリースされた。キーボードショートカットなどのUIやデザインがMacに最適化されている。
通常のOperaブラウザとの大きな違いは、CPUとメモリの使用量を制限する機能を搭載したこと。Opera GXが利用するマシンリソースを制限することで、ブラウザを終了しなくてもPCゲームを快適に遊べるという。 ブラウザの外観は、ゲーミングPCでよく利用されるLEDライトから着想を得たデザインとなり、アクセントカラーを設定から自由に変更できる。 多くの機能は通常のOperaブラウザと同様で、ゲーム実行の配信プラットフォーム「Twitch」や「Facebook Messenger」などのメッセンジャー機能を統合したサイドバーや、広告ブロック機能、無料VPN機能などを備える。Operaストアから拡張機能をインストールできる他、米Googleの「Chrome」ブラウザの拡張機能とも互換性があるという。
Microsoftが、Chromium版ブラウザ「Microsoft Edge」の正式版を2020年1月15日に公開すると発表した。WindowsとmacOS版だ。新ロゴはイノベーションの波を表現したとしている。 米Microsoftは11月4日（現地時間）、フロリダ州オーランドで開催の年次テクニカルカンファレンス「Microsoft Ignite 2019」で、Chromiumuベースの新Webブラウザ「Microsoft Edge」の正式版を、2020年1月15日にWinowsおよびmacOS向けにリリースすると発表した。
Net Applicationsから2020年2月のデスクトップブラウザのシェアが発表された。2020年2月はChromeとEdgeがシェアを増やし、Firefox、Internet Explorer、Safariがシェアを減らした。シェアの上では2位以下を引き離して強い存在感を示しているChromeだが、過去1年間の推移は横ばい傾向を示しており、デスクトップ向けのWebブラウザとしてはほとんどシェアが変わらない状況になりつつある。 一方、順位は3位だが、Microsoft Edgeは過去1年間にわたり増加傾向にある。すでにChromiumをベースに開発された新しいバージョンのMicrosoft Edgeはリリースされており、今後Windows Update経由でより多くのユーザーに行き渡ることにもなっている。現在の傾向が続いた場合、FirefoxとMicrosoft Edgeの順位は逆転
Developers: Get Ready for New SameSite=None; Secure Cookie Settings
$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 34 chrome 81
Chromium’s DNS Cache
text/plain ericlaw talks about security, the web, and software in general From the mailbag: Q: How long does Chromium cache hostnames? I know a user can clear the hostname cache using the Clear host cache button on about://net-internals/#dns, but how long it will take for the cache to be removed if no manual action is taken? After changing DNS records on my server, nslookup from a client reflects
Last updated: Nov 18, 2019 Some user agents are known to be incompatible with the `SameSite=None` attribute. Versions of Chrome from Chrome 51 to Chrome 66 (inclusive on both ends). These Chrome versions will reject a cookie with `SameSite=None`. This also affects older versions of Chromium-derived browsers, as well as Android WebView. This behavior was correct according to the version of the cook
An experiment in helping users and web publishers create deeper connections on Chrome
$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
オリジン全体にポリシーを適応するOrigin PolicyをChromeで試す - ASnoKaze blog
目次 Origin Policy 有効にさせる方法 試してみる Chromeがオリジン全体にポリシーを適応する「Origin Policy」という仕様をサポートしてるようなので、簡単に試してみる。(現在は Chrome Canaryのみの模様) おそらく仕様及び実装も変わりうるので注意が必要です（極力仕様の変更があったら、記事を更新するようにします） Origin Policy Content-Security-PolicyやFeature-Policyといった、ブラウザがページを表示する際に機能を制限したりセキュリティ上の制限を与える機能があります。これらの機能はレスポンスヘッダに該当のヘッダを付けることでポリシーを適応させることができます。 そのため、これらの機能をもれなく適応するにはレスポンスの都度きちんとこれらのヘッダーを付加しなければなりません。 また、CSPやFeature-P
New year, new browser – The new Microsoft Edge is out of preview and now available for download
New year, new browser – The new Microsoft Edge is out of preview and now available for download A little over a year ago, we announced our intention to rebuild Microsoft Edge on the Chromium open source project with the goals of delivering better compatibility for everyone, less fragmentation for web developers, and a partnership with the Chromium community to improve the Chromium engine itself. A
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ヘッドレスブラウザを活用して少しリッチなスタイルのPDFを生成する
「Chromium」ベースの新「Microsoft Edge」ベータ版リリース
Chrome is deploying HTTP/3 and IETF QUIC
ChromiumでFeatureをShipした話 - elkurin’s blog
Electron（v.15.0.0 現在）の IPC 通信入門 - よりセキュアな方法への変遷 - Qiita
電子情報学特論：Chromiumのアーキテクチャを解き明かす
Appleがデフォルトブラウザである「Safari」をMicrosoft Edgeと同じChromiumベースに移行するという噂が流れ、WebKitチームがこれを否定。
Chromeブラウザ、バージョン100のリリースが新たな2000年問題の引き金に？ - iPhone Mania
Windows PCにCloudReadyをインストールしてChromebookとして再利用する
Google、Chromiumブラウザから同期機能とGoogle APIへのアクセスを削除か
「WebView2」が.NETに対応 ～Chromiumベースの新Microsoft Edgeをアプリに組み込み／Windows 7以降、.NET Framework/CoreとWin32 C/C++、WinUI 3.0で利用可能
Microsoft、macOSに最適化されたChromiumベースのWebブラウザ「Microsoft Edge for macOS」のPreview Build版を公開。
Chromium’s impact on root DNS traffic | APNIC Blog
Release v3.0.0 · puppeteer/puppeteer
Update on User-Agent String Reduction in Chrome
Forking Chrome to turn HTML into SVG - Fathy Boundjadj
ChromeでWebRTCステレオ配信 | さくらのナレッジ
WebTransportでもプロトコル理解がしたい! - Qiita
Microsoft、次期Edgeの新しいフォームコントロールをお披露目 ～Chromiumにも導入へ／タッチ・ペン操作との親和性やアクセシビリティを重視
ChromeとFastlyのEarly Hintsの効果計測に貢献する — HACK The Nikkei
Chromeアプリのサポートが段階的に終了、今後はオープンウェブ標準なアプリへ移行
AI時代のWebブラウザから考えるWebアクセシビリティの本質 ――Vivaldiのアプローチから | gihyo.jp
Chromium版「Edge」のmacOS向けプレビュー公開 デザインやショートカットをMacに最適化
Opera、ゲーミング向けWebブラウザ「Opera GX」公開 CPU・メモリ制限機能を搭載
Chromium版「Microsoft Edge」は2020年1月15日リリース
Edge、Firefoxを抜く勢い - 2月ブラウザシェア
SameSite=None: Known Incompatible Clients
アプリフレームワーク「Electron 8」が公開 ～Chrome組み込みのスペルチェック機能に対応／「Electron 5」系統のサポートは終了。「Electron 9」からは“remote”モジュールが廃止
