Chromeの新機能がすごい便利！imgやiframeにlazyload属性を加えるだけでLazyLoad対応に
「Blink LazyLoad」と呼ばれるChromeの新機能は、表示領域外の画像やiframe要素のロードを遅延させることで、Webページのパフォーマンスを大幅に向上させます。 LazyLoadは今まではJavaScriptを使用していましたが、ブラウザのネイティブな機能として、imgやiframe要素にlazyload属性を加えるだけで簡単に利用できます。 「Blink LazyLoad」の機能と使い方、注意点を紹介します。 A Native Lazy Load for the Web 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 「Blink LazyLoad」の機能 セキュアなLazyLoadのポリシー 後方互換性 LazyLoadの有効化 参考資料 終わりに 「Blink LazyLoad」の機能 重要度の低いコンテ
--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
Getting Started with Headless Chrome | Blog | Chrome for Developers
TL;DR Headless Chrome is shipping in Chrome 59. It's a way to run the Chrome browser in a headless environment. Essentially, running Chrome without chrome! It brings all modern web platform features provided by Chromium and the Blink rendering engine to the command line. Why is that useful? A headless browser is a great tool for automated testing and server environments where you don't need a visi
もっとマインドマップを簡単に描くためにChrome拡張機能を作りました - Qiita
皆さんはマインドマップを日頃描いていますでしょうか？僕の身近にも、メモしたり、議事録書いたり、アイディアをまとめていったり、いろいろな目的でマインドマップを描いている人たちがいます。僕もマインドマップでいろいろ書けるようになりたいな、と昔から思っていましたが、以下のような壁があって、なかなかマインドマップ脳になれずにいました。 インストール型アプリはイヤ。ウェブアプリがいい。 お金かかるのはイヤ。無料がいい。 変に凝ったマインドマップのデザインはイヤ。シンプルで王道なものがいい。 描いていくのが手間なのはイヤ。単純にマインドマップが書ける方がいい。 満足がいくものを見つけることができなかったので、結局自分で作っちゃいました。 MindMap Tab その名も"MindMap Tab"。Chromeの拡張機能として作りました。 インストール方法 Chromeをお使いの方は、以下のページからM
Chromeアプリ版LINEからスタンプ画像を抽出する
課金してスタンプ購入したんだから、画像データくらい抽出して取っておきたいという気持ちになるのは、あまり非難されることではないと思います。今までは Android や iOS のファイルから探していましたが、先ほど Chrome アプリ版が出たということでファイル構成を確認してきました。Chrome アプリは HTML + CSS + JavaScript で作成するものなので、基本的にソースなどは見放題です。ただし、ソースは難読化されているようでした。 LINEソース読めるけどすごい難読化してある pic.twitter.com/ZctICC9Xnj — 超リアル (@9m) July 30, 2015 LINE スタンプの保存フォルダ LINE のスタンプはダウンロードして使うようです。そのおかげで Android や iOS アプリから抽出できていたわけですが、Chrome 版も同じよ
Slideshareを最後まで見ると勝手に次のスライドに移動する超ウザ機能を殺す - Qiita
去年の11月くらい(?)からスライドシェアでスライドを見終わると「勝手に次のスライドに遷移する」という余計なお世話な超絶にうざい機能が導入されたのだが、いい加減うざすぎるので切れて、寝る前に無効化するChrome拡張書いた。 Chrome拡張 slideshare next-slide disabler 実装は凄いシンプルだけど拡張で簡単導入できたら嬉しい人はいるかと思って公開した。 実装 document_endのタイミングでコレ実行してるだけ。 'use strict'; !function(t){t.parentNode.removeChild(t)}(document.querySelector(".next-container"));
Effectively managing memory at Gmail scale | Articles | web.dev
Effectively managing memory at Gmail scale Stay organized with collections Save and categorize content based on your preferences. Introduction While JavaScript employs garbage collection for automatic memory management, it is not a substitute for effective memory management in applications. JavaScript applications suffer from the same memory related problems that native applications do, such as me
IEをHTML5に対応させるGoogle Chrome Frame、安定版登場
Google Chrome runs web pages and applications with lightning speed. これまでベータ版が提供されてきたGoogle Chrome Frameから安定版が公開された。初期のGoogle Chrome Frameと比較して実行速度の向上と安定性の改善が実現しているという。Windows 7およびVistaでは起動速度が3倍以上になったほか、ほかのプラグインとの競合がより改善されていると説明されている。 Google Chrome Frame、HTTPヘッダに対応 IE6、プラグインで最新ブラウザになる理由 Google Chrome FrameはIE6、IE7、IE8向けのアドオン。レンダリングにChromeのコンポーネントを利用することで、IEを使いながらもChromeの提供する最新の機能が利用できる。対応の困難さなどからIE
これはすごい！ChromeがSSHクライアントになるエクステンション「Secure Shell」 - Chrome Life
最近では、クラウド環境を使って簡単にサーバーを構築することができるようになったので、開発者もターミナルを使う機会が増えてきたと思います。 筆者は、Macユーザーなのでターミナルアプリケーションとして「iTerm2」を使っていますが、Windowsの時は「PuTTY」を使っています。 運用でもターミナルからSSHで接続して、設定ファイルを編集したりログをチェックしたりCPU負荷を確認することもよくあります。 こういったSSHクライアントは自分の開発環境にインストールして使っていると思います。 しかし、デモやプレゼンをする際など、自分の開発環境以外からSSHでサーバーに接続したい場合、ターミナルアプリケーションがインストールされていないことがあります。 そこで、今回ご紹介するのが、ChromeがSSHクライアントになるエクステンション「Secure Shell」です。 「Secure Shel
GoogleがAndroid版Chromeブラウザをリリース（更新） | juggly.cn
GoogleがついにAndroid版Chromeブラウザ「Chrome for Android」をリリースしました。現時点においてはアプリはベータ版として提供されており、Android 4.0を搭載した端末で利用することができます。 Android版もデスクトップ版と同様のタブブラウザで、タブは無限に開けます。デスクトップ版や他のAndroid端末との同期機能も備えており、Chromeにログインすることで、Googleサイトに自動ログインできるほか、開いているタブ/ブックマーク/アドレスバーのデータをデスクトップ版と同期することができす。同期機能では、Android版Chromeを搭載した他の端末（タブレットとか）で開いているタブも同期されます。同期機能を利用するにはデスクトップ版のメニューにある「Chromeにログイン…」をクリックしてログインしておく必要があります。 UIはかなりシンプ
ついに出た！Chrome版「Page Speed」の使い方
2011/3/22に、GoogleがようやくGoogle Chrome版「Page Speed」拡張機能を公開しました。 「Page Speed」は、項目をある程度理解できれば自分や自社のサイトの表示速度の改善にとても役立つツールです。 この記事では、「Page Speed」のインストール方法から各調査項目の見方や改善方法を中心に使い方を解説します。 ぜひ、ご自身のサイトの改善に役立てていただければと思います。 そもそも、なぜサイトの表示速度を速くする必要があるのか？ 例えば、Amazonの調査によると「表示速度が0.1秒遅くなると、売上が1％減少する」といい、Googleの調査によると「表示速度が0.5秒遅くなると、検索数が20％減少する」と言われます。 また、GoogleはWebページの読み込み速度をアルゴリズムに取り入れたことを発表しています。 大手サイトや大規模なECサイトに限らず
今日の予定だけをGoogleカレンダーで表示する·Google Calendar for Today MOONGIFT
Google Calendar for TodayはGoogle Chrome向けのオープンソース・ソフトウェア。スケジュール管理をWebベースで行っている人は多い。特にGoogleカレンダーを使って個人、仕事を問わず予定を管理している人は多いのではないだろうか。 直近の予定が素早く確認できる そんなスケジュール管理は、実のところ1週間後の予定が分かったとしてもあまり意味はない。月表示で今月の予定など分かった所で、どんどんアップデートされてしまうはずだ。必要なのは今日と明日程度、そう割り切れる人はGoogle Calendar for Todayを使ってみよう。 Google Calendar for TodayはGoogle Chrome機能拡張であり、アドレスバーの横に表示されるアイコンからGoogleカレンダーの予定をチェックできる。Google Appsには対応していないようで、G
【インフォシーク】Infoseek ： 楽天が運営するポータルサイト
日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
第三次ブラウザ戦争がそろそろ閉幕します - latest log
throw Life - Chrome AppsをAndroid/iOSアプリとして動かす方法
ggsoku.com
Google Chrome Developer Tools入門 in DevFestX Sapporo
5509.me
IBM Developer
IDEA * IDEA