Dropboxを今よりもっと使いやすくする5つのChrome拡張機能
0 0 271 0 Dropboxを今よりもっと使いやすくしませんか？ Dropboxは、いつでもどこでもデータにアクセスできる身近な存在です。 業務で毎日利用しているといった人も多いかと思います。そんな身近な存在であるからこそ、できる限り使いやすいものであったほうがいいですよね。 この記事では、Dropboxと連携する便利なGoogle Chromeの拡張機能を紹介します。 Chromeウェブストアで提供されているChrome拡張機能全22の中から、操作が簡単で作業を効率化できる拡張機能５つに絞り込みました。 例えば、「Save emails to Dropbox」という拡張機能は、ワンクリックでメールをPDFに変換しDropboxに保存するというもので、メールを保管する機会が多い方はかなり手間が省けるようになります。 是非参考にしてみてください。 ＜目次＞ 1.画像データを右クリックで
自転車通勤に最適！？おしゃれで機能的なバッグをピックアップ - Digmo
自転車通勤を始めようと思うと、まず検討しなければならないのがバッグです。最近では、自転車通勤でなくとも、スーツにリュックという方も時々見るようになりましたが、多くの場合、手下げタイプのバッグで通勤しているのではないでしょうか。 シティサイクルなら前のカゴにバッグを入れて自転車に乗ることもできますが、クロスバイクやロードバイクとなると、背中に背負うもしくは肩から掛けるタイプのバッグが必要です。 両手をしっかり使えるようにという意味では、アウトドア用のリュックでも良いのですが、自転車のライドを前提に考えられたバッグがオススメです。今回は自転車通勤に使いたいおしゃれなジテツウ用バッグについてお送りいたします。 CHROMEメッセンジャーという職業をご存知でしょうか？ニューヨークは渋滞が激しく、書類をバイク便でも届けるのにも苦労していたそうです。そこで注目されたのが自転車。1秒でも早く書類を届ける
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ページを読み込み、画面キャプチャの取得や、指定された場所をクリックし、値を入力し結果を取得する、といった操作を自動的に行わせ
ヘッドレスChromeの自動化ツール「Chromeless」を使って自動テストを実施する #serverless #adventcalendar | DevelopersIO
ヘッドレスChromeでシンプルに自動テストを行う Google Chromeのバージョン59から標準搭載された、ヘッドレスモード（GUIがないモード）。コマンドラインからヘッドレスブラウザを立ち上げることができ、スクリーンショットの撮影を行ったりDOMを出力したりすることができます。自動化の可能性に満ち溢れた機能です。 ヘッドレスChromeの導入については、次の公式ドキュメントが詳しいです。 ヘッドレス Chrome ことはじめ | Web | Google Developers ドキュメントを読んでいただくと分かると思いますが、様々なことが可能なため指示の記述が少し冗長な面があります。 そこでヘッドレスChromeを用いた自動化処理をシンプルにすることに特化した便利ツール「Chromeless」を紹介します。 なお、今回実装したソースコードはGitHubで公開しています。わせ
シマンテックのCA事業売却に伴ってChromeでのシマンテック証明書の無効化スケジュールをGoogleが発表
Symantec(シマンテック)傘下の認証局(CA)が発行する証明書に信頼性の低いものが含まれているとして、GoogleはブラウザChromeでシマンテックの認証局が発行する証明書を段階的に失効させる計画を明らかにしています。そのシマンテックがCA事業を売却することになったのに伴って、Googleがあらためてシマンテック証明書の取り扱いをSecurity Blogでまとめています。 Google Online Security Blog: Chrome’s Plan to Distrust Symantec Certificates https://security.googleblog.com/2017/09/chromes-plan-to-distrust-symantec.html GoogleやMozillaなどのブラウザ開発企業は、「シマンテックのPKI事業では業界標準であるCA
Google、Symantec証明書に対する信頼を段階的に削減。「Google Chrome 70」で完全削除／2016年6月1日より前に発行された証明書は「Google Chrome 66」から無効
どんどん便利になってるChromeの機能拡張！Web制作に便利な機能がまとめられた -CanvasFlip
DOMの構造を調査する、要素のサイズを測る、要素のみのキャプチャを撮る、画像ファイルを抽出する、カラーやテキストを編集するなど、これらWeb制作に便利な機能がまとめて、しかも高性能で快適に利用できるChromeの機能拡張を紹介します。 それぞれ単体の機能拡張を使用している人は、一つにまとめられて簡単だと思います。 CanvasFlip CanvasFlipの機能 CanvasFlipのインストール CanvasFlipの使い方 CanvasFlipの機能 CanvasFlipは先日リリースされたばかりの新しい機能拡張で、私も先週から使用していますが、かなり便利です。パネルのUIも操作しやすく、ページに表示されるハイライトやメジャーも見やすいと思います。 ページの基本情報。 指定した要素のプロパティを表示するインスペクタ。 インスペクタでスタイルを変更すると、すぐにページに反映されます。 メ
--headless時代の本命？ Chrome を Node.jsから操作するライブラリ puppeteer について - Qiita
--headless時代の本命？ Chrome を Node.jsから操作するライブラリ puppeteer についてJavaScriptChromee2e puppeteer はHeadless Chrome をNode.jsで操作しやすくしたライブラリです。今日(※ 2017/8/17)一日で凄い勢いでGitHubのトレンド入りしており、TLでも話題になっていたので、早速触ってみました。 Node.jsでChromeを操作するというコンテキストにおいては、Nightmare.jsと同じレイヤに属するプロダクトですね。Nightmare.jsはElectronを介在させることで、Chromeの操作を実現していましたが、今年の5月にChromeでheadlessモードが利用可能になって以降1、headless Chromeを直接操作するライブラリが色々と出始めていますね。この系統は、chr
Google Chromeをレベルアップさせる5つの使い方
By Shannon Hauser Google Chromeは世界で最も多く使われているウェブブラウザであり、「Chromeがないと仕事にならない！」という人も多いはず。そんな日常的に使うChromeをさらにレベルアップさせる5つの使い方をPopular Scienceが解説しています。 Five advanced Google Chrome hacks to level up your browsing | Popular Science http://www.popsci.com/advanced-google-chrome-hacks ◆1：仕事とプライベートでユーザーを切り替える ChromeではWindowsやMacと同じように、複数のユーザーを設定することができます。設定したユーザーにはそれぞれに異なるブックマークやブラウジング履歴を保存できるため、仕事用のユーザーには仕事で
【Create Link】画像引用を"劇的"に楽にするChrome拡張 - ぼっちサーファーのブログ
ブログに使う写真や画像って大切ですよね。 今回は画像を引用するときの手間を劇的に減らせる小ネタです。 引用:写真 - Wikipedia なお引用自体の是非云々についての話ではないのでご理解の上お読みください。 ブログ画像の優先順位 Chrome拡張機能 Create Link 実際使ってみる 本当は。。。 スポンサーリンク ブログ画像の優先順位 できるだけ自分で用意したいんだけどね。 出来ない時もあります。 そんなときは著作権フリーの写真サイトから画像を使わせていただいてます。 ぼっちさんがお世話になってるフリー写真のサイト。 こちらは出典の明示も不要。 pixabay.com また他のサイトの画像を引用させていただく事もあります。 でも出典元の明示に結構時間がかかるんだよね。 さっき上にあった画像の下のやつね。 これHTML的にはこんな感じ。 <span style="font-siz
ヘッドレスブラウザ(Chrome)を使ってSPAをスクレイピングする - Qiita
一般的なスクレイピング手法とその問題点 スクレイピングというと、HTTPクライアントライブラリを用いてHTML取得し、HTML/XMLパーサーで解析するというのが一般的だと思います。 この手法の場合、以下の場合にうまく処理できません。 ターゲットのページがJavaScriptにより動的にDOMを操作する場合 HTML/XMLパーサーが取得したHTMLを正しく解釈できない場合(正しくないHTMLでもブラウザはなんとか処理するが、パーサーライブラリは正確なHTMLでないと処理できないことがある) 特に問題になるのは前者でしょう。最近のWebサイトではJavaScriptでDOMを操作することは珍しくなくなってきています。SPAであればなおさら難しく、もはやこういった手法によるスクレイピングは不可能でしょう。 ヘッドレスブラウザによるスクレイピング 動的なDOMやパーサーがうまく解釈できないとい
知っておくとかなり便利！Chromeのデベロッパーツールであまり知られていない実用的な機能とテクニックのまとめ
Chromeのデベロッパーツールは、Web制作に欠かせないといっても過言ではありません。DOMインスペクター、スタイルパネル、JavaScriptコンソールなど基本的な機能だけでも便利ですが、さらに便利になる機能も数多くあります。 デベロッパーツールを使って、Webページやアプリの制作・デバッグのワークフローが大きく改善される実用的で便利な機能とテクニックを紹介します。 Mastering Chrome Developer Tools: Next Level Front-End Development Techniques 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 01. ダークテーマ 02. 要素をすばやく選択できる選択モード 03. グローバル変数として格納 04. アニメーション用のツール 05. 要素の疑似状態をシ
Google Chrome 58、64ビットWindows環境で32ビット版を64ビット版に自動更新 | スラド IT
先日安定版がリリースされたGoogle Chrome 58.0.3029.96のWindows版では、32ビット版Chromeの更新時に64ビット版へ移行する機能が搭載されている(Chrome Releasesの記事、 Neowinの記事、 Softpediaの記事)。 対象となるのは4GB以上のメモリーを搭載した64ビットWindows環境で、32ビット版Chromeの更新を実行すると64ビット版が自動でインストールされる。64ビットプログラムを使用することでパフォーマンスや安定性、セキュリティが向上するが、対象の環境では更新時に32ビット版を選択することはできないようだ。Chromeのダウンロードページから32ビット版をインストールすることは可能だが、次バージョンへの更新時にどうなるのかは不明だ。 手元の環境では既に64ビット版のChromeがインストールされていたので確認できなかった
グーグル、HTTPページへの警告表示を強化へ--10月リリース予定の「Chrome 62」から
Googleは、多くのHTTPページに「Not secure（保護されていません）」と表示する計画の次の段階に備える時間として、ウェブ開発者に6カ月の猶予を与える。 「Google Chrome」ですべてのHTTPページに「Not secure」と表示するGoogleの計画は、10月より第2段階に入る。 Googleは1月、「Google Chrome 56」のリリースに併せて、HTTPの一部のページで安全性の警告表示を開始した。この段階で影響を受けたのは、ウェブ上でログイン情報や決済カードデータなどの機密情報を送信するページだ。 Chromeは10月より、ユーザーがHTTPページで何らかのデータを入力できるようになっていれば、そうしたページに安全性の警告を表示する。Googleはこの表示について、テキストボックスを含むすべてのページに適用されると強調している。 GoogleでChrome
「Chrome」のページ読み込み速度が最大20％向上--グーグルが取り組み明らかに
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます Googleによると、より現実的なテストの結果に基づいて「V8 JavaScript」に最適化を施すようになったことで、「Google Chrome」のページ読み込み速度が向上したという。 Googleは2016年、V8のCPU消費への影響を軽減する最適化を発表したが、このところ、「JavaScript」の「ピーク」パフォーマンスを目指してV8を最適化する従来のアプローチをとる代わりに、現実的な状況下でChromeの読み込み時間を改善する作業に取り組んでいる。 Googleの「V8トラックコメンテーター」であるSeth Thompson氏は、「この現実に即したパフォーマンスデータから得られた知見を活用して、V8は最適化を実装し、『Goo
知ってるだけで得する！Chromeのアドレスバーを有効活用するための裏技6選
世界中で使用されているブラウザのひとつ、Google Chrome。 2016年4月には、毎月のモバイルユーザーが10億人を超えたとの発表もある人気のブラウザです。 動作が比較的早いこと、豊富な拡張機能や各種機能に加え、インターネット界には欠かせないGoogleが提供しているなどが大きな魅力です。 今回は、Google Chromeに搭載されたさまざまな機能の中でも、知っていると得をするアドレスバーを有効活用した裏技6選をご紹介します。 アドレスバーを活用することで、少しでも作業をスピードアップすることができるようになります。 知っているのと知らないのでは大きな差がでる裏技ばかりご紹介していますので、1分1秒が惜しいビジネスマンの方はぜひ参考にしてみてはいかがでしょうか。 Google Chromeのアドレスバーを有効活用するための裏技6選 1.Gmail内のメールを検索 Gmail内でメ
Google Chrome、Firefox最新版（Chrome 57 / Firefox 52)についにWebAssemblyが正式搭載！でWebAssemblyってなんだ？ | DevelopersIO
Google Chrome、Firefox最新版（Chrome 57 / Firefox 52)についにWebAssemblyが正式搭載！でWebAssemblyってなんだ？ こんにちは、せーのです。今日はChromeのアップデートで搭載された、これからのWebを変える(かもしれない)技術をご紹介します。「WebAssembly」、と言います。 WebAssemblyって何？ Chromeの最新バージョンは大きなアップデートとして「CSS Grid Layoutのサポート」と「Media Session Apiのサポート」があります。CSS Grid Layoutは今までHTMLのTableタグで表現していたような縦と横、2次元のレイアウトをCSSで表現できる、という機能、Media Session APIはAndroidのChromeでロック画面などに出てくる音楽、動画のコントロール機能
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
reactvt.io - Registered at Namecheap.com
【2019年版】これは便利！おすすめのChrome拡張機能32選
閲覧ページを単一のHTMLとして保存するChrome拡張「シングルHTMLダウンローダー」 - 窓の杜
