M1 MacのDockerでChromiumを使ったFeature Specを動かす - Gunosy Tech Blog
はじめに 元々の構成 Google Chromeが異常終了する QEMUでSegmentation Fault arm64向けのGoogle Chromeはない 別コンテナでChromiumを起動する Chromiumを動かすDockerイメージにseleniarmを使う CapybaraでリモートドライバとしてChromiumを指定 Capybaraのリモートドライバ設定 ホストとポートの固定 ファイルダウンロードテストのためにvolumeを共有 まとめ 参考記事 はじめに こんにちは。広告技術部のjohnmanjiroです。普段は広告配信のAPIや管理画面を作っています。ピーナッツくんのライブに現地参戦したのがここ最近で一番楽しかったです。 Gunosyでは、社員が使っているPCが古くなってきたタイミングで新しいものへ置き換えるPCリプレースを行っています。今回私もリプレースの対象にな
【機械学習】機械学習を用いたin silico screening【AI創薬】~第2/5章 スクレイピングによる公共データベース（PDB)からの機械学習データを収集~ - LabCode
AI創薬とは？ AI創薬は、人工知能（AI）技術を利用して新しい薬物を発見、開発するプロセスです。AIは大量のデータを高速に処理し、薬物の候補を予測したり、薬物相互作用を評価したりします。また、AIは薬物の効果や安全性をシミュレートすることも可能で、臨床試験の前の段階でリスクを評価することができます。これにより、薬物開発のコストと時間を大幅に削減することが期待されています。AI創薬は、薬物開発の新しいパラダイムとして注目を集め、製薬企業や研究機関で積極的に研究、導入が進められています。また、バイオインフォマティクス、ケモインフォマティクス、機械学習、ディープラーニングなどの技術が組み合わされ、薬物開発のプロセスを革新しています。さらに、AI創薬は個人化医療の推進にも寄与し、患者にとって最適な治療法を提供する可能性を秘めています。 今回はAI創薬の中でも、in silico screeeni
分類については独断です。また、こつこつ「ひとこと説明」を追加していく予定です。 Selenium関連については Awesome Selenium : 素晴しい Selenium ライブラリの数々 - Qiita が参考になります。 FAQ なんで＊＊＊を除いているのか 恣意的に除いていることはないので、編集リクエストかコメントをください GUIテスト自動化ツール モバイル・デスクトップアプリ・ブラウザのうち複数の対象のGUIを操作できるテスト自動化ツール。 有料 インストール型 UFT One QTP(Quick Test Professional)→UFT(Unified Functional Testing)→UFT One Silk Test UFT Oneと同じくMicroFocus製で、UFT Oneのほうがメジャーな印象（筆者主観） Ranorex TestComplete W
Adobe、Flash Playerを最終アップデート 「早めのアンインストールを」「ユーザーと開発者に感謝」
Adobeは2021年1月12日以降にFlashコンテンツを無効化するとし、「ユーザーのシステム保護のため、Flash Playerをすぐにアンインストールすることを強く勧める」としている。 また同社はユーザーと開発者に対して「過去20年間にすばらしいFlashコンテンツを使用、作成してくれたことに感謝する」と謝意を表明。「アニメーション、インタラクティブ機能、オーディオ、ビデオなどWebコンテンツを進化させる上で、Flashが重要な役割を果たしたことを誇りに思う」とした。 関連記事 Adobe、「Flash」を2020年末に終了へ Adobe Systemsがついに「Flash」の開発および提供を2020年末に終了する。Apple、Google、Microsoft、Facebook、Mozillaなどが協力する。1996年に「Macromedia Flash」として誕生したコンテンツ技術
プログラミングのなんとか安全まとめ
プログラミングのなんとか安全まとめ 安全とは 安全の正確な定義は難しいですが、ここでは「特定のリスクが十分に低減されている状態」について考えたいと思います。 人間社会を例に考えてみると、我々の生活は常に犯罪や災害、疫病などの危険にさらされています。しかし通常の生活において、これらのリスクを強く意識することはありません。それは行政(警察や消防や法制度など)の社会システムが、リスクを十分に低減する処置をとっているからです。 ソフトウエアにおける安全も基本的に同質であり、言語やフレームワーク、開発プロセスによって、リスクを管理することで安全の実現を目指します。 リスク管理は何らかの制限を伴いますので、何を自由とし、リスクとするかは、エコシステム毎に異なります。例えば銃器は、国によって所有に対する規制の強弱が分かれています。しかし認可されている国の治安が、必ずしも悪いわけではありません。社会がその
分散アジャイルチームについて考える会。またはMuralの負荷試験について #distributed_agile_team #オンライン勉強会 - うさぎ組
COVID-19の影響でIT系の人達はテレワーク導入をすすめているけど、どうなんでしょうね。っていうかんじで勉強会を spring_akiさん、TAKAKING22くんの3人でやってみました。 4月21日と5月5日の2回やり、どちらもLTを数本と、OST(みんなでトピックをきめるディスカッション)。 特に、5月5日は、13:30 - 19:00までのほぼ1日やってみるというものでした。 これらの回の概要、そしてどんなツールをつかったのかを紹介します。またツール選定にあたっておこなった負荷試験のスクリプトも紹介します。 イベント概要 利用したツール Muralは50名付箋のみ同時編集なら余裕、80名以上でもたつく オンラインOSTはいいぞ！ 最後に イベント概要 分散して活動していくアジャイルチームについて議論していく場があればいいなと思って、4月頃に某コミュニティで話していて、特に大きな知
DTMをどうやって始めるかというと、テレビとかで流れてる曲を耳コピで打ち込んで匿名掲示板に放流する、するとボコボコに叩かれる、それを糧に成長していくかただちに脱落していく、そういう流れがあったのだけど、近年はJASRACが手作りMIDIに対する集金を始めたそうで、雑MIDIを公開すると著作権料を徴収されてしまう、これでは初学者が耳コピからDTMを始めるルートが閉ざされてしまっているのでは、という話が20年前くらいにはあった。 Greasemonkeyとかユーザースクリプトとかも同様な雰囲気があると思って、おおらかな時代は乱雑なコードを書いて好きに動かしていた。 blog.sushi.money blog.sushi.money 現代のChromeは.user.jsをブラウザにドロップしてもすんなり動かしてくれなくて、雑なJSを書いて動かしたい、という衝動をかなえるための参入障壁が上がってい
ウェブブラウザ「Google Chrome」の最新安定版であるバージョン83.0.4103.61がリリースされました。クロスサイトスクリプティング攻撃(XSS)を防止するのに役立つ仕組みが導入されたり、フォームの見た目や操作性が改善されたほか、バーコードを認識するためのAPIが導入されるなどのアップデートが行われています。 New in Chrome 83 | Web | Google Developers https://developers.google.com/web/updates/2020/05/nic83 New in Chrome 83: Trusted types, updated form controls, and more! - YouTube ◆XSSを防止するための仕組み「Trusted Types」が登場 XSSは、ユーザーからの入力を受け取ってページに
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads 71 Ads API 11
ブラウザーをVivaldiに乗り換え。ChromiumベースでFirefoxのようにUIのCSSカスタマイズ可能 - AndroPlus
使っているCSS 一応私が使っているCSSを載せておきます。 ブックマークパネルの下にあるプレビューパネルを隠す ブックマークパネルの下にある、プレビュー・編集パネルは高さ調整できますが、再起動すると戻ってしまいます。スペースを取っている割にはタイトルやURLを詳しく見られるわけでもないので、消してしまいました。 消した後もアドレスバーのブックマークボタンなどで編集できます。 /* ブックマークパネルの下にあるプレビューパネルを隠す */ .panel-bookmarks-edit{ display: none !important; } ブックマークパネルのタイトルと + – ボタンを隠す ブックマークパネルの上部のタイトルと、新規作成・削除ボタンを消します。 /* ブックマークパネルのタイトルを隠す */ #panels > div.panel-group > div > div.pa
textlint editor - ブラウザでも動くPrivacy Firstの文章校正ツールを作る話 自己紹介 Name : azu Twitter : @azu_re Website: Web scratch, JSer.info テーマ textlint Privacy Firstな校正ツールを作る サーバにデータを送らずに、ローカルで文章のチェックをする textlintとは? textlint textlintJavaScriptで書かれた文章のLintツール ESLintの文章版 Markdown、Re:View、HTMLなど文章構造をパースしてからチェックする 一般的なスペルチェッカーは構造を見ないので誤検知する 200弱ぐらいのルールがある Collection of textlint rule · textlint/textlint Wiki 日本語、英語、言語に依存しな
ブックマークサービスQiNeel関連の記事や身の回りのよしなしごとをそこはかとなく書きつくっています。 コロナの影響で中止となった幻のTSConf 2020で、TypeScriptとES Modulesについて登壇する予定でした。 最近のTypeScriptは、モジュール関連で新たな仕様が出てきたようなので簡単にまとめておきます。前職同僚でNode.js Core Collaboratorのshisamaおよびdeno-ja Slackコミュニティーからの情報を勝手に集約しました。みなさんありがとうございます。 背景 JavaScript同様、TypeScriptでもimport構文（ES Modules）をサポートしています。しかし、ES ModulesではCommonJS形式のrequire()と異なり拡張子を省略できないという制約があります。 フロントエンド開発では、ほとんどの場合で
こんにちは！SmartHRで文書配付機能の開発を担当している、aanzaiです。 2022年末から2023年2月にかけて、文書配付機能で使用しているPDFのレンダリングライブラリの置き換えを行ったため、具体的にどのように移行したかをご紹介します。 文書配付機能の紹介 文書配付機能（旧:雇用契約）は、SmartHRの最初のオプション機能として開発された機能で、事前に作成した書類テンプレートをもとに、SmartHRに保存された従業員情報を差し込んで書類PDFを作成し、従業員に配付したり、契約書として合意を取ったりすることができる機能です。 書類テンプレートのレイアウトは、ユーザーがWYSIWYGエディタで作成したものがHTMLとして保存されています。書類を配付する際は、このレイアウトHTMLに従業員情報を差し込み、PDFに変換します。 PDFレンダリングライブラリ移行の理由 文書配付機能では、
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
WSL 2、GitHub、Visual Studio Online、Azure DevOps――クラウドネイティブな機能の充実が進むMicrosoftの開発ツールまとめ
Microsoft 365の開発者向け新機能 Microsoft コーポレートバイスプレジデントのジャレッド・スパタロウ氏は、基調講演の中で自身が担当した「Microsoft 365」関連のブロックにおいて、現在、主にWindows 10向けに開発を進めている、幾つかの新機能を紹介した。 React Native for Windows 「React Native for Windows」は、Facebookによって開発されたクロスプラットフォームの開発フレームワーク「React Native」を、ユニバーサルWindowsプラットフォーム（UWP）アプリの開発に利用できるテクノロジーだ。React Nativeの経験がある開発者は、JavaScriptによる記述でReact Nativeのコンポーネントを利用したUWPアプリのUI作成が可能になる。この機能は既にVisual Studio
自社Webサービス上にボタンを配置して、PDFをダウンロードできるようにしたいという要望がありました。しかも 表などのリッチな表現を活用したい 動的に表示する内容が変化し、内容に応じてページ送りをしたい これらは自社Webサービス上のページとしても表示している（しかも認証が必要なページ） という条件でした。react-pdf や html-pdf を使えばできなくはなさそうですが、できるだけスタイルを楽に・デバッグをかんたんに行ないたかったので、別の方法を考えました。 そう、みんな大好きヘッドレスブラウザを活用した方法です。この手の課題のときにはよく手段として上がりますよね。@media print などを使って印刷用に表示する内容の調整もできるし、サービス上のコンポーネントを使ってスタイルできるので非常にかんたんにPDFのコンテンツのスタイルが行なえます。 ただ、問題は認証です。Webサ
tauri.app Tauri とは Electron代替として作られたRust製のGUIアプリケーション開発ツールキット。 ユーザーは各プラットフォームのWebViewで動くHTML+JavaScriptでUI開発をして、裏側はRustで書いたネイティブバイナリにコンパイルされるプログラムを呼び出す。 実際の実装のイメージが以下で、Electronに使い方は似せられている。 tauri.app Electronは特製ChromiumとNode.jsをユーザーのアプリケーションに同梱することでポータビリティを担保させているのに対して(find /Applications -name "Electron Framework.framework" コマンドを実行してみると大抵どんな環境にもElectronが10匹ぐらい居る) TauriはOSが用意しているWebViewにリンクして、スクリプト
Intro WebFont を読み込む際に、取得完了までのラグを、システムが持つフォールバックフォントで代替する場合がある。 このとき、フォールバックフォントと読み込んだ Web フォントで、高さに関する情報が異なる場合、 Layout Shift が発生してしまう。 これを防ぐ方法として、 CSS からフォントメトリクスの上書きを行う仕様の提案が行われているため、本サイトへの適用を目指し検証を行った。 なお、この仕様は Layout Shift ではなく、単純にテキストレイアウトスタイル用途での利用も考えられるが、そこはスコープ外としている。 Font metrics override これらの値を @font-face で指定する。 @font-face { font-family: "helvetica-override"; src: local("Helvetica"); asce
米Microsoftは1月26日（現地時間）、Microsoft Teamsに外部メンバーと容易にテキストチャットを始められる新機能を追加した。この機能は現在、ユーザーへの提供が始まっている。 従来、外部メンバーとテキストチャットをするには、ゲストアカウントに切り替えたり、異なるテナントのユーザーアカウントでログインし直す必要があったりしたが、今回の新機能ではアカウントを切り替えることなく、相手のメールアドレス、あるいは電話番号を指定するだけでテキストチャットを始められる。 チャットへの招待を受けたユーザーの画面には、招待を受けるかどうかを選択するボタンと、外部チャットに参加する際に考えられる危険性を知らせるメッセージが表示される。都合が悪いときは招待を拒否することも可能だ。 また、招待した相手がTeamsを使っていない場合は、Teamsの個人アカウントを取得してチャットに参加するよう呼び
Intro WebBundle を用いてサブリソースのみを Bundle する、 Subresource Bundle の策定と実装が進んでいる。 これを用いると、複数サブリソースの取得を一回の fetch で行うことができ、 RTT を減らしつつも個別に取得したかのようにキャッシュを制御できる。 現時点での仕様と実装を解説する。 Intent to Prototype: Subresource loading with Web Bundles Subresource Bundling WebBundle の初期の仕様は、 HTML を頂点としたページ全体をまとめる方向で始まった。 WebBundle によるコンテンツの結合と WebPackaging | blog.jxck.io これをサブリソース(JS, CSS, Img etc)に対して利用できるようにする仕様だ。 HTML 自体は
OSSへのフィードバックはユーザーフォーラムとイシュートラッカーのどちらに書くべきか？ - 2019-06-18 - ククログ
※注：この記事の対象読者は、「OSSを使用していてトラブルに遭遇しているか、改善の提案があり、その情報を開発元に伝えたいが、どこで伝えればよいかわからない」という人です。「どういう体裁で報告すればよいか分からない」「何を報告すればよいか分からない」という人向けの話はまた日を改めて書くつもりです。 結城です。 OSS Gateワークショップで、初めてフィードバックをしようとしているビギナー参加者のサポートをしていると、ビギナー参加者から以下のような質問を受ける事があります。 こんな簡単な・くだらないレベルの事を報告してもいいんでしょうか？ ユーザーフォーラムとイシュートラッカー（バグトラッキングシステム）1のどちらに報告すればいいんでしょうか？ どのプロジェクト（開発元）に報告すればいいんでしょうか？ これらの点に対する筆者の回答は、端的には以下のようになります。 簡単でも些細でも何でも、あ
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
20年ほど前は毎週のようにフリーソフト特集を執筆していたのだが、SaaSが普及するごとにフリーソフトを使う頻度が減ってきた。とは言え、今でもWindowsを快適に使うためにはなくてはならない便利ツールだ。 今回は、筆者が仕事で使うWindows 11 PCに導入しているフリーソフト10個を紹介する。もし、ニーズに合うようなソフトがあれば、ぜひ試してみて欲しい。 自分好みにチューニングしやすいブラウザー「Vivaldi」 https://vivaldi.com/ja/ ウェブページの閲覧だけでなく、様々なクラウドサービスを利用する際にも使うブラウザー。Windows 11標準ブラウザーのEdgeはとても高性能になってきているし、シェアトップのChromeも使い勝手がいい。筆者もいろいろなブラウザーを使っているものの、ここ数年はVivaldiをメインブラウザーとして活用している。 とにかくきめ
Microsoft EdgeのCanaryビルドに、1つのウィンドウに2つのページを同時に表示する事が出来る分割ウィンドウ機能が実装されている事がわかりました(Neowin)。 現状のEdgeでも、最近導入されたサイドバーを利用して2つのページを同時に表示することができますが、分割ウィンドウ機能はツールバーのボタンや右クリックメニューからさらに簡単に呼び出すことができます。 なお同様の機能はChromiumベースのブラウザVivaldiなどでは以前から実装されています。 分割ウィンドウを有効にする方法 Microsoft Edgeの分割ウィンドウ機能を利用するには以下の手順を実行します。 Microsoft EdgeのBeta/Dev/Canaryビルドをインストールする。 edge://flags/#edge-split-screenを開きフラグをEnabledに変更 。 ブラウザを再起
Apple、Google、Microsoft、Mozillaは6月4日（米国時間）、W3CでWebブラウザの拡張機能を改善するためのコミュニティグループ「WebExtensions Community Group」（WECG）を立ち上げたと発表した。 Appleは「Safari」、Googleは「Chrome」、Microsoftは「Edge」、Mozillaは「Firefox」というWebブラウザを提供している。WECGは他のWebブラウザメーカーや開発者などにも参加を呼び掛けた。 拡張機能の共通のビジョンに沿って、将来の標準化に向けて取り組むことを目指す。開発者が簡単に共通の拡張機能を作成できるよう、一貫性のあるモデル、機能、API、アクセス許可の共通コアを指定することや、悪用されにくいアーキテクチャの概要を説明していく。 まずは、各Webブラウザの既存のモデルとAPIを基盤とし、仕様
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads 71 Ads API 11
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
作成日 2023-01-29 更新日 2023-01-29 author @bokken_ tag Web, App, Sec はじめに リクエストのコンテキストをサーバ側に伝えることで、サーバ側でリクエストが危険なものかを判別するための Fetch Metadata Request Headers という仕様がある。今回、このヘッダがどういったものなのかについて Fetch Metadata Request Headers を読んだり、周辺のドキュメントを読んでまとめる。¶ TL;DR Fetch Metadata ヘッダはクライアント側では特に何も設定する必要はなく、サポートされていればブラウザによってリクエストに自動的にヘッダに付与されサーバに送付される サーバは送られてきた Fetch Metadata をもとに CSRF などの、攻撃の可能性があるリクエストを弾く事ができる 20
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます Microsoftは米国時間8月20日、刷新された「Microsoft Edge」ブラウザーの最初のベータ版をリリースしたと発表した。また、数カ月後のメインストリームを対象としたリリースに向け、バグの除去に手を貸してくれる人を募集している。この新たなEdgeは、Googleのオープンソースのブラウザー開発プロジェクト「Chromium」をベースに構築されている。この新しいEdgeのベータ版は、「Windows 7」や「Windows 10」、「macOS」で利用できる。 これまでは、比較的粗削りなビルドである「Canary」版と「Dev」（開発者向け）版がリリースされていた。これらは、最新の変更が頻繁に反映されるものの、テストが不十分な
2019年9月の、これだけは押さえておきたいWeb関連の動き
「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめています。 Figma XD→Figmaに変えた理由とその運営方法やメリットについて｜駒ヶ嶺 亮一｜note 今月はXDやSketchからFigmaへの乗り換えの記事が多かった気がします。 共有用と開発用のURLを生成・更新する必要がなく、共有用のURLは即自に共有できる というのはXDと比較したメリットですね。 デザインツール「Figma」を5名のデザインチームに導入して半年経った振り返りとビジネスメリットについて｜rinoside｜note こちらはSketchからFigmaへの乗り換え。Sketchだと周辺ツールの月額費用がかかりますが、それが込みになっているのは大きそうですね。 Figma FAQ 、 よ
ちょいまえにGIGAZINEあたりで話題になってた、Raspberry PiでリモートKVMをつくるプロジェクトをお試ししてみたので雑レポートです。 mtlynch.io Tiny Pilotとは サーバーでいうところのHPEのiLOとかDellのiDRACについているリモートKVM機能を、Raspberry Piで安価に実装しちゃうぞーというプロジェクトです。サーバーではこの辺の機能は有償オプションだったりしますし、サーバーラックのKVM切り替えスイッチがこの機能を持っている場合もありますがまあやはりそれ相応だったりするので、ラズピッピでできてしまうと安上がりだぜヒャッハーという感じです。なるほど素敵やん。 どうやってるの あまり詳しく見てないのでアレですが、キーボード・マウス部分はRaspberry PiのOTG機能を使用しているようです。OTG機能はPi ZeroやModel Aで使
by TBIT 複数のIDやパスワードの管理を手助けしてくれるパスワードマネージャー「LastPass」のブラウザ拡張機能に、最後に利用したサイトの認証情報が漏れてしまうバグがあることが報告されました。すでにLastPassでは修正版をリリースしており、拡張機能は自動的に更新されるとのこと。 LastPass Bug Reported & Resolved - The LastPass Blog https://blog.lastpass.com/2019/09/lastpass-bug-reported-resolved.html/ 1930 - lastpass: bypassing do_popupregister() leaks credentials from previous site - project-zero - Monorail https://bugs.chromiu
Next.js 製アプリケーションの CI の実行時間削減や安定性向上のために取り組んだこと - Cybozu Inside Out | サイボウズエンジニアのブログ
こんにちは！DOGO プロジェクトでソフトウェアエンジニアとして活動している @nissy_dev です。 DOGO プロジェクトでは、画面刷新を進めていく中で CI の実行時間が長く不安定になってしまい、開発生産性に大きな影響が出ていました。今回の記事では、CI の課題改善のために取り組んだことを紹介します。 目次 DOGO について CI を改善することになった背景 CI の改善のために取り組んだこと ビルド時に tsc を実行しない .next/cache を除いて、artifacts にアップデートする E2E テストをより多くの shard 数で分割する Playwright のブラウザのインストールをキャッシュする PR ではコード差分に関連するテストのみを実行する Hydration の挙動によってテストが flaky になっていた問題の解消 CI の改善の結果 今回取り組ま
Windows 10がファイルアイコンなどのデザインを変更
MicrosoftがWindows 10のプレリリースビルドを体験できるWindows Insiderで、Windows 10 Insider Preview Build 21343をリリースしました。このBuild 21343ではファイル管理アプリケーションである「エクスプローラー」を含む、複数アプリのアイコンデザインが変更されています。 Announcing Windows 10 Insider Preview Build 21343 | Windows Insider Blog https://blogs.windows.com/windows-insider/2021/03/24/announcing-windows-10-insider-preview-build-21343/ Windows 10 is getting new File Explorer icons as pa
by Official SpaceX Photos アメリカ航空宇宙局(NASA)とイーロン・マスク氏が設立した民間宇宙開発企業・SpaceXが2020年5月31日に、再利用可能なロケット「Falcon 9」を使った有人宇宙船の打ち上げに、成功しました。そんなFalcon 9のソフトウェア面について、IT系ニュースメディアのZDNetが解説しています。 From Earth to orbit with Linux and SpaceX | ZDNet https://www.zdnet.com/article/from-earth-to-orbit-with-linux-and-spacex/ ロケットや宇宙船などでは、PCやサーバーなどで使われるような最新鋭のCPUはほとんど使われていません。ロケットの開発には基本的に数年あるいは数十年という長い期間が必要となるため、開発した時は比較的新
サイト公開前のブラウザチェックを簡単に行う方法。不具合発見後の対応も解説 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
うどん県出身・Webディレクターのセイタです。夏にジムへ入会しましたがバキバキな身体にはなりませんでした。来年の夏はビーチのスターになれるようにやっていきます。 さて今回は、制作したWebサイトの公開前に必ず実施する、ブラウザの表示テストについて学び直したことをまとめました。 制作が完了し、これでリリースできる！ と喜ぶのはまだ早い。このテストを完了させてこそ、はじめてきちんとした状態で公開を迎えられるのです。 なぜブラウザの表示テストを実施するのか？ 先に結論から言うと、さまざまな端末およびブラウザにおいて制作したWebサイトの品質を担保するためです。 もう少し柔らかく言い直すと、ユーザーは様々な環境でWebサイトを閲覧するため、どの環境においても問題なくWebサイトが表示されるようにテストする、ということです。 ユーザーが閲覧する環境は端末だと、下記がありますね。 Windows Ma
Playwright for Python: ブラウザ操作を自動化しよう！ - kakakakakku blog
ブラウザ操作を自動化して，E2E (End to End) テストやスクレイピングをするときに使えるライブラリ Playwright を試す．Playwright の特徴としてまず「クロスブラウザ」があり，Chromium / Firefox / WebKit をサポートしている．また「複数言語」という特徴もあり，Node.js / Python / Java / .NET をサポートしている．今回は Playwright for Python を前提にする． playwright.dev Playwright の前に 過去の経験を思い出すと，Capybara + PhantomJS で E2E テストを実装していた（2015-2016年頃でなつかしい！）．また最近だと Puppeteer や Amazon CloudWatch Synthetics を使う機会も増えている．しかし，個人的
現在「Microsoft Edge」でしか利用出来ない「Bing」のチャットAI機能を、Edge以外のブラウザーでも使えるようにする「Bing Chat for All Browsers」が登場した。開発者のSunghyun Cho氏が2月17日、ChromeとFirefox向けの拡張機能を公開している。 話題のチャットAIをEdge以外のブラウザーでも マイクロソフトが今月公開したBingのチャットAIは、現在一部ユーザー限定で先行公開されている。利用には同社のWebブラウザーEdgeが必須で、それ以外のブラウザーからはアクセスできない仕様だ。 このチャットAIをEdge以外のブラウザーから使えるようにしたのが、Bing Chat for All Browsers。インストールするとGoogle ChromeやChromium、FirefoxといったブラウザーからもBingのチャットAI
content-visibility: the new CSS property that boosts your rendering performance | Articles | web.dev
The content-visibility property, launching in Chromium 85, might be one of the most impactful new CSS properties for improving page load performance. content-visibility enables the user agent to skip an element's rendering work, including layout and painting, until it is needed. Because rendering is skipped, if a large portion of your content is off-screen, leveraging the content-visibility proper
Googleが新しい追跡技術「トピック」をChromeに導入
Googleが、多くの批判を受けて頓挫した広告用のトラッキング技術であるFederated Learning of Cohorts(FLoC)に代わるものとして、「トピック」のテストを開始したと報じられています。 Chromium Blog: What to Expect from Privacy Sandbox Testing https://blog.chromium.org/2022/03/what-to-expect-from-ps-testing.html Chrome’s “Topics” advertising system is here, whether you want it or not | Ars Technica https://arstechnica.com/gadgets/2022/03/googles-topics-advertising-system-st
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
テスト自動化関連ツール・ライブラリまとめ - Qiita
ユーザースクリプトが書きにくくなると初学者が自由に練習できる場が減っていきそう - hitode909の日記
Google Chrome 83安定版リリース、Microsoftの協力でフォームの見た目&操作性が大幅アップデート
Android でコルーチン（パート I）: 背景を理解する
textlint editor - ブラウザでも動くPrivacy Firstの文章校正ツールを作る話
最近のTypeScriptのES Modules対応事情
文書配付機能でPDFレンダリングのライブラリを置き換えた話 - SmartHR Tech Blog
ブラウザと Tensorflow.js を使った BERT の活用方法を考える
ヘッドレスブラウザを活用して少しリッチなスタイルのPDFを生成する
Tauri on mobile 現状確認会 - laiso
Web Font のメトリクス上書きによる CLS の改善 | blog.jxck.io
Microsoft Teams、アカウントを切り替えることなく社外メンバーとテキストチャットが可能に
Webbundle によるサブリソース取得の最適化 | blog.jxck.io
2020 年 2 月の SameSite Cookie の変更: 知っておくべきこと
Windows 11ユーザー必見！ オススメ「フリーソフト」10選 (1/2)
Microsoft Edgeに「ウィンドウの分割」機能が導入。2つのページを同時に閲覧可能に | ソフトアンテナ
Apple、Google、Microsoft、MozillaがWebブラウザ拡張機能改善グループ結成
Google は皆さんが使わなくなったアカウントも保護しています
SBOM in Action: 「ソフトウェア部品表」で脆弱性を見つける
不正なリクエストを弾くために使える Fetch Metadata という仕様について
「Chromium」ベースの新「Microsoft Edge」ベータ版リリース
Raspberry PiでリモートKVMをつくるTiny Pilotを試す - あっきぃ日誌
パスワードマネージャー「LastPass」に最後に使ったパスワードが漏れるバグが存在
SpaceX開発のロケット「Falcon 9」はLinuxとC++で宇宙へ飛び立っている
ChromeやFirefoxでBingのチャットAIが使える「Bing Chat for All Browsers」登場