Manage your tabs Features: - choose, where will be the focus after closing a tab; - choose default behaviour for a new tab; - you can "pin" current tab, so it will not be used for "last selected" behaviour; Notes: - unfortunately, for today there is no full support for global keyboard shortcuts; - I'm not sure, it's possible to open every new tab in background; - still thinking about those two ann
はじめに みなさんはE2Eテストを行う時にはライブラリに何を使用していますでしょうか？ 僕は普段Google謹製のPuppeteerを利用しているのですが、ちょっと前に話題になってから常に動向を気にしていたPlaywrightが最近バージョン1.0.0のメジャーリリースが行われたということもあって、「これは実際に触ってみたい！」と思い触ってみましたので、備忘録としてここに記そうと思います。 Playwrightとは PlaywrightとはMicrosoftが提供しているChrome、Safari、Firefoxに対して、CLI上でヘッドレスブラウザを操作できるNode.jsのライブラリです。 かなり簡単な記述で対象ページに対してテストを実施することができます。 後述するコードを見てもらえるとすぐわかるかもしれませんがPuppeteerを知っている人はほぼ同じなので読みやすいかもしれません
はじめに 先日、RSpec 3.7がリリースされました。 参考: RSpec 3.7 has been released! 上記ブログの中で「今回のリリースはRailsのSystem Testの統合機能をいち早く使ってもらうためのリリースだ」と書いてあります。 実際、ブログの中で触れられている新機能は「System Spec」機能の追加だけです。 というわけで、この記事はrspec-rails 3.7で導入されたSystem Specの紹介と使い方の説明をしていきます。 実行環境 この記事は以下のバージョンを対象にして書かれています。 rspec-rails 3.7.1 Rails 5.1.4 Ruby 2.4.2 selenium-webdriver 3.6.0 Capybara 2.15.4 Chrome 62 ChromeDriver 2.33 サンプルコード この記事で使用したコー
Discover new ways to analyze how your page loads in this comprehensive reference of Chrome DevTools network analysis features. Record network requests By default, DevTools records all network requests in the Network panel, so long as DevTools is open. Stop recording network requests To stop recording requests: Click Stop recording network log on the Network panel. It turns grey to indicate that De
こんばんは。 Beatrobo竹井です。 この記事は Bluetooth Low Energy Advent Calendar 2015 の20日目の記事です。 先日 JavaScriptでIoT !! JS Board Shibuya #6 LTナイト！ に行った際に Web Bluetooth API の存在を知りました。 この Web Bluetooth API を利用すれば、ブラウザだけで Web サービスと BLE デバイスとがコミュニケーションできるようになるというわけです。 以前開発していた konashi-js-sdk では、ブラウザ上の JS で BLE デバイスとコミュニケーションを実現するため、BLE と通信する Native 側とブラウザ内の JS とが双方向にコミュニケーションできるカスタム WebView を作り、それを konashi.js アプリの中に埋め込
先日グーグルは「Web Starter Kit」、さまざまなデバイスとディスプレイ解像度で機能するサイト構築のための開発者向けテンプレートとツール集をリリースした。 最近のインターネット利用者は単に１つのデバイスを持っている訳ではない。彼らはPCでは物理的なキーボードを使い、モバイルではタッチスクリーンで操作する。最近では、スクリーンサイズもデバイスによって様々だ。ユーザーは同じサイトが、アクセスされるデバイスに応じて違った振る舞いをしてくれることを期待している。 こういった機能は、新しく作成するウェブサイトにはあらかじめ組み込まれていないため、開発者はサイトを作るたびに何度も繰り返してそれらを置かなければならない。これは「Boilerplate（ボイラープレート）」（ウェブサイト上でいかなる創作的な業務を行う前に手動で挿入される必要のある基本的なコード集）と呼ばれている。 グーグルのWe
先日、高速にドッグフードを食べる方法を見て、LGTMとLGTM.inというサービスを知りました。 LGTMは、“looks good to me."の略で、GitHubのプルリクに対するOKコメント、LGTM.inは、そのコメントにノリのいい画像を添えてspice upしようというサービスです。コードレビューの終わりにめでたさを伝えてもらえれば、字面だけのLGTMよりもうれしいし、そういう小さな承認はお互いに大事。 ということで、LGTMでめでたさを伝えるChrome拡張をつくりました。 LGTM Chrome拡張 インストールはこちらから。 Chrome ウェブストア/LGTM 拡張を起動するとLGTM.inから取得したランダム画像を3件表示します。 画像が気に入らないときはMore LGTMボタンをクリックして画像を再取得できます。 使い方 使用したいLGTMの画像をクリックするとUR
Google、ChromeアプリをiOS/Androidアプリに変換するツールと方法を公開。Apache Cordova、Node.jsなどを連係 WebブラウザであるGoogleのChromeに対応したアプリケーション「Chrome Apps」を、iOSやAndroidに対応し、単独でオフラインでも動作するモバイルアプリケーションへ変換する方法が、The Chromium Blogにポストされたエントリ「Run Chrome Apps on mobile using Apache Cordova」で公開されています。 Chrome AppsはHTML/CSS/JavaScriptで開発するアプリケーションであり、ChromeのAPIを用いてオフライン動作や認証など、Webアプリケーションよりも高度な動作が可能になっています。 このChrome Appsをモバイルアプリケーションへ変換でき
Webの未来 〜 PNaClとasm.jsでカワルミライ - いま、モバイルWebの先端で起こっていること
Webフロントエンドのパフォーマンスチューニングについて全体的な話。javascript、Chrome DevToolsの紹介、ボトルネック、ポイントなど。
KLab からは 「ぜかまし」 が ISUCON 3 の本戦に参加していました。 メンバーは私 (@methane) と、 @tenntenn, @hasi_t です。 結果は順位なし (計測時に fail が多かった) と、惨敗というかそれ以前の問題です。 結果は散々だったものの、設問は非常に完成度が高く、とても楽しめました。 作問してくださった面白法人KAYAC様、主催してくださったLINE株式会社様、 環境と懇親会を提供してくださったデータホテル株式会社様、ありがとうございました。 特に問題作成に関わられた方、本当にお疲れ様でした。 それでは、どうしてこんな結果になったか、当日の様子を振り返ってみます。 10:00 会場着 3人とも開場時間前後には到着して、ホワイトボードがある会議室を抑えました。 (とはいえ、ホワイトボードは同じ会議室の人にも見えてしまうので、結局使いませんでした。
i By Agustin Diaz ブラウザの使用比率は刻一刻と変動しますが、今年9月のデータをアメリカのニュースサイトArs Technicaが発表しています。新型iPhoneの発売があったものの、先月に比べて、劇的なシェアの変化は無かったようです。 Internet Explorer 6 usage drops below 5 percent in September | Ars Technica http://arstechnica.com/information-technology/2013/10/internet-explorer-6-usage-drops-below-5-percent-in-september/ モバイル端末のブラウジングアプリのシェアに大きな変化は無く、落ち着いているように見えます。モバイル端末で一番のシェアを誇るSafariは先月に比べ利用率が1.31
2013-06-30 狭い幅で開いたら勝手にスマートフォンのUserAgentでリクエストするChrome拡張を書いた ダウンロード https://chrome.google.com/webstore/detail/keffnkgkjiancfjjolkoejiocficcbni リポジトリ https://github.com/Cside/auto-change-to-sp-ua.crx 640px（設定で変えられる）以下の幅のウィンドウでWebページにアクセスすると、勝手にスマートフォンのUserAgentに偽装してアクセスする。よければ使ってみてください。 Cside 2013-06-30 22:37 Write a comment Prev. entry
Scaling website automation for either testing or scraping can be a challenge when the site is enitrely driven by JavaScript or behaves differently when using specific browsers. Running a headless Selenium machine with Google’s Chrome installed provides a scalable way to automate your tests on one of the most popular browsers in use. Here are step by step instructions for installing a headless Sele
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く