Chrome’s Console API: Greatest Hits
Mitch Robb 14 Jul 2014 Chrome’s Console API: Greatest Hits The Chrome debugger is the best tool for locating problematic code in a JavaScript application, but there are times that diving into your code line-by-line isn’t the fastest or most convenient means to that end. We all know about console.log(), but I thought I’d write about a few of its lesser-known cousins that are more refined, and can
効果や将来性は？Chromeブラウザの「プッシュ通知」機能｜モバイルマーケティング研究所｜ModuleApps 2.0
Chromeのプッシュ通知とは？ Chrome 42に搭載されるプッシュ通知は、ユーザーがプッシュ通知を許可すると、たとえブラウザが開いていない状態でもプッシュ通知を配信することができます。この機能はネイティブアプリを導入しなければ実現できなかったプッシュ通知機能が、今回、Webブラウザでもほぼ同じ機能が使用できることで、以前から注目されていました。今回Chrome 42が登場されることで再び注目が集まっているということですね。 この機能を実体験したい方はこの手順にお進みください。 （１）まずGooglePlayストアから「Chrome Beta」をダウンロードします。 （２）次に以下の「Web Starter Kit」をスマートフォンから開いてください。 https://simple-push-demo.appspot.com/ （３）ページ内の「Enable Push Notifica
Chrome 42 Beta: Push Notifications, Promoting Add to Home Screen and ES6 Classes
$200K 1 10th birthday 4 abusive ads 1 abusive notifications 2 accessibility 3 ad blockers 1 ad blocking 2 advanced capabilities 1 android 2 anti abuse 1 anti-deception 1 background periodic sync 1 badging 1 benchmarks 1 beta 83 better ads standards 1 billing 1 birthday 4 blink 2 browser 2 browser interoperability 1 bundles 1 capabilities 6 capable web 1 cds 1 cds18 2 cds2018 1 chrome 35 chrome 81
AndroidアプリをPCで動かす方法
スマートフォンで利用しているAndroidアプリのうち、PCでも使いたいものもあるだろう。Androidを開発するGoogleのWebブラウザ「Google Chrome」を使えば、かなりのアプリをPC上で動かせる。MakeTechEasierが「How to Run Android Apps in the Google Chrome Browser)」で、その方法を紹介しているので、以下そのポイントを見てみよう。 この方法、Mac OS XまたはWindowsでGoogle Chromeを利用するPC向けだ。また、すべてのAndroidアプリ/ゲームが利用できるわけではない点にも注意されたい。「Androidアプリがうまく動かなくてもPCに害を与えることはない」とのことなので、やってみる価値はありそうだ。以下で紹介する方法はGoogle Chromeの拡張機能「ARChon」を用いるが、
Object.observeのGoogle Chromeでの先行実装とAngularについて - mizchi's blog
読みました。 Angularが好き - Can I do web? https://twitter.com/agektmr/status/519128909695045633 僕の中で、Object.observe なんてどうみてもangularのためじゃんって雰囲気が最初からあって、あまりにも当前だと思っていたので、さも事実のように書いてしまってました。 実際に検索してみたところ、その関係に実際に言及するような資料は発見できませんでした。この点は僕の想像でした。申し訳ありません。 ですが、検索すると僕以外にも多くの人がそう思っており、それなりに根拠もあります。なぜそう思っていたのか、その理由を提示します。 2012/06 Angularの公開リリース 2012/11 Object.observeの仕様の初出 http://wiki.ecmascript.org/doku.php?id=h
オフィスのプロジェクタにChromecastを挿して大活躍させてる - ただのにっき(2014-06-18)
■ オフィスのプロジェクタにChromecastを挿して大活躍させてる 月曜から稼働している新オフィス、プロジェクトルームにEPSONの短焦点プロジェクタを2台設置してもらったんだけど(プロジェクタはプレゼン用途よりもディスカッション用途の方が有用なのでプロジェクトルームに置くのは当然ですね)、最近のビジネス用プロジェクタの例に漏れずちゃんとネットワークで共有できるから、プロジェクトの各メンバが自分の端末の内容をプロジェクタに出力できる。 (ここで「プロジェク」がゲシュタルト崩壊してきたのでちょっと深呼吸) ただ、(EPSONだけかも知れないけど)ネットワークプロジェクタ機能にはけっこう制約があって、プライマリディスプレイの内容しか出力できない(拡張ディスプレイ扱いにできない)とか、メンバが協調しないとソースの切り替えができない(他人の出力を勝手に奪えない)とか、その他もろもろディスカッシ
「WebKit」と「Blink」の開発が分岐する前後の状況をまとめたグラフ
Google ChromeはかつてAppleのウェブブラウザ・Safariと同じHTMLレンダリングエンジンのWebKitを使用していましたが、Chrome 28からエンジンを「Blink」に変更しました。WebKitはオープンソースでしたが、AppleとGoogleの開発方針が対立したことからBlinkがフォーク(分岐)したもの。このフォークはそれぞれのエンジンにどのような影響を与えたのか、まとめたグラフが制作されています。 One year of Blink and WebKit http://browserg.nom.es/ HTMLレンダリングエンジンは、HTMLやCSS、JavaScriptなど、ウェブページを表示するための記述用言語を解釈して、実際に画面に文字や画像を表示するためのプログラムであり、ウェブブラウザの心臓部分といえる部分。1998年に開発された「KHTML」という
Microsoft、GoogleのChromeアプリ版Office Onlineをリリース
米Microsoftは4月14日（現地時間）、「Office Online（旧Office Web Apps）」のChromeアプリ版を米GoogleのChromeアプリストアで公開したと発表した。Word、Excel、PowerPoint、OneNoteのChromeアプリ版をそれぞれ無料でダウンロードできる。 Office Onlineは、Webブラウザでアクセスし、Officeのドキュメントを作成・編集・共有できるサービス。Microsoftアカウントさえ持っていれば、有料のOfficeをPCにインストールせずにWebブラウザで利用できる。作成したファイルはOneDrive（旧SkyDrive）に保存する。OneDriveアプリをPCにインストールしていれば、PC上のファイルを編集することも可能だ（本稿執筆現在Windows 8.1は非対応）。 Office Onlineはこれまでも
私が愛用している Chrome拡張機能 おすすめ14選 - ネットの海の渚にて
今回は私が実際に使っていて便利だなぁと日頃思っているおすすめのChrome拡張機能を紹介します。 Google Mail Multi-Account Checker https://chrome.google.com/webstore/detail/google-mail-multi-account/mcpnehokodklgijkcakcfmccgpanipfp メインのアカウントとSNSやブログ関係のアカウントを使い分けているのでこれが無いとめちゃくちゃ不便。これのおかげでメーラーアプリはめったに立ち上げなくてもよくなりました。 HD for YouTube™ HD for YouTube™ - Chrome Web Store YouTubeを開くと強制的に最高画質に変更してくれる優れもの。 ちょっとの手間だけどあったらやっぱり便利。 Speed Dial [FVD] Speed D
データを圧縮転送してChromeを高速化する拡張機能「Data Compression Proxy」
AndroidとiOS版のChromeにはSPDYプロトコルですべてのHTTPトラフィックをGoogleのサーバーに転送することで、データ使用量を最大で50％削減してウェブブラウジングを高速化できる「データ圧縮と帯域幅管理機能」が備わっています。この帯域幅管理機能をPC版Chromeでも使えるようにして高速ブラウジングを実現するChrome拡張機能が「Data Compression Proxy」です。 Chrome ウェブストア - Data Compression Proxy https://chrome.google.com/webstore/detail/data-compression-proxy/ajfiodhbiellfpcjjedhmmmpeeaebmep インストールするには「無料」をクリック。 「追加」をクリック。 すると画面右上に緑色のマークが出現しており、アイコンを
Chromeプロセス数を減らしてメモリを節約する - clock-up-blog
概要 Chromeの常駐プロセス数を一定の数に抑え、メモリ圧迫を防ぐ。 注意 見つけたばかりのオプションであり、検証は不十分です。 自己責任で設定をお願いします。 設定の仕方 Chrome の起動オプションに「--renderer-process-limit=数字」を付けるだけ。 これでレンダープロセスの数が制限される。 どれくらいの値が適切かはいまいち分からないが、感覚としては「--renderer-process-limit=5」くらいあれば十分な気がする。自分はさらに絞って「--renderer-process-limit=2」で運用していますが、今のところ大きな問題には遭遇していません。 Chromeショートカットのプロパティから 「 --renderer-process-limit=数字」を付けます。 比較 Windows7 64bit / Chrome 27.0.1453.11
なんでもっと早く使わなかったんだと後悔したChrome拡張５つ（ブロガーとして）
今回はChromeExtensionを５つのご紹介。正確には以前に１個紹介しているので４つかな。 たった4つかというのもありますが、あんまり拡張するのが好きではないのもあり、入れてもすぐ消す癖があって、本当に便利なもの、もしくはよく使うものしか基本的に追加してません。ただこれ、「職業ブロガー」っていうところに恐らく焦点が合わさっていますので、さきにご了承願います！ 以前書いた記事でもそうなんですけど、かなり消してますね・・・ 私が厳選して愛用するGoogleChromeエクステンション12個＋消した奴36個 是非まだ入れてないって人は使ってみてください。 使えば使うほど味が出る超便利エクステンション とりあえず今回紹介する4つはこちら。 他のやつはド定番なので紹介の必要が無いかと判断したりなんだりです。 １）ato-ichinen ダウンロード とりあえず「１」と書かれたアイコン。押してお
JavaScript書くのに入れとくといいもの
Chrome CanaryDevToolsも進化してるのでStableではなくCanaryを Local ProxyPCのみならDevToolsだけでもいいけど、スマホのWebView内解析とか考えるとLocal Proxyは必須 Windowsなら Fiddler （無料） Macなら Charles （有料） Macでお金払うのが嫌な場合 CocProxy for nginx （無料。CUI。Ruby版使うくらいならこちらを） JS製が良くてソース読みたいなら Klepto （無料。GUI。不安定） ソースの文字コード変更ChromeでJS、CSS開くと日本語が化けるので、初期文字コードをUTF-8に変更 （フォント設定（ chrome://settings/fonts ）の一番下を「Unicode (UTF-8)」に） “This Frame” Context Menuiframeの
『PhantomJSを使ったスマホサイトテストの自動化(前編)』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 みなさんこんにちは！ スマホ版Ameba担当の川口です。 ちょうど一年前、同じようにJavaScriptを使ったテスト手法について記事を書かせていただいたのですが、今回も懲りずにまた同じようなテーマで再登場いたしました。 JavaScriptのテスト手法 さて、スマホ版Amebaの全面リニューアルから早くも１年経ったのですが、今回はそんなスマホ版Amebaで日々自動テストツールとして活躍してもらっているPhantomJSを紹介させていただきます。 長い記事になるため、今回は前編・後編に分けて以下のような構成でお送りいたします。 ●前編 ・Phanto
webkit-devで見るBlinkのフォーク | Scene Research Station
ついにWebKitからGoogle勢が分裂してBlinkという新しいフォークが出来てしまった。 折りしもmozillaがレンダリングエンジンをRustで作り直すという挑戦的なニュースも重なり、 新年度早々Web業界ウォッチャーには衝撃が走った。 さて、このBlinkのフォーク騒動だけど、理由は大きく２つあると思う。 一つは、性能や安全性向上のためのリアーキが現状のWebKitのtrunkでは難しいから。 二つは、WebKitのコミュニティ上でのApple勢とGoogle勢の信頼関係が崩れたため。 一つ目の性能に関する理由は明白。Blinkの公式サイトにもあるような、iframeのsandbox化、ネットワークコードの簡潔化、DOMをJSヒープに移動させることによるDOM操作の高速化などを、様々な移植層に適合した形で実現するのは技術的にも政治的にも非常に難しいためだ。 そういったドラスティッ
［速報］グーグル、WebKitをフォークして新しいレンダリングエンジン「Blink」を開発すると表明
グーグルは、これまでChrome/Chromiumのレンダリングエンジンとして採用してきたWebKitをフォークし、新しいレンダリングエンジンの「Blink」をオープンソースで開発すると今朝表明しました。 グーグルのDeveloper Relations Japan Blogに投稿された「Chromium プロジェクトの新しいレンダリングエンジン Blink のご紹介」で、なぜWebKitからフォークしてBlinkの開発を始めるのか、その理由が記されています。 Chromium は 他の WebKit ベースブラウザーと違い、マルチプロセス アーキテクチャを採用しているため、WebKit プロジェクトと Chromium プロジェクトはここ数年複雑化の一途を辿ってきました。これにより、全体的なイノベーションの速度が低下してきたことは否めません。そこで本日、WebKit ベースの新しいオープ
『JavaScript開発時に便利なツールたち』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。アメーバ事業本部でディベロッパーをしています、平木(id:Layzie)です。 先日2/9に行なわれたFrontrend Vol.4で"JavaScript Development Tools – JavaScript開発の効率アップ"というテーマで登壇させていただいたのですが、セッションでは時間の都合でお話できなかった補足や、その他のツールのご紹介をしていきたいと思います。公式サイトで各講演のスライドと動画を見ることができますので、残念ながらイベントにいらっしゃらなかった方は、ぜひご覽になってください。 Chrome Canaryビル
僕が考えたChrome拡張機能を作るときのデザインパターン
最近いくつかのChrome拡張機能を作っていて、すでに数千人のユーザを獲得できているものが出てきてたりします。 Image collector extension goo.gl URL Shortener extension mixi Check button extension Semantic inspector これだけ作ってると、何となく自分でのChrome拡張機能を作り出す際のデザインパターン・・・っていう大それたものじゃないけど、ようはテンプレが確立されてきます。全く褒められない書き方をしているかもしれませんが、ここでそのテンプレ達を晒しておこうかな、と思います。 manifest.json まずはChrome拡張機能の要であるマニフェストファイルです。これは誰が書いてもさほど変わらない記述内容となるでしょう。 { "manifest_version": 2, "name":
ChromeのSSHクライアント「Secure Shell」が公開鍵認証に対応！ブラウザだけでサーバー管理ができる時代に近づいた - Chrome Life
以前の記事でご紹介したChromeのSSHクライアント「Secure Shell」が、バージョン0.8.2にアップデートされました。 今回のバージョンアップで、 公開鍵認証が使えるようになりました！ 今まではパスワード方式だったので、サーバーによっては使えなかったのですが、秘密鍵をインポートして認証できるようになったので、SSHクライアントとして十分使えるレベルに近づいたと思います。 「Secure Shell」を起動すると、接続先の設定ができるようになっています。 ここで接続先の名称（接続情報の記憶用）、ログインユーザー名、ホスト名、ポートを入力し、秘密鍵ファイルをインポートし、Enterキーでサーバーに接続します。 接続に成功すると、接続先情報は保存されるので次回からはワンクリックで接続できるようになっています。 筆者の運営しているサーバーに秘密鍵を利用して接続することができました！
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - google/end-to-end: End-To-End is a crypto library to encrypt, decrypt, digital sign, and verify signed messages (implementing OpenPGP)
