A quick demonstration of the headless mode available in Chrome M57.
和洋風KAIは、Apple・水樹奈々・食べ歩きが三本柱のブログです。モットーは「楽しく」「便利で」「端的に」。 ⇒ アバウト ⇒ 免責事項 1.テキストのみコピペする方法。 リッチテキストエディタなどを使っていると、ブラウザからテキストをコピペした場合、画像なども付いてくる場合があります。 そんな時は「Control+Shift+V(Macだとcommand + shift + V)」を使ってペーストすると、テキストのみ貼り付けることが出来ます。 2.最後に閉じたタブを復活させる方法。 誤ってタブを閉じてしまった時は、「Control+Shift+T(Macだとcommand+shift+T)」とショートカットキーを叩くと復活させることが出来ます。 3. タブにマウスを置くと、ウェブページのタイトルの全てが読める。 Google Chromeはタブを開きすぎるとタブがとても小さくなってタイ
◯ 事象 ruby on rails のチュートリにて rails のサーバーを起動して、いざブラウザからアクセス!! 「Google Chrome では localhost:3000 に接続できませんでした」 /(^o^)\ ◯ 現状確認 3000でプロセスが待ってるのは確認できた。ふむ [vagrant@localhost ~]$ netstat -anp (Not all processes could be identified, non-owned process info will not be shown, you would have to be root to see it all.) Active Internet connections (servers and established) Proto Recv-Q Send-Q Local Address Foreig
OpenSSLの脆弱性(HeartBleed)を悪用することでサーバーのSSL証明書秘密鍵が盗まれる可能性があり、この件を受けて偽のWebサイトの設置が懸念されています。影響を受けたサービスは証明書の再発行・失効処理を行っており、netcraftも証明書の失効が大量に来ていると報告しています。 Heartbleed certificate revocation tsunami yet to arrive | Netcraft HeartBleedの影響を受けたとされるyahoo.comやdropboxも脆弱性発覚後に証明書を再発行しています。 yahoo.com dropbox.com 証明書が失効されたWebサイトへアクセスするとどうなるか では最近証明書が失効されたWebサイトに訪れるとどうなるでしょうか。 IEやFirefox等は警告が表示されますが、Chromeは初期設定でオンライ
jQuery 1.9 がリリースされました。1.9 の新機能の中ではあまり注目されていませんが、ソースマップに対応したのが地味に便利そうです。 というのも、圧縮版の jquery.min.js を使っていると 何か問題が起きたときにスタックトレースを眺めても jQuery の部分が意味不明 デバッガーで jQuery のソースにステップインしても意味不明 といった理由で、開発中には非圧縮の jquery.js を使うことが多かったわけです。 それが、1.9 からはソースマップに対応したので圧縮版のままでのデバッグが簡単になってます。 超簡単な使い方 ソースマップに対応したブラウザーは現時点では Google Chrome のみなので、Google Chrome の手順を説明します。 (Firefox はソースマップへの対応を計画中らしい) 事前準備を忘れずに Google Chrome で
本シリーズは、WebブラウザをUIとして利用した業務システムやアプリケーション(以下、Webシステム、Webアプリケーション)のテストをテーマとして、Webブラウザを使ったテストを自動化するOSSのツール「Selenium2」を紹介します。業務システム開発の現場で適用してきたノウハウを元に、これまでSelenium2について知らなかった人から以前使った経験がある人まで、より実践的な「使える」内容を盛り込んでいきたいと思います。 本シリーズのスコープと対象読者 本シリーズはWebシステム・Webアプリケーションのテストの中でも「Webブラウザを操作して実施するテスト」をスコープにしています。開発工程としては、1モジュールとして単体テストに位置付けられる場合もあれば、複数のモジュールやシステムと連携して結合テストや総合テストに位置付けられる場合もあるでしょう。これらのテストのことを、本シリーズ
Googleクラウドプリントはどこからでも、自宅や職場のプリンタに印刷データを送ることができるサービスです。ただのクラウド+印刷かと思う方もいるでしょう。しかし一度使ってみるとその便利さと拡張性に驚きます。 今回は設定方法とともに、同サービスを更に高機能にするオプションを紹介します。 Googleクラウドプリントで何ができるのか Googleクラウドプリントを使うと、どこからでも文書や画像を指定のプリンタに送ることができます。例えば、家のプリンタで手紙を印刷したいなと、「仕事中」のオフィスで思ったとしましょう。このサービスを使えば家のプリンタに印刷データを送っておけるので、帰宅した時には印刷済みの手紙があなたを待っていることになります。 普通このようなことするためには難しいネットワークの設定が必要です。しかし、Googleクラウドプリントでは何回かのクリックだけで簡単に設定が可能です。Go
JS Runtime InspectorはGoogle ChromeのJavaScriptデバッグを強力にサポートしてくれるソフトウェアです。 最近はJavaScriptを徹底的に活用したWebアプリケーションも増えてきました。そんな中デバッグは非常に困難になってきています。そこで使ってみたいのがJS Runtime Inspectorです。 インスペクタにJS検索フィールドが追加されます。 検索結果です。 そこから定義されている場所に簡単に飛べます。 利用例。 JS Runtime Inspectorを使えばJavaScriptを掘り下げて調べるのがとても簡単になります。関数名の他、値でも検索できるので目的の処理を見つけるのが簡単になるはずです。 JS Runtime InspectorはGoogle Chrome用、MIT Licenseのオープンソース・ソフトウェアです。 MOONG
RailsPanelはGoogle ChromeのインスペクタにRails用パネルを追加するソフトウェアです。 Ruby on Railsは開発速度を飛躍的に向上してくれますが、サーバサイドのログとWebブラウザでの表示を交互に確認するのは面倒に感じていました。そこで使ってみたいのがRailsPanelです。 Google Chrome機能拡張をインストールします。別途Rails側でのライブラリインストールも必要です。 サンプルです。インスペクタにRailsPanelが追加されています。 実行されたSQLも確認できます。 レンダリングに使われたファイルも確認できます。MacVimなどであればここからクリックして開けます。 設定です。TextMate、MacVimが対応に上がっています。 RailsPanelを使えば実行されたアクション、使われたテンプレート、実行されたSQLが一目で確認でき
ChromeSkelはGoogle Chrome機能拡張を作るためのベースになるソフトウェアです。 Google Chromeは今や世界一のシェアを誇るWebブラウザになっています。そんなGoogle Chromeをさらに魅力的にするのが機能拡張です。Google Chrome機能拡張を作ってみたいと思う方はChromeSkelをベースにすると良いでしょう。 ファイル構成 インストールしました。 オプション画面があります。 アクションも設定されています。 別ページの設定画面。 ChromeSkelは手早くGoogle Chrome機能拡張を開発するためのテンプレートになります。サンプルのアイコンやManifest.json、jQueryを同梱、オプションページ、background.html、popup.htmlなど開発に必要な道具がたくさん揃っています。 ChromeSkelはGoogl
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く