Webブラウザの操作をJavaScriptで自動化。Headless Chromeのフレームワーク「Puppeteer」がバージョン1.0に到達。ChromeのDevToolsチームが開発
UIを持たずスクリプトから操作可能なWebブラウザのHeadless Chromeを利用するためのフレームワーク「Puppeteer」がバージョン1.0に到達した。Webアプリケーションの自動テストなどに利用可能だ。 GoogleのWebブラウザ「Chrome」は、ユーザーインターフェイスを持たずコマンドラインやリモートデバッグ機能を通じてWebブラウザを操作できる「Headless Chrome」機能を備えています。この機能は2017年6月にリリースされた「Chrome 59」から実現されたものです。 Headless Chromeを利用すると人間がWebブラウザをマウスやキーボードで操作することなく、プログラムでHeadless Chromeを起動し、特定のWebページを読み込み、画面キャプチャの取得や、指定された場所をクリックし、値を入力し結果を取得する、といった操作を自動的に行わせ
Hayato.io
Hayato.io This Page Is Under Construction - Coming Soon! Why am I seeing this 'Under Construction' page? Related Searches: Free Credit Report Dental Plans Parental Control Healthy Weight Loss Work from Home Trademark Free Notice Review our Privacy Policy Service Agreement Legal Notice Privacy Policy|Cookie settings|Do Not Sell or Share My Personal Information
DocBaseの同時編集機能を実現しているアルゴリズム – KRAY Inc.
はじめに 皆さんはGoogleドキュメントやHackMDを使ったことはあるでしょうか。これらのツールは「ネット越しに同時に複数の人で1つのドキュメントを編集できる」という特徴を持っています。お互いの編集がリアルタイムに反映されるので、相手が何を書くのかを意識することなく、簡単にドキュメントを複数人で編集することができます。これを実現するためには、同時編集に参加しているユーザ全員の編集内容がネットワークの延滞に影響されることなく、それぞれの編集内容をうまい具合にマージして反映してくれるような賢いアルゴリズムが必要になります。今回はこのアルゴリズムに関して書きます。 編集内容のマージとは 編集内容をうまい具合にマージしなければいけないケースを考えてみます。 AさんとBさんが次のドキュメントを同時編集するとします。最初は、お互いブラウザ上では次のように見えています。当然、この状態ではお互いに見え
ブラウザ上でいつでもどこでもメモが書けるサービスの個人的比較 #webサービス - mimemo
※このメモの内容は個人の感想であり、効果・効能を示すものではありません。 目次EvernoteGoogle KeepScrapboxmimemoKibelaesaHackMDDropbox Paper Evernote https://evernote.com/intl/jp/ 知名度とか メモサービス最大手にして王者 有名なので連携アプリも多数あり、困ったときもググれば大抵解決できる 見た目 Windowsアプリは昔もっさりしていた 今は使用していないのでわかりません>< 公開範囲 基本非公開、でもノートブックごとに公開や共有ができる 動作速度 今はどうだかわからないが、動作がくっそ重いことで有名だった(当社比) 入力とか 基本的にはMarkdownは使えない 文字の入力がWYSIWYGエディタで、スタイルの操作をしているうちにわけのわからない表示になったまま、元に戻せないことが頻発して
退屈なブラウザ作業はSeleniumにやらせようーーはじめてでもできるブラウザ操作自動化 | メルカリエンジニアリング
こんにちは、メルカリのQA-SETチームで自動化をぶりぶりしている tadashi0713 です。 これまではモバイルアプリ・WebアプリのE2Eテストを中心に自動化をしていましたが、最近ではプロダクト部門・カスタマーサポート部門・コーポレート部門の業務自動化にも挑戦しています。 今回はSelenium WebDriver (以下 Selenium) を使って簡単にできるブラウザ作業自動化についてご紹介します。 10/25にGitHub JapanでLT発表した資料もありますので、合わせてご覧ください。 english-lt.connpass.com 意外と多い、ブラウザを使った繰り返し作業 社内の色々な職種・チームの方々とコミュニケーションをしていると、ブラウザを使った繰り返し作業が多く感じました。 例えば 社内で使用しているWebサービスのアカウントを社員に付与する Chartio(h
webブラウザにPush通知送るサーバとjsのサンプル - DRYな備忘録
このドキュメントは 以下の２つのドキュメントをよりプリミティブに理解するためのDRYな備忘録です。 Adding Push Notifications to a Web App | Web | Google Developers The Web Push Protocol | Web | Google Developers 背景 かつて サーバからブラウザにプッシュ通知を送りたい（非WebSocket、非ロングポーリング） - DRYな備忘録 これ書いたけど、改めてProgressive Web Appのドキュメント行ったらアホみたいに分かりづらくなってて不条理を感じたので書きます。 サーバからPush通知がブラウザに対して送れて、ブラウザのjsが閉じててもServiceWorkerが生きてるからNotificationが出る、っていうやつです。最近だとウェブのGmailと
Chrome DevToolsを使いこなそう！ Web開発に必須なブラウザ開発ツールによるデバッグの基本 - エンジニアHub｜若手Webエンジニアのキャリアを考える！
Chrome DevToolsを使いこなそう！ Web開発に必須なブラウザ開発ツールによるデバッグの基本 開発者ツール（DevTools）とは、ブラウザに搭載されているデバッグツールです。多岐にわたる技術の集合体であるWebページやWebアプリケーション、いわゆるフロントエンドの開発において、なくてはならないツールです。 皆さん、どうもこんにちは。今回で3度目のエンジニアHubの登場となる大竹智也です。春の季節もそろそろ終わりを迎え、新生活を迎えた人たちも新たな環境に慣れてくる時期だと思いますが、元気にお過しでしょうか。 前回までエディタの話ばかりしてきましたが、今回はエディタから離れてWebブラウザ（以下、ブラウザ）の話をしたいと思います。ただ、ブラウザの話といっても、エンジニアHubは開発者向けの媒体なので、ブラウザに搭載されている開発者ツール（Developer Tools）のお話を
FRESH! Web パフォーマンス改善 〜クライアントサイド編〜 | CyberAgent Developers Blog
You can read this post in English. みなさんこんにちは、FRESH! でフロントエンドの開発している鈴木(sutiwo)です。 前回は、FRESH!におけるPCブラウザのFlash脱却という HLS の Web プレイヤーについて記事を書きました。 今回はスマートフォン・ PC でのブラウザに関するパフォーマンス改善の取り組みとその結果についてお知らせします。 まずクライアントサイドのパフォーマンス改善を行うにあたり、弊社の Web Initiative Center* から 1000ch 氏に加わっていただきどのようなことを目標とするか議論しました。 * Web プロダクトの品質向上とWeb技術を使ったチャレンジを目的に設立された弊社の組織 議論の様子 議論を行った後、今回の改善で以下のことに取り組むことが決まりました。 Service Worker で
CentOS 7でWEBブラウザからssh接続できる踏み台サーバ『KeyBox』を使ってみる | 俺的備忘録 〜なんかいろいろ〜
sshの踏み台サーバについて調べていたところ、ブラウザ経由でssh接続が行える『KeyBox』というツールを見かけたので、ちょっと試してみることにする。 触ってみた感じ、接続の種類や機能はApache Guacamoleに比べて少ないのだが、Guacamoleはコンソールに表示される文字列を直接コピペできないのに対し、KeyBoxは行えるので、用途によってはありかなと思う。 設定次第でLDAP認証も行え、二要素認証がデフォルトで設定可能なのも良い感じだ。 ちょっと前にlsshを使って似たようなことをやらせてみたけど、あちらではsshで繋げないといけないし、こちらはWebだけで完結するのは良さげだ。 1. KeyBoxを動作させる KeyBoxはJavaで書かれているので、まず以下のコマンドでOracle JDK 1.8をインストールしてやる。 wget --no-check-certifi
カーソルが勝手に動く件解決！タッチキーボード設定を無効にする方法 - 健康と日々の徒然～Anのひとりごと
「踊るブラウザ、不審なアイコン」にコメント頂いた皆様、ありがとうございました。本日、タッチキーボード機能を無効にして無事回復致しました（対処法が良かったのか、たまたまなのかは不明^^;）。自分用の備忘録です。 カーソルが勝手に動く時は、タッチキーボードを疑え フェイク！直ったように見せかけだけでした。昨日はsoboku-kobeさんのアドバイスで、不審な動きをする前の状態にタイムスリップさせたところ、一件落着、かと思えたのですが… 再びダンスをする画面を閉じ、昨日はもう放置！ひとまず考えないようにして花見を楽しんでまいりました。そこで友人に「挙動不審」なノートパソコンの話をしましたら、「タッチキーボードが誤作動しているかも」ということ。 入力中にタッチキーボードに手や衣服が触れ、それを感知して誤作動することがあり、機能を停止したら直ったよ、と。 困ったときはサポートページ、これテッパン！
新ブラウザOpera Neonが斬新なUIで直感的に操作可能！なかなか使いやすいかもしれない。
Operaから次世代のブラウザ「Opera Neon」がリリースされたようで、気になっていたので早速、MacBook Proにインストールしてみましたのですが、今までにない雰囲気のブラウザになっておりなかなかいいですね。 次世代ブラウザOpera Neonを使ってみた ブラウザを起動して出てきた画面からして今までのブラウザとは違いますよね。背景にはでMacに設定しているデスクトップの壁紙が表示されており、そこにOperaではお馴染みの新しくいデザインになったSpeed Dialが表示されています。 中央上部分に大きな検索窓があるのですぐに検索ができるようになっています。 サイトを表示させると、フルスクリーンを生かしてドーンと大きく表示されます。左側に新規タブを追加したりすることができるメニュー項目があり、右側に開いているサイトをタブ化した丸いアイコンが表示されています。 タブが大きくサイト
iOS版新Webブラウザ「Firefox Focus」登場──広告とトラッカー遮断で高速化
Mozillaは11月17日（米国時間）、iOS版新Webブラウザ「Firefox Focus」を公開した。初期設定で広告とトラッキングを遮断する、プライバシーを重視したWebブラウザだ。 一般的なWebブラウザの「シークレットモード」が初期設定で有効になっていると考えていい。何も設定せずに、Webからのトラッキングを遮断し、閲覧履歴を1タップで削除できる。 タブ機能もない非常にシンプルなデザインだ。トラッキングツールの読み込みがなくなる分、ページの表示は高速になるとしている。 すべてのトラッキングを遮断すると、Webサイトによっては開けないこともある。そういう場合は、Firefox Focusから米Appleの「Safari」あるいは「Firefox」に移行してそのサイトを開ける。 関連記事 Samsung、Android版Webブラウザに広告ブロック機能追加 Samsung製Andro
圧倒的に無駄がない！賢い次世代ブラウザ「Smooz」が革新的すぎる - いしだの話
こんにちは、石田祐希（@yuki1y1m）です。 「Smooz」とは 今までにない、Web回遊を円滑にするために考え抜かれたモバイルブラウザです。 僕自身iPhoneユーザーで、以前は「Safari」を使用していましたが、「Smooz」を使いだすようになってから... 1.2倍〜1.5倍は操作時間を短縮できるように。 そして、とあるご縁で開発者の方にインタビューをさせていただきました。 それも含め、次世代ブラウザ「Smooz」の革新的な部分をご紹介します。 賢い次世代ブラウザ「Smooz」 トップ画面 「Smooz」の他ブラウザにはない機能 1.考え抜かれたタブ操作 2.文字を入力しない検索 3.ページのコメントを見れるスマートブックマーク 詳しい使い方はこちらの動画で 「Smooz」のメリット 操作回数の減少 文字入力がない 「Smooz」を開発したアスツールCEO加藤雄一氏とは 「誰も
40通り以上の自動マルチブラウザテストをSelenium x CircleCI x BrowserStackで実現する| PLAID engineer blog
CircleCI上で、BrowserStackを利用したマルチブラウザJavascript Test,Selenium Test を実現している方法についてご紹介します。Selenium webdriver, CircleCI, BrowserStack
行政サイトを作る時に気をつけておいた方がいい事 - Qiita
県や市の公式ホームページ制作の経験から、気をつけておきたい点をメモに残しておきたいと思います。 納品前 納期が３月に集中する 行政サイトの場合、お金は年間予算や国からの特別補助金などから支払われます。つまり基本的に年度を跨ぐことが出来ません。（保守にかかる費用は別です）その為、行政の案件に頼っている制作会社は納期が重なり３月が滅茶苦茶忙しくなります。 年度末は余裕を持ったスケジュールを組んでおきましょう。 見積もりは２割増しで ここで言う見積とは入札時の見積もりではありません。行政の案件をいくつかこなして担当者と仲良くなってくると、コンペの上限金額を決めるために事前に見積を頼まれる事があります。「もし○○みたいな案件だったらいくら位でできそう？期間と見積もり貰えると助かるんだけど。」みたいな感じです。サラリーマン金太郎の東北編で出てきたアレです。大事なのはここで割引など一切考えずに、むしろ
Webブラウザ「Vivaldi」が超絶便利すぎてChromeユーザーはさっさと乗り換えたほうがいい - Brian'z Imagination
ブログにしろダイアリーにしろブックマークにしろ、はてなにお住いの皆さんが1日にブラウザと過ごす時間は、他のかたよりそれなりに多いことと思う。 そんなブラウザ使いの貴公子たちよ、こんな経験をしたことはないだろうか。 折角書いたブログ記事が誤操作で消えてしまった。 タブを開きすぎたことにより、メモリを食い過ぎてブラウザが落ちた。 ブラウザなんて要らない、俺は念力で十分だ。 そんな迷える子羊たちにオススメなのが、今回紹介するWebブラウザ「Vivaldi」だ。 コイツは使い始めは他のブラウザと変わらない「何の変哲もないただのブラウザ」だが、カスタマイズ次第で子羊たちを弄もてあそぶ「モンスターブラウザ」と化す。 特にChromeユーザーのあなたに、声を大にして伝えたい。 今のところChromeを使い続ける理由はなさそうなので、今日から乗り換えてしまおう！ Vivaldi？そいつは食えるのか？ Vi
ブラウザのタブを閉じられない性格を治したい
ブラウザのタブが閉じられない多くのブラウザは複数タブが開けるやつだと思うんですが、僕はこのタブがなかなか閉じられないんです。 理由は、 ・すぐにアクセスしたい ・もしタブを閉じてしまってまた行きたくなった場合に行けなかったらどうしようという不安 ・単に面倒 という感じ。 閉じたらええやん、で終わる話なんですけどね、なかなか難しくて、ついついタブが増えてしまって。 現在、FirefoxとChromeを同時に立ち上げていて、それぞれ50個、20個、と合計70個のタブを開いてしまってます。 「いつも開くタブ」みたいなブックマークフォルダも作ってるんですがねぇ。 アリカワブログの訪問者のブラウザ話は変わりますが、僕は2006年からずっとFirefox一筋です。2011年頃からChromeも同時に立ち上げるように。Mac使ってるけどSafariは滅多に使いません。 と、僕の話は置いておいて、当ブログ
GoTTY 良さそう - Qiita
GoTTY - Share your terminal as a web application https://github.com/yudai/gotty Qiita でも既にいくつか紹介されていますが、 個人的に使用した感じをメモ代わりに残してみます。 ちなみに、同じ名前で別のツール（こちらの方が名前的にそのままで Go による Terminal アプリ）もあるので、ご注意を。 さて、このツール、コマンドラインの入出力を WebSocket を使ってブラウザ上の入出力にマッピングして、簡単にサーバー上の端末画面をブラウザに表示してくれちゃいます。 インストール は簡単で、Go 製のワンバイナリになっているので、GitHub の Release ページから https://github.com/yudai/gotty/releases/download/v0.0.12/gotty_li
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Fire TVシリーズがFirefoxなどWebブラウザ対応。YouTubeも再生可能に
フロントエンドの技術を刷新した話し。
