Integrate with collaborative tools to streamline bug/issue reporting workflow Are you a member of a quality assurance team? Do you use awesome screenshot to capture bugs/issues and send them to your project management tools? If you do it very often, you will find it’s a quite tedious process. Here are the steps: Take a screenshot of the bug/issue Save the screenshot to local disk as a file Open
米Googleは2月8日 (現地時間)、今年7月にリリースする予定のブラウザ「Chrome 68」の正式版から、全てのHTTPサイトへの接続に警告を表示すると発表した。HTTPサイトへの接続に対してアドレスバー「オムニボックス」の左端に「Not secure (保護されていません)」と表示する。 同社は、昨年1月にリリースした「Chrome 56」で、パスワードやクレジットカード情報を送信するHTTPサイトに対して警告を表示し始め、Chrome 62で警告をHTTPサイトでのデータ入力に拡大、全てのHTTPサイトを保護されていないサイトとして扱う方針を明らかにしていた。 Googleによると、トップ100サイトのうち、HTTPS接続をデフォルトにしているのは81サイト。Android版とWindows版のChromeのトラフィックではHTTPS接続が68％を超え、Chrome OSとMac
ヘッドレスChromeでシンプルに自動テストを行う Google Chromeのバージョン59から標準搭載された、ヘッドレスモード（GUIがないモード）。コマンドラインからヘッドレスブラウザを立ち上げることができ、スクリーンショットの撮影を行ったりDOMを出力したりすることができます。自動化の可能性に満ち溢れた機能です。 ヘッドレスChromeの導入については、次の公式ドキュメントが詳しいです。 ヘッドレス Chrome ことはじめ | Web | Google Developers ドキュメントを読んでいただくと分かると思いますが、様々なことが可能なため指示の記述が少し冗長な面があります。 そこでヘッドレスChromeを用いた自動化処理をシンプルにすることに特化した便利ツール「Chromeless」を紹介します。 なお、今回実装したソースコードはGitHubで公開しています。わせ
TwitterなどSNSのアカウントを複数使い分ける人が増えており、プライベートでも複数のアカウントを持っているのが世代によっては過半数というデータもあります。スマートフォン版のTwitterだと、複数のTwitterアカウントの切り替え機能は公式に実装されていますが、PC版で同じ事をしようとすると、切り替える毎にIDとパスワードの入力が必要なのですこし面倒。そんな手間を省き、簡単にアカウントを切り替えられるのが「Twitcher」です。どれぐらい簡単にアカウントを切り替えれるのか、実際に使ってみました。 Twitter Account Switcher | Twitcher https://twitcherapp.com/ ◆インストール TwitcherはGoogle Chrome用の拡張機能なので、インストールするにはGoogle Chromeから以下のURLにアクセスして、Chro
vimiumとは vimキーバインドでGoogle Chromeを使えるようにできるプラグイン 具体的には，以下のような処理をvimキーバインドでできちゃう！ ページ操作 ページのスクロール（上下） リンクのクリック ページを戻る/進む 文字列検索 タブ操作 新規タブ追加 タブの削除 タブの移動 その他の操作 ブックマーク検索 vimiumのインストール chrome web storeのvimiumのページへ行きインストールを選択する． vimiumの設定 プラグインをインストールすると，早速vimiumが使用可能になるが，デフォルトのキーマッピングをかえて使いやすくする． インストール後，検索窓の右隣に以下のようなボタンが追加されている． ボタンを押すと以下のようなメニューが表示されるので，Optionsをクリックする． すると，vimium optionsを編集できるページに移動する
ブラウザでキャッシュを削除するのに使用するのは「更新」（WindowsユーザはF5やCtrl+F5、Macintoshユーザはcommand+R）ボタン。 しかし、いくら押しても効かない・・・！ そんなブラウザのキャッシュに困った場合、GoogleChromeならスーパーリロードができるのです。 スーパーリロードの仕方 更新したいページで「F12」キーを押し、「デベロッパーツール」を表示します。 （画面下か別ウィンドウで表示されます） その状態でブラウザの更新ボタン（URL入力画面の左側のぐるっと回った矢印マーク）を長押しします。 長押しすると表示されるメニューの一番下、「キャッシュの消去とハード再読み込み」をクリックします。 リロードに少し時間がかかりますが、あれほど苦戦していたキャッシュがバッチリクリアされて最新の状態になります。 ※デベロッパーツールは「×」閉じもしくは際度「F12」
日頃からよく使うツールの大半が明るい色のUIであるために、ブルーライトから目を守るメガネを使っているような方も多いのではないでしょうか。 しかし、そのようなメガネをかけていたとしても、長時間画面を見ていると、目が疲れることにあまり変わりがないようにも感じるところがあります。 今回ご紹介するのは、そんな目の疲れの根本原因のひとつである明るい色のUIを、プラグインを入れるだけで目に優しい暗い色でかつ美しいテーマに変えることができるGoogle Chromeの拡張機能です。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! GoogleやFacebookの背景色を目に優しい色にする「Darkness」 「Darkness」は、GoogleやFacebookの画面を、目に優しい暗い色にしてくれるGoogle
Add new features to your browser and personalize your browsing experience.
作成：2016/07/11 更新：2017/04/16 Web制作 > 使い方 初めてデベロッパーツールを触る人でも分かるように、簡潔・シンプルに書きました。画像付きのチートシートのようなものですね。今回は初心者の方向けということでChromeデベロッパーツールの入門編。Chromeは最新版です。 エンジニア速報は Twitter の@commteで配信しています。 設定 背景色を黒にする タブの幅を変える エディタ エディタとして使う ローカルファイルのコードを整形する コンソール ログの閲覧・JavaScriptの入力や練習 エレメント 編集 CSS内の画像サイズと大きさを知る カラーフォーマットの変更 Breakpoints / クリックされた時のコードを見つける モバイル 回線速度のエミュレート 通信環境を選択 Androidデバッグ モバイルデバックの実機を増やす ネットワーク
今回は、Chromeで開いている全タブのURLとタイトルを任意形式で一発コピーできるChrome拡張機能「Make Link of All tabs」を紹介します。 前回紹介した「Create Link」は、今開いているページだけ。でしたが、こちらは開いている全タブのURLとタイトルを一括で、かつ、任意形式でコピーできる拡張機能です。 まとめ記事や、紹介記事を書くブロガーさんは重宝するんじゃないでしょうか。 Make Link of All tabs – Chromeウェブストア https://chrome.google.com/webstore/detail/mlmmahhmlolgeigpchjnolpdjhcihmod インストールするとChromeのツールバーに新しいボタンができます。 使い方は単純明快。ボタンをクリックすれば、今開いている全てのタブとタイトルが、HTML形式でク
似ている画像を探す理由には様々なものがあると思います。しかし、WEBサイト上にあるひとつの画像から、似たようなものを探すには一手間かかってしまうもの。 今回はこのような似ている画像をカンタンに探せるChrome拡張機能をご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! WEB上にある画像からカンタンに似ている画像を探せるChrome拡張機能 「Fast Image Research」は、WEB上にある画像と似ている画像を、右クリックメニューから即座に検索できるChrome拡張機能。 Googleの画像認識精度が上がっていることもあるのか、ほぼ正確に似ているものや同じ画像、同じ物が含まれているものを検索結果に表示します。 同じ画像を使っているサイトを発見 ↑自分のサイトの画像をなんとな
以前ライフハッカーでも紹介した、画像やファイルを右クリックでクラウドサービスに保存できるChrome拡張機能『Cloud Save』。前回の記事は2011年3月17日なので、当時の記事では対応しているクラウドサービスが古い内容になっています。そこで、最新版（2012年10月28日現在）のCloud Saveを今回改めて取り上げてみようと思います。 まずはChromeウェブストアからCloud Saveをダウンロードしましょう。こちらのページから無料でダウンロードできます。ダウンロードが終わったら、ウェブサイトの画像上で右クリックしてみてください。Cloud Saveという項目が追加されていると思います。 試しにFacebookを選択してみましょう。Facebookに投稿したい画像の上でCloud Saveの中にある「Facebook」をクリックします。 すると、Facebookの自分のウォ
HTML/CSS 411 CSS仕様 135 CSS設計 55 HTML仕様 47 SVG 25 スタイルガイド 14 HTML/CSSの実践 143 HTML/CSSドリル 4 フォント 3 データ形式 6 性能と品質 53 セキュリティ 16 パフォーマンス 12 アクセシビリティ 23 ブラウザ 25 デザイン 83 コミュニケーション 13 ディレクション 51 ドキュメンテーション 8 JavaScript 491 ECMAScript 51 ライブラリ 68 ブラウザAPI 44 WebGL 42 テスト 37 JavaScriptの実践 70 JavaScriptの設計 9 JavaScriptドリル 19 非同期通信 5 DOM 9 Angular 30 Electron 4 Web Components 20 jQuery 24 Backbone 17 TypeScrip
ブラウザから新年のご挨拶！お正月気分を味わえる、ちょっと贅沢なコンテンツ集。ブラウザ凧揚げ ブラウザをドラッグして 上手に凧を上げてみよう。 リズム餅つき アドレス欄を流れる □と■が合わさったら タイミングを合わせて クリックしよう！ ローディング初日の出 いつもの見慣れた ローディングが、 初日の出になりました。 ラジオだるま だるまの目が ラジオボタンに。 目に墨を入れて、 願掛けしよう。 スクロールやぶさめ スクロールで弓を引き、 一等真ん中を 射ぬいてみよう。 世界のあけおめ 世界のみんなに 新年のご挨拶を。 書き初めの窓 新年の抱負を、 ブラウザにしたためよう。 反転おみくじ 画面をドラッグ・ 反転させて、 今年の運勢を占おう。 初夢スロット 一富士二鷹三茄子。 初夢スロットで、 年の初めの運試し。 ポップアップ駅伝 マウスをクリックして カチカチ走ろう。 チェックボックスに龍
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
